From a2c1ec0d1c18f65681d11aed65db99cfba5505b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=98=B1=E6=B6=B5?= <xiaoe666@outlook.com>
Date: Wed, 12 Feb 2025 14:42:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=8A=82=E7=82=B9=E5=90=8E?=
 =?UTF-8?q?=E4=BF=9D=E6=8C=81=E6=96=87=E4=BB=B6=E5=A4=B9=E6=89=93=E5=BC=80?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 test-ui/src/components/FolderPage/index.vue | 23 +++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/test-ui/src/components/FolderPage/index.vue b/test-ui/src/components/FolderPage/index.vue
index b3bd0a0..10bf009 100644
--- a/test-ui/src/components/FolderPage/index.vue
+++ b/test-ui/src/components/FolderPage/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <el-container>
-      <el-aside>
+      <el-aside v-loading="loading" :visible.sync="loading">
         <el-input placeholder="输入关键字进行过滤" v-model="filterText" size="small" style="margin-bottom: 10px" clearable/>
         <el-tree class="filter-tree" :data="groupList" @node-click="nodeClick" node-key="id" highlight-current :expand-on-click-node="false" :filter-node-method="filterNode" ref="tree" :default-expanded-keys="[0]">
           <span class="custom-tree-node" slot-scope="{ node, data }" v-if="groupState !== 'list' && editId === data.id">
@@ -51,6 +51,7 @@ export default {
   },
   data() {
     return {
+      loading: true,
       filterText: "",
       groupList: [],
       groupState: "list",
@@ -75,7 +76,8 @@ export default {
     this.getGroup();
   },
   methods: {
-    getGroup() {
+    getGroup(openList) {
+      this.loading = true;
       this.groupList = [{
         id: 0,
         label: "",
@@ -104,9 +106,16 @@ export default {
           this.groupId = res.data[0].id;
           this.$nextTick(() => {
             this.$refs.tree.setCurrentKey(this.groupId);
-            this.$emit('click', this.groupId);
+            if (openList){
+              openList.forEach(item => {
+                this.$refs.tree.store.nodesMap[item].expanded = true;
+              })
+            } else {
+              this.$emit('click', this.groupId);
+            }
           })
         }
+        this.loading = false;
       })
     },
     getChild(data, parentId) {
@@ -172,7 +181,13 @@ export default {
           }).then(res => {
             this.$modal.msgSuccess("新增成功");
             this.cancelNode();
-            this.getGroup();
+            let openList = [];
+            Object.entries(this.$refs.tree.store.nodesMap).forEach(([key, node]) => {
+              if (node.expanded) {
+                openList.push(key);
+              }
+            });
+            this.getGroup(openList);
           });
         } else {
           updateGroup({