From 4d91954d00bbcb1d751f496e1cf851ed9900de4e Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 28 Dec 2022 12:24:35 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E4=BB=8E=E6=94=B6=E8=97=8Ftab=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E8=87=B3=E4=BB=AA=E8=A1=A8=E6=9D=BFtab=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=8F=B3=E4=BE=A7=E6=B2=A1=E6=9C=89=E5=86=85=E5=AE=B9=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/panel/list/PanelList.vue | 19 +++---
 frontend/src/views/panel/list/PanelMain.vue | 64 ++++++++++++---------
 2 files changed, 48 insertions(+), 35 deletions(-)

diff --git a/frontend/src/views/panel/list/PanelList.vue b/frontend/src/views/panel/list/PanelList.vue
index c013533844..8b2be2724d 100644
--- a/frontend/src/views/panel/list/PanelList.vue
+++ b/frontend/src/views/panel/list/PanelList.vue
@@ -174,7 +174,7 @@
                   />
                 </span>
                 <span v-if="data.nodeType === 'folder'">
-                  <svg-icon icon-class="scene" />
+                  <svg-icon icon-class="scene"/>
                 </span>
                 <span
                   :class="data.status"
@@ -211,7 +211,7 @@
                       <el-dropdown-item
                         :command="beforeClickEdit('folder', 'new', data, node)"
                       >
-                        <svg-icon icon-class="scene" />
+                        <svg-icon icon-class="scene"/>
                         <span style="margin-left: 5px">{{ $t('panel.groupAdd') }}</span>
                       </el-dropdown-item>
                       <el-dropdown-item
@@ -334,7 +334,7 @@
             :label="$t('commons.name')"
             prop="name"
           >
-            <el-input v-model="groupForm.name" />
+            <el-input v-model="groupForm.name"/>
           </el-form-item>
         </el-form>
         <div
@@ -345,8 +345,8 @@
             size="mini"
             @click="close()"
           >{{
-            $t('panel.cancel')
-          }}
+              $t('panel.cancel')
+            }}
           </el-button>
           <el-button
             type="primary"
@@ -422,8 +422,8 @@
             size="mini"
             @click="closeMoveGroup()"
           >{{
-            $t('dataset.cancel')
-          }}
+              $t('dataset.cancel')
+            }}
           </el-button>
           <el-button
             :disabled="groupMoveConfirmDisabled"
@@ -635,6 +635,11 @@ export default {
     }
   },
   methods: {
+    activeLastNode() {
+      this.$nextTick(() => {
+        document.querySelector('.is-current').firstChild.click()
+      })
+    },
     toTop(data, node) {
       panelToTop(data.id).then(() => {
         this.defaultTree()
diff --git a/frontend/src/views/panel/list/PanelMain.vue b/frontend/src/views/panel/list/PanelMain.vue
index df94cfd860..4a4faf7a1a 100644
--- a/frontend/src/views/panel/list/PanelMain.vue
+++ b/frontend/src/views/panel/list/PanelMain.vue
@@ -8,7 +8,7 @@
         @tab-click="handleClick"
       >
         <el-tab-pane name="PanelList">
-          <span slot="label"><i class="el-icon-document tablepanel-i" />{{ $t('panel.panel_list') }}</span>
+          <span slot="label"><i class="el-icon-document tablepanel-i"/>{{ $t('panel.panel_list') }}</span>
           <panel-list
             v-show="activeName==='PanelList'"
             ref="panelList"
@@ -18,14 +18,14 @@
           name="panels_star"
           :lazy="true"
         >
-          <span slot="label"><i class="el-icon-star-off tablepanel-i" />{{ $t('panel.store') }}</span>
-          <enshrine v-if="activeName==='panels_star'" />
+          <span slot="label"><i class="el-icon-star-off tablepanel-i"/>{{ $t('panel.store') }}</span>
+          <enshrine v-if="activeName==='panels_star'"/>
         </el-tab-pane>
         <el-tab-pane
           name="panels_share"
           :lazy="true"
         >
-          <span slot="label"><i class="el-icon-share tablepanel-i" />{{ $t('panel.share') }}</span>
+          <span slot="label"><i class="el-icon-share tablepanel-i"/>{{ $t('panel.share') }}</span>
           <share-tree
             v-if="showShare"
             ref="share_tree"
@@ -104,6 +104,9 @@ export default {
       if (tab.name === 'panels_star') {
         this.refreshEnshrine()
       }
+      if (tab.name === 'PanelList') {
+        this.$refs.panelList.activeLastNode()
+      }
     },
     refreshShare() {
       this.showShare = false
@@ -148,28 +151,33 @@ export default {
 </script>
 
 <style scoped>
-  .ms-aside-container {
-    height: calc(100vh - 56px);
-    padding: 0px;
-    min-width: 260px;
-    max-width: 460px;
-  }
-  .ms-main-container {
-    height: calc(100vh - 56px);
-    padding: 0px;
-  }
-  .tab-panel{
-    height: 100%;
-    overflow-y: auto;
-  }
-  .tab-panel ::v-deep .el-tabs__nav-wrap{
-    padding: 0 10px;
-  }
-  .tab-panel ::v-deep .el-tabs__nav-wrap::after {
-    height: 1px;
-  }
-  .tab-panel ::v-deep .el-tabs__item{
-    /* width: 10px; */
-    padding: 0 10px;
-  }
+.ms-aside-container {
+  height: calc(100vh - 56px);
+  padding: 0px;
+  min-width: 260px;
+  max-width: 460px;
+}
+
+.ms-main-container {
+  height: calc(100vh - 56px);
+  padding: 0px;
+}
+
+.tab-panel {
+  height: 100%;
+  overflow-y: auto;
+}
+
+.tab-panel ::v-deep .el-tabs__nav-wrap {
+  padding: 0 10px;
+}
+
+.tab-panel ::v-deep .el-tabs__nav-wrap::after {
+  height: 1px;
+}
+
+.tab-panel ::v-deep .el-tabs__item {
+  /* width: 10px; */
+  padding: 0 10px;
+}
 </style>