| | |
|---|
| | | <breadcrumb v-if="!settingsStore.topNav" id="breadcrumb-container" class="breadcrumb-container" />
|
|---|
| | | </div>
|
|---|
| | | <!-- <top-nav v-if="settingsStore.topNav" id="topmenu-container" class="topmenu-container" />-->
|
|---|
| | | <div class="center-menu">
|
|---|
| | | <span class="label">{{ userStore.currentFactoryName }}</span>
|
|---|
| | | <el-dropdown @command="handleFactoryChange" class="right-menu-item hover-effect" trigger="click">
|
|---|
| | | <div>
|
|---|
| | | <el-icon size="20">
|
|---|
| | | <Switch />
|
|---|
| | | </el-icon>
|
|---|
| | | </div>
|
|---|
| | | <template #dropdown>
|
|---|
| | | <el-dropdown-menu>
|
|---|
| | | <el-dropdown-item v-for="item in factoryList" :key="item.deptId" :command="item">
|
|---|
| | | {{ item.deptName }}
|
|---|
| | | </el-dropdown-item>
|
|---|
| | | </el-dropdown-menu>
|
|---|
| | | </template>
|
|---|
| | | </el-dropdown>
|
|---|
| | | </div>
|
|---|
| | | <div class="right-menu">
|
|---|
| | | <!-- 消息通知 -->
|
|---|
| | | <el-popover
|
|---|
| | |
|---|
| | | import useAppStore from '@/store/modules/app'
|
|---|
| | | import useUserStore from '@/store/modules/user'
|
|---|
| | | import useSettingsStore from '@/store/modules/settings'
|
|---|
| | | import { userLoginFacotryList } from "@/api/system/user.js"
|
|---|
| | | import Cookies from "js-cookie";
|
|---|
| | | import { decrypt } from "@/utils/jsencrypt"
|
|---|
| | |
|
|---|
| | | const appStore = useAppStore()
|
|---|
| | | const userStore = useUserStore()
|
|---|
| | | const settingsStore = useSettingsStore()
|
|---|
| | | const factoryList = ref([])
|
|---|
| | | const notificationVisible = ref(false)
|
|---|
| | | const notificationCenterRef = ref(null)
|
|---|
| | | const unreadCount = ref(0)
|
|---|
| | |
|---|
| | | function toggleTheme() {
|
|---|
| | | settingsStore.toggleTheme()
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function getUserLoginFacotryList() {
|
|---|
| | | if (userStore.id) {
|
|---|
| | | userLoginFacotryList({ userId: userStore.id }).then(res => {
|
|---|
| | | console.log('res', res)
|
|---|
| | | factoryList.value = res.data
|
|---|
| | | })
|
|---|
| | | } else {
|
|---|
| | | factoryList.value = []
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function handleFactoryChange(command) {
|
|---|
| | | console.log('command', command)
|
|---|
| | | handleLogin(command.deptId);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function handleLogin(currentFatoryId) {
|
|---|
| | | const loginForm = {
|
|---|
| | | username: Cookies.get("username"),
|
|---|
| | | password: Cookies.get("password") === undefined ? null : decrypt(Cookies.get("password")),
|
|---|
| | | currentFatoryId: currentFatoryId
|
|---|
| | | }
|
|---|
| | | userStore.loginCheckFactory(loginForm).then(res => {
|
|---|
| | | forceReload();
|
|---|
| | | }).catch((err) => {
|
|---|
| | | console.log(err)
|
|---|
| | | })
|
|---|
| | | }
|
|---|
| | | function forceReload() {
|
|---|
| | | const currentUrl = window.location.origin + window.location.pathname;
|
|---|
| | | const timestamp = new Date().getTime();
|
|---|
| | | window.location.href = `${currentUrl}?reload=${timestamp}`;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | getUserLoginFacotryList();
|
|---|
| | |
|
|---|
| | | // 消息通知相关
|
|---|
| | | function handleUnreadCountChange(count) {
|
|---|
| | |
|---|
| | | position: relative;
|
|---|
| | | background: var(--navbar-bg);
|
|---|
| | | box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
|---|
| | |
|
|---|
| | | .center-menu {
|
|---|
| | | line-height: 50px;
|
|---|
| | | position: absolute;
|
|---|
| | | left: 50%;
|
|---|
| | | transform: translateX(-50%);
|
|---|
| | | display: flex;
|
|---|
| | | align-items: center;
|
|---|
| | |
|
|---|
| | | .label {
|
|---|
| | | font-weight: bold;
|
|---|
| | | font-size: 18px;
|
|---|
| | | color: #333333;
|
|---|
| | | margin-right: 10px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .hamburger-container {
|
|---|
| | | line-height: 46px;
|
|---|
