fixbug: 退出登录清除标签页

src/components/Application/AppAccount.vue

@@ -12,10 +12,13 @@
 </template>
 
 <script setup lang="ts">
+  import { usePermissionStoreHook } from '@/store/modules/permission';
   import { useRouter } from 'vue-router';
   const router = useRouter();
+
   const command = (value: string) => {
     if (value === 'signOut') {
+      usePermissionStoreHook().handleRemoveMultiTabs();
       localStorage.removeItem('userInfo');
       router.push('/login');
     }

src/layouts/pageLayouts/components/AppTabs/index.vue

@@ -71,7 +71,7 @@
   import { useTabsView } from './hooks/useTabsView';
   import { useTabsChange } from './hooks/useTabsChange';
   import { emitter } from '@/utils/mitt';
-  import { useSelectMenu } from '../../hooks/useSelectMenu';
+  import { useNavSideBar } from '../../hooks/useNavSideBar';
 
   const route = useRoute();
   const router = useRouter();
@@ -80,7 +80,7 @@
 
   const { setTabPaneKey, addRouteTabs, onFresh, removeTab } = useTabsChange(multiTabs);
 
-  const { selectMenu } = useSelectMenu();
+  const { selectMenu } = useNavSideBar();
 
   const { visible, rightClickTags, rightViewStyle, contextmenu, rightViewChange } =
     useTabsView(multiTabs);

src/layouts/pageLayouts/components/Sidebar/MinSidebar.vue

@@ -27,11 +27,11 @@
   import { usePermissionStoreHook } from '@/store/modules/permission';
   import { computed } from 'vue';
   import { useRoute } from 'vue-router';
-  import { useSelectMenu } from '../../hooks/useSelectMenu';
+  import { useNavSideBar } from '../../hooks/useNavSideBar';
   import { AppRouteRecordRaw } from '#/route';
   import { getParentPaths, findRouteByPath } from '@/router/utils';
 
-  const { selectMenu } = useSelectMenu();
+  const { selectMenu } = useNavSideBar();
 
   const route = useRoute();
 

src/layouts/pageLayouts/components/Sidebar/index.vue

@@ -26,9 +26,9 @@
   import { usePermissionStoreHook } from '@/store/modules/permission';
   import { AppRouteRecordRaw } from '#/route';
   import { getParentPaths, findRouteByPath } from '@/router/utils';
-  import { useSelectMenu } from '../../hooks/useSelectMenu';
+  import { useNavSideBar } from '../../hooks/useNavSideBar';
 
-  const { selectMenu } = useSelectMenu();
+  const { selectMenu } = useNavSideBar();
 
   const route = useRoute();
   const { appConfigMode } = getAppCollapseMenu();

src/layouts/pageLayouts/hooks/useSelectMenu.ts → src/layouts/pageLayouts/hooks/useNavSideBar.ts

@@ -1,15 +1,15 @@
 import { AppRouteRecordRaw } from '#/route';
 import { findRouteByPath } from '@/router/utils';
+import { usePermissionStoreHook } from '@/store/modules/permission';
 import { emitter } from '@/utils/mitt';
 import { useRouter } from 'vue-router';
 
-export const useSelectMenu = () => {
+export const useNavSideBar = () => {
   const router = (useRouter().options.routes.find((i) => i.path === '/') ||
     []) as AppRouteRecordRaw;
+
   const selectMenu = (path: string) => {
-    console.log(router);
     const findRoute = findRouteByPath(path, router.children || []);
-    console.log(findRoute);
     if (findRoute) {
       if (findRoute.redirect && findRoute.children && findRoute.children.length) {
         selectMenu(findRoute.children[0].path);
@@ -21,5 +21,9 @@ export const useSelectMenu = () => {
     }
   };
 
-  return { selectMenu };
+  const logout = () => {
+    usePermissionStoreHook().handleRemoveMultiTabs();
+  };
+
+  return { selectMenu, logout };
 };

src/router/utils.ts

@@ -208,7 +208,6 @@ function findRouteByPath(path: string, routes: AppRouteRecordRaw[]): AppRouteRec
 function resetRouter() {
   sidebarRouteList.forEach((route) => {
     const { name } = route;
-    console.log(name);
     if (name) {
       router.hasRoute(name) && router.removeRoute(name);
     }

src/store/modules/permission.ts

@@ -55,6 +55,11 @@ const usePermissionStore = defineStore({
       }
       setlocalStorage('multiTabsList', this.multiTabs);
     },
+    handleRemoveMultiTabs() {
+      setlocalStorage('multiTabsList');
+      this.multiTabs = [];
+      this.clearAllCachePage();
+    },
   },
 });
 

src/utils/storage.ts

@@ -1,5 +1,9 @@
-export function setlocalStorage(key: string, value: Recordable) {
-  localStorage.setItem(key, JSON.stringify(value));
+export function setlocalStorage(key: string, value?: Recordable) {
+  if (value) {
+    localStorage.setItem(key, JSON.stringify(value));
+  } else {
+    localStorage.removeItem(key);
+  }
 }
 
 export function getlocalStorage(key: string) {