perf:优化区域树

base-manager-ui/admin/src/components/sitetree/index.vue

@@ -2,13 +2,15 @@
   <div class="sitetree">
     <!-- <span style="font-weight: 600">站点结构</span> -->
     <div class="box">
-      <a-tree
-        :tree-data="treeData"
-        :expandedKeys.sync="expandedKeys"
-        :replaceFields="{ title: 'label', key: 'id' }"
-        @select="onSelect"
-      >
-      </a-tree>
+      <a-spin :spinning="loading">
+        <a-tree
+          :tree-data="treeData"
+          :expandedKeys.sync="expandedKeys"
+          :replaceFields="{ title: 'label', key: 'id' }"
+          @select="onSelect"
+        >
+        </a-tree>
+      </a-spin>
     </div>
   </div>
 </template>
@@ -28,6 +30,7 @@ export default {
       treeData: [], //树结构
       id: "",
       expandedKeys: [],
+      loading: false,
     };
   },
 
@@ -50,6 +53,7 @@ export default {
 
     // 获取个人区域数据
     async authAreaTree() {
+      this.loading = true;
       let res = await authAreaTree();
       if (res.data.code == 1) {
         let { data } = res.data.data;
@@ -66,6 +70,7 @@ export default {
           this.expandedKeys = [this.treeData[0].id];
         }
       }
+      this.loading = false;
     },
 
     // 获取顶层区域