From 0802a323952d9a3ed3f1710fd6323db26dbc20d8 Mon Sep 17 00:00:00 2001
From: 18650502300 <18650502300@163.com>
Date: Thu, 13 Jun 2024 17:47:43 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Navbar.vue | 9 +++++++++
 src/store/getters.js             | 1 +
 src/store/modules/user.js        | 5 +++++
 3 files changed, 15 insertions(+)

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index e501a0b..f1bbfc7 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -6,6 +6,7 @@
     <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/>
 
     <div class="right-menu">
+      <span class="dept-name">{{deptName}}</span>
       <template v-if="device!=='mobile'">
         <search id="header-search" class="right-menu-item" />
 
@@ -64,6 +65,7 @@ export default {
     ...mapGetters([
       'sidebar',
       'avatar',
+      'deptName',
       'device'
     ]),
     setting: {
@@ -138,10 +140,17 @@ export default {
   }
 
   .right-menu {
+    display: flex;
+    align-items: center; /* 垂直居中对齐 */
     float: right;
     height: 100%;
     line-height: 50px;
 
+    .dept-name {
+      font-size: 14px;
+      margin-right: 10px;
+    }
+
     &:focus {
       outline: none;
     }
diff --git a/src/store/getters.js b/src/store/getters.js
index 8adb1b6..a09130b 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -7,6 +7,7 @@ const getters = {
   cachedViews: state => state.tagsView.cachedViews,
   token: state => state.user.token,
   avatar: state => state.user.avatar,
+  deptName: state => state.user.deptName,
   name: state => state.user.name,
   introduction: state => state.user.introduction,
   roles: state => state.user.roles,
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index cdbab1e..1443d96 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -7,6 +7,7 @@ const user = {
     id: '',
     name: '',
     avatar: '',
+    deptName: '',
     roles: [],
     permissions: []
   },
@@ -24,6 +25,9 @@ const user = {
     SET_AVATAR: (state, avatar) => {
       state.avatar = avatar
     },
+    SET_DEPTNAME: (state, deptName) => {
+      state.deptName = deptName
+    },
     SET_ROLES: (state, roles) => {
       state.roles = roles
     },
@@ -65,6 +69,7 @@ const user = {
           commit('SET_ID', user.userId)
           commit('SET_NAME', user.userName)
           commit('SET_AVATAR', avatar)
+          commit('SET_DEPTNAME', user.dept.deptName)
           resolve(res)
         }).catch(error => {
           reject(error)