多个异步请求结束后再关闭加载动画

@@ -48,7 +48,7 @@ const treeInfo = ref({
   expandOnNodeClick: false,
   expandOnNodeClick: false,
   data: [],
   data: [],
 });
 });
-const toolH = ref(82)
+// const toolH = ref(82)
 const toolRef = ref();
 const toolRef = ref();
 const expand1 = ref(true)
 const expand1 = ref(true)
 const expand2 = ref(true)
 const expand2 = ref(true)
@@ -389,9 +389,9 @@ const getPermissionList = (val = {}, init = true) => {
             tempInfo = data.filter(item => item.guid == taskDetail.value.classifyGuid)[0]
             tempInfo = data.filter(item => item.guid == taskDetail.value.classifyGuid)[0]
           }
           }
           listClick(tempInfo);
           listClick(tempInfo);
-          nextTick(() => {
-            toolH.value = toolRef.value.offsetHeight
-          })
+          // nextTick(() => {
+          //   toolH.value = toolRef.value.offsetHeight
+          // })
         }
         }
       } else {
       } else {
         permissionList.value.push(...JSON.parse(JSON.stringify(data)))
         permissionList.value.push(...JSON.parse(JSON.stringify(data)))
@@ -439,9 +439,9 @@ onBeforeMount(() => {
 })
 })
 
 
 onMounted(() => {
 onMounted(() => {
-  window.addEventListener('resize', function () {
-    toolH.value = toolRef.value.offsetHeight
-  })
+  // window.addEventListener('resize', function () {
+  //   toolH.value = toolRef.value.offsetHeight
+  // })
 })
 })
 
 
 </script>
 </script>
@@ -475,7 +475,7 @@ onMounted(() => {
             <span class="title_text">{{ templateInfo.description || '--' }}</span>
             <span class="title_text">{{ templateInfo.description || '--' }}</span>
           </div>
           </div>
         </div>
         </div>
-        <div class="panel_content" :style="{ height: 'calc(100% - ' + toolH + 'px)' }">
+        <div class="panel_content">
           <div class="box_left">
           <div class="box_left">
             <Tree ref="treeInfoRef" :treeInfo="treeInfo" @nodeClick="nodeClick" />
             <Tree ref="treeInfoRef" :treeInfo="treeInfo" @nodeClick="nodeClick" />
           </div>
           </div>
@@ -584,6 +584,7 @@ onMounted(() => {
         display: flex;
         display: flex;
         flex-wrap: wrap;
         flex-wrap: wrap;
         padding: 16px 16px 8px;
         padding: 16px 16px 8px;
+        min-height: 82px;
 
 
         .title_item {
         .title_item {
           display: flex;
           display: flex;
@@ -618,14 +619,15 @@ onMounted(() => {
 
 
       .panel_content {
       .panel_content {
         height: 100%;
         height: 100%;
-        display: flex;
         flex: 1;
         flex: 1;
         border-top: 1px solid #d9d9d9;
         border-top: 1px solid #d9d9d9;
+        position: relative;
 
 
         .box_left {
         .box_left {
           width: 200px;
           width: 200px;
           height: 100%;
           height: 100%;
           border-right: 1px solid #d9d9d9;
           border-right: 1px solid #d9d9d9;
+          position: absolute;
 
 
           .aside_title {
           .aside_title {
             padding: 0 8px;
             padding: 0 8px;
@@ -643,7 +645,10 @@ onMounted(() => {
 
 
         .box_right {
         .box_right {
           width: calc(100% - 200px);
           width: calc(100% - 200px);
+          height: 100%;
           padding-top: 8px;
           padding-top: 8px;
+          position: absolute;
+          right: 0;
 
 
           .el-breadcrumb {
           .el-breadcrumb {
             padding: 0 12px;
             padding: 0 12px;