From c466b7f253a93d3a9b58c658adf6ec75574f5bd8 Mon Sep 17 00:00:00 2001 From: spring <2396852758@qq.com> Date: 星期二, 17 六月 2025 09:06:38 +0800 Subject: [PATCH] 公司logo动态切换,整体样式修改 --- src/layout/components/Navbar.vue | 29 +++++++++++++++-------------- 1 files changed, 15 insertions(+), 14 deletions(-) diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue index a8e08a9..1f0d385 100644 --- a/src/layout/components/Navbar.vue +++ b/src/layout/components/Navbar.vue @@ -1,23 +1,22 @@ <template> <div class="navbar"> <div> - <hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" /> + <hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" + @toggleClick="toggleSideBar" /> <breadcrumb v-if="!settingsStore.topNav" id="breadcrumb-container" class="breadcrumb-container" /> </div> -<!-- <top-nav v-if="settingsStore.topNav" id="topmenu-container" class="topmenu-container" />--> + <!-- <top-nav v-if="settingsStore.topNav" id="topmenu-container" class="topmenu-container" />--> <div class="center-menu"> - <span class="label">{{userStore.currentFactoryName}}</span> + <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> + <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" - > + <el-dropdown-menu> + <el-dropdown-item v-for="item in factoryList" :key="item.deptId" :command="item"> {{ item.deptName }} </el-dropdown-item> </el-dropdown-menu> @@ -114,12 +113,12 @@ } function getUserLoginFacotryList() { - if(userStore.id){ - userLoginFacotryList({userId:userStore.id}).then(res => { + if (userStore.id) { + userLoginFacotryList({ userId: userStore.id }).then(res => { console.log('res', res) factoryList.value = res.data }) - }else { + } else { factoryList.value = [] } } @@ -129,7 +128,7 @@ handleLogin(command.deptId); } -function handleLogin(currentFatoryId){ +function handleLogin(currentFatoryId) { const loginForm = { username: Cookies.get("username"), password: Cookies.get("password") === undefined ? null : decrypt(Cookies.get("password")), @@ -157,6 +156,7 @@ position: relative; background: var(--navbar-bg); box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); + .center-menu { line-height: 50px; position: absolute; @@ -164,6 +164,7 @@ transform: translateX(-50%); display: flex; align-items: center; + .label { font-weight: bold; font-size: 18px; -- Gitblit v1.9.3