From f07e14e62f7beecc9bf4eac6720390ea1360f79f Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Mon, 27 May 2024 17:30:10 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9=20tab=20=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/TabPage/index.vue | 13 +++++--------
 src/router/workbench/index.js           |  1 +
 src/styles/menu.scss                    |  4 ++--
 3 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/layout/components/TabPage/index.vue b/src/layout/components/TabPage/index.vue
index c41813eee..e52c73c4d 100644
--- a/src/layout/components/TabPage/index.vue
+++ b/src/layout/components/TabPage/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Page class="tab-page" v-bind="$attrs">
+  <Page v-if="!loading" class="tab-page" v-bind="$attrs">
     <template #headingRightSide>
       <slot name="headingRightSide" />
     </template>
@@ -46,7 +46,7 @@
         <el-alert v-if="helpMessage" type="success">
           <span class="announcement-main" v-html="helpMessage" />
         </el-alert>
-        <transition v-if="loading" appear mode="out-in" name="fade-transform">
+        <transition v-if="!loading" appear mode="out-in" name="fade-transform">
           <slot>
             <keep-alive>
               <component :is="computeActiveComponent" />
@@ -122,19 +122,16 @@ export default {
       const activeTab = to.query?.tab
       if (activeTab && this.iActiveMenu !== activeTab) {
         this.iActiveMenu = activeTab
-        this.loading = false
-        setTimeout(() => {
-          this.loading = true
-        })
       }
     }
   },
   activated() {
     this.iActiveMenu = this.getPropActiveTab()
+    this.loading = false
   },
-  mounted() {
-    console.log('Mounted ')
+  created() {
     this.iActiveMenu = this.getPropActiveTab()
+    this.loading = false
   },
   methods: {
     handleTabClick(tab) {
diff --git a/src/router/workbench/index.js b/src/router/workbench/index.js
index 15f645a7a..925150d30 100644
--- a/src/router/workbench/index.js
+++ b/src/router/workbench/index.js
@@ -69,6 +69,7 @@ export default {
             title: i18n.t('FileExplorer'),
             activeMenu: '/assets',
             icon: 'file-manager',
+            external: true,
             permissions: ['rbac.view_filemanager']
           }
         }
diff --git a/src/styles/menu.scss b/src/styles/menu.scss
index 4d484de6b..1e4ecce5c 100644
--- a/src/styles/menu.scss
+++ b/src/styles/menu.scss
@@ -70,7 +70,7 @@ $single-menu-height: 38px;
             padding: 19px 20px !important;
             line-height: 36px;
             min-width: 200px;
-            font-size: 12px;
+            font-size: 13px;
             letter-spacing: .03em;
 
             &:hover,
@@ -110,7 +110,7 @@ $single-menu-height: 38px;
       height: $single-menu-height;
       line-height: $single-menu-height;
       min-width: 200px;
-      font-size: 12px;
+      font-size: 13px;
 
       &:hover,
       &.is-active {