退出登录

src/layout/default/User.vue

@@ -6,7 +6,8 @@
     <el-dropdown @command="clickUser">
       <span>
         <xm-icon name="user" :style="{ fontSize: '18px' }"></xm-icon>
-        <xm-icon name="arrowdown"></xm-icon>
+<!--        <xm-icon name="arrowdown"></xm-icon>-->
+        <span>{{ user.username }}</span>
       </span>
       <el-dropdown-menu slot="dropdown">
         <!-- <el-dropdown-item command="resetPassword">重置密码</el-dropdown-item> -->

src/layout/default/index.vue

@@ -9,7 +9,7 @@
     <el-container>
       <el-header class="head">
         <div class="h-item">&nbsp;</div>
-        <user class="h-item-noflex" :messages="[1]" @logout="logout" @resetPassword="resetPassword"></user>
+        <user class="h-item-noflex" :user="userAuthority" :messages="[1]" @logout="logout" @resetPassword="resetPassword"></user>
       </el-header>
       <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right">
         <el-breadcrumb-item :to="{ name: 'index' }">首页</el-breadcrumb-item>
@@ -69,6 +69,11 @@ export default {
     //     this.menus = pages
     //   })
     // }
+    this.$store.dispatch('getUser').then((data) => {
+      this.menuArray = pageArray
+      this.menus = pages
+      this.userAuthority = data
+    })
     this.menuArray = pageArray
     this.menus = pages
   },