导航栏/菜单栏显示逻辑修改

frontend/src/layouts/components/Header/components/Avatar.vue

@@ -1,6 +1,6 @@
 <template>
   <el-dropdown trigger="click">
-    <div class="userInfo">
+    <div class="userInfo">  
       <div class="icon">
         <Icon><Avatar /></Icon>
       </div>
@@ -16,7 +16,7 @@
         <el-dropdown-item @click="openDialog('passwordRef')">
           <el-icon><Edit /></el-icon>{{ $t("header.changePassword") }}
         </el-dropdown-item>
-        <el-dropdown-item @click="openDialog('passwordRef')">
+        <el-dropdown-item @click="changeMode">
           <el-icon><Edit /></el-icon>{{ $t("header.changeMode") }}
         </el-dropdown-item>
       </el-dropdown-menu>
@@ -48,10 +48,11 @@ import SearchMenu from "./components/SearchMenu.vue";
 import ThemeSetting from "./components/ThemeSetting.vue";
 import Message from "./components/Message.vue";
 import Fullscreen from "./components/Fullscreen.vue";
+import { useAuthStore } from "@/stores/modules/auth";
 const userStore = useUserStore();
 const username = computed(() => userStore.userInfo.name);
 const router = useRouter();
-
+const authStore = useAuthStore();
 // 退出登录
 const logout = () => {
   ElMessageBox.confirm("您是否确认退出登录?", "温馨提示", {
@@ -61,12 +62,12 @@ const logout = () => {
   }).then(async () => {
     // 1.执行退出登录接口
     await logoutApi();
-
     // 2.清除 Token
     userStore.setToken("");
-
     // 3.重定向到登陆页
     router.replace(LOGIN_URL);
+    //重置菜单/导航栏权限
+    authStore.resetAuthStore();
     ElMessage.success("退出登录成功！");
   });
 };
@@ -78,6 +79,10 @@ const openDialog = (ref: string) => {
   if (ref == "infoRef") infoRef.value?.openDialog();
   if (ref == "passwordRef") passwordRef.value?.openDialog();
 };
+//模式切换
+const changeMode = () => {
+  authStore.changeModel();
+};
 </script>
 
 <style scoped lang="scss">