新增注销功能

src/components/layout/components/NavTop.vue

@@ -6,7 +6,9 @@
       @click="updateMenuCollapsedFun"
     />
     <div class="userInfoDiv">
-      <span class="welcome">欢迎</span>
+      <span v-if="userInfo.userName" class="logout" @click="handleLogout"
+        >注销</span
+      >
       <img :src="userInfo.header || defaultImg" />
       <span>{{ userInfo.userName || 'undefind' }}</span>
     </div>
@@ -48,6 +50,11 @@ export default {
     updateMenuCollapsedFun() {
       this.$emit('update:collapsed', !this.collapsed);
     },
+    // 操作：注销
+    handleLogout() {
+      this.$store.commit('user/SET_LOGOUT'); // 存用户信息
+      this.$router.push({ name: 'login' });
+    },
   },
 };
 </script>
@@ -66,8 +73,12 @@ export default {
     display: flex;
     align-items: center;
     color: #000;
-    .welcome {
+    .logout {
       color: #666;
+      cursor: pointer;
+      &:hover {
+        color: @mainColorBlueNormal;
+      }
     }
     img {
       width: 40px;