用户名

src/layout/components/Navbar.vue

@@ -77,6 +77,9 @@
           <i class="el-icon-caret-bottom" />
         </div>
         <el-dropdown-menu slot="dropdown" class="user-dropdown">
+          <el-dropdown-item disabled>
+              <span style="color:#bf617c">{{userName}}</span>
+          </el-dropdown-item>
           <router-link to="/">
             <el-dropdown-item> 系统首页 </el-dropdown-item>
           </router-link>
@@ -123,6 +126,7 @@ export default {
       //isLoading:false,
       noticeData: [],
       messageStatus: 2,
+      userName:'',
       // columns:[
       //   {
       //     width: 160,
@@ -213,6 +217,8 @@ export default {
   },
   mounted() {
     this.getNotice();
+    console.log("this.$store.state",this.$store.state)
+    this.userName = this.$store.state.user?.user_name
   },
 };
 </script>

src/store/modules/user.js

@@ -16,7 +16,8 @@ const getDefaultState = () => {
   return {
     token: getToken(),
     name: '',
-    avatar: '',
+    avatar: '',
+    user_name:'',
     roles: []
   }
 }
@@ -32,6 +33,9 @@ const mutations = {
   },
   SET_NAME: (state, name) => {
     state.name = name
+  },
+  SET_USER_NAME: (state, user_name) => {
+    state.user_name = user_name
   },
   SET_AVATAR: (state, avatar) => {
     state.avatar = avatar
@@ -84,13 +88,14 @@ const actions = {
         const {
           roles,
           name,
-          avatar
+          avatar,
+          username
         } = response
 
 
-
         commit('SET_ROLES', roles)
-        commit('SET_NAME', name)
+        commit('SET_NAME', name)
+        commit('SET_USER_NAME', username)
         commit('SET_AVATAR', avatar)
         resolve(response)
       }).catch(error => {