lcw

src/layout/components/NavBar.vue

@@ -1,11 +1,7 @@
 <template>
   <el-dropdown class="avatar-container" trigger="click">
     <div class="avatar-wrapper">
-      <el-avatar
-        shape="circle"
-        :size="28"
-        :src="require('@/assets/images/ly-person-icon.png')"
-      ></el-avatar>
+      <el-avatar shape="circle" :size="28" :src="require('@/assets/images/ly-person-icon.png')"></el-avatar>
     </div>
     <template #dropdown>
       <el-dropdown-menu class="user-dropdown">
@@ -17,7 +13,7 @@
 </template>
 
 <script setup>
-import { useRouter, useRoute,onBeforeRouteLeave } from "vue-router";
+import { useRouter, useRoute, onBeforeRouteLeave } from "vue-router";
 import { ref } from "vue";
 import { useStore } from "vuex";
 import UpdatePwdDialog from "./UpdatePwdDialog.vue";
@@ -28,12 +24,7 @@ const updatePwd = () => {
 const store = useStore();
 
 const logout = () => {
-  window.opener = null;
-  window.open('', '_self');
-  window.close();
-  store.commit("app/clearTag", null, { immediate: true });
-  store.commit("permission/deleteRouter", { immediate: true });
-  store.commit("user/deleteKeepLiiveRoute", "home");
+  store.dispatch("user/logout");
 };
 </script>
 
@@ -52,6 +43,7 @@ const logout = () => {
     cursor: pointer;
     // hover 动画
     transition: background 0.5s;
+
     &:hover {
       background: rgba(0, 0, 0, 0.1);
     }
@@ -86,9 +78,11 @@ const logout = () => {
 
     ::v-deep .avatar-container {
       cursor: pointer;
+
       .avatar-wrapper {
         margin-top: 5px;
         position: relative;
+
         .el-avatar {
           --el-avatar-background-color: none;
           margin-right: 12px;