feat(layouts): ✨ [layouts] 清空缓存回到登录页

jsxiaosi · Oct 27, 2022 · 701bf06 · 701bf06
1 parent 8eadfcf
commit 701bf06
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/src/layouts/pageLayouts/components/Seting/index.vue b/src/layouts/pageLayouts/components/Seting/index.vue
@@ -4,6 +4,7 @@
   import pageSettings from './pageSettings/index.vue';
   import { useAppStoreHook } from '@/store/modules/app';
   import type { SidebarMode } from '@/store/types';
+  import { clearStorage } from '@/utils/storage';
 
   const props = defineProps({
     modelValue: {
@@ -45,6 +46,11 @@
   const handerShowElmenu = (vale: SidebarMode) => {
     appStore.setAppConfigMode({ sidebarMode: vale });
   };
+
+  const handerClearStorage = () => {
+    clearStorage();
+    window.location.reload();
+  };
 </script>
 
 <template>
@@ -85,6 +91,9 @@
         <div>
           <pageSettings></pageSettings>
         </div>
+        <el-button class="clear_storage" type="danger" @click="handerClearStorage">{{
+          $t('layout.clearStorage')
+        }}</el-button>
       </div>
     </el-drawer>
   </div>
@@ -97,6 +106,9 @@
 
   .drawer-content {
     width: 100%;
+    height: 100%;
+    overflow-y: auto;
+    position: relative;
     .layout_seting {
       .sidebar_seting {
         display: flex;
@@ -173,5 +185,10 @@
     :deep(.el-divider__text) {
       text-align: center;
     }
+
+    .clear_storage {
+      margin-top: 24px;
+      width: 100%;
+    }
   }
 </style>
diff --git a/src/locales/en/modules/layout.ts b/src/locales/en/modules/layout.ts
@@ -8,6 +8,7 @@ const layout = {
   pageSettings: 'Page Settings',
   hideTabs: 'Hide Tabs',
   labelPersistent: 'Label Persistent',
+  clearStorage: 'Clear cache and return to login page',
 };
 
 export default layout;
diff --git a/src/locales/zh-ch/modules/layout.ts b/src/locales/zh-ch/modules/layout.ts
@@ -8,6 +8,7 @@ const layout = {
   pageSettings: '页面设置',
   hideTabs: '隐藏标签页',
   labelPersistent: '标签持久化',
+  clearStorage: '清空缓存回到登录页',
 };
 
 export default layout;