From 2b034e839e70b938f44626336208cc0825cb1c81 Mon Sep 17 00:00:00 2001
From: 18317449825 <18317449825@163.com>
Date: Thu, 26 May 2022 10:39:06 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1868=20feat=EF=BC=9Apanel=20starred?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/popBox/selectPanel.vue       | 10 +++++++---
 nezha-fronted/src/components/page/dashboard/panel.vue  |  7 ++++++-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/nezha-fronted/src/components/common/popBox/selectPanel.vue b/nezha-fronted/src/components/common/popBox/selectPanel.vue
index 6f79ab1c8..9f52d2012 100644
--- a/nezha-fronted/src/components/common/popBox/selectPanel.vue
+++ b/nezha-fronted/src/components/common/popBox/selectPanel.vue
@@ -5,7 +5,7 @@
         <slot name="header"></slot>
         <div :class="{'movable': !panelLock}" class="select-panel-tree">
           <el-tree
-            v-if="starredData[0].children.length"
+            v-show="starredData[0].children.length"
             :data="starredData"
             :expand-on-click-node="false"
             :filter-node-method="filterNode"
@@ -14,7 +14,8 @@
             default-expand-all
             node-key="id"
             ref="starredTree"
-            style="margin-bottom:8px"
+            style="margin-bottom:5px"
+            class="starred-tree"
             >
             <div class="tree--node" slot-scope="{ node, data }">
               <span :title="data.chartNum?node.label + ' (' + data.chartNum +' charts）':''">{{ node.label }}</span>
@@ -107,7 +108,7 @@ export default {
       immediate: true,
       handler (n) {
         this.$refs.panelTree && this.$refs.panelTree.filter(n)
-        // this.$refs.starredTree && this.$refs.starredTree.filter(n)
+        this.$refs.starredTree && this.$refs.starredTree.filter(n)
       }
     },
     showPanel: {
@@ -269,6 +270,9 @@ export default {
 }
 </script>
 <style scoped>
+.starred-tree>>>.el-tree__empty-block{
+  display: none;
+}
 .el-rate__icon{
   cursor: pointer;
   margin-right: 0px;
diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue
index 67598cdbb..75d408643 100644
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/nezha-fronted/src/components/page/dashboard/panel.vue
@@ -302,8 +302,13 @@ export default {
     refreshStarred (value) {
       // 重新赋值，否则树形菜单不更新
       this.panelData = JSON.parse(JSON.stringify(value))
+      this.$nextTick(() => {
+        this.$refs.selectPanel.$refs.starredTree.filter(this.filterPanel)
+        this.$refs.selectPanel.$refs.panelTree.filter(this.filterPanel)
+        this.$refs.selectPanel.$refs.panelTree.setCurrentKey(this.showPanel)
+      })
+      // // 判断当前页面收藏状态
       const starredArr = this.$refs.selectPanel.tempArr
-      // 判断当前页面收藏状态
       this.showPanel.starred = starredArr.some(item => item.id === this.showPanel.id)
     },
     // 新增收藏