From 10a6dae2cf2fabd20804e9070934caa847e80827 Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Tue, 28 Feb 2023 16:08:50 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=20tree=20=E9=AB=98?=
 =?UTF-8?q?=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AssetSelect/dialog.vue         | 19 ++++++++++---------
 src/components/AssetSelect/index.vue          | 10 +++++-----
 .../DataZTree/components/ZTree/index.vue      |  6 +++---
 3 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/components/AssetSelect/dialog.vue b/src/components/AssetSelect/dialog.vue
index ebbfbd29e..7600e6142 100644
--- a/src/components/AssetSelect/dialog.vue
+++ b/src/components/AssetSelect/dialog.vue
@@ -5,20 +5,20 @@
     top="1vh"
     v-bind="$attrs"
     width="80vw"
-    @close="handleClose"
     @cancel="handleCancel"
+    @close="handleClose"
     @confirm="handleConfirm"
     v-on="$listeners"
   >
     <AssetTreeTable
       ref="ListPage"
-      v-bind="$attrs"
       :header-actions="headerActions"
-      :table-config="tableConfig"
-      :url="baseUrl"
       :node-url="baseNodeUrl"
+      :table-config="tableConfig"
       :tree-url="`${baseNodeUrl}children/tree/`"
+      :url="baseUrl"
       class="tree-table"
+      v-bind="$attrs"
     />
   </Dialog>
 </template>
@@ -172,10 +172,11 @@ export default {
 
     .left {
       padding: 5px;
+    }
 
-      .treebox {
-        height: 70vh;
-      }
+    .right {
+      height: calc(100vh - 200px);
+      overflow: auto;
     }
 
     .mini {
@@ -188,8 +189,8 @@ export default {
   }
 }
 
-.page ::v-deep .treebox {
-  height: inherit !important;
+.page ::v-deep .treebox .ztree {
+
 }
 
 .asset-select-dialog ::v-deep .el-icon-circle-check {
diff --git a/src/components/AssetSelect/index.vue b/src/components/AssetSelect/index.vue
index f22b036cc..77187353c 100644
--- a/src/components/AssetSelect/index.vue
+++ b/src/components/AssetSelect/index.vue
@@ -11,12 +11,12 @@
     <AssetSelectDialog
       v-if="dialogVisible"
       ref="dialog"
+      :base-node-url="baseNodeUrl"
+      :base-url="baseUrl"
+      :tree-url-query="treeUrlQuery"
       :value="value"
       :visible.sync="dialogVisible"
       v-bind="$attrs"
-      :tree-url-query="treeUrlQuery"
-      :base-url="baseUrl"
-      :base-node-url="baseNodeUrl"
       @cancel="handleCancel"
       @confirm="handleConfirm"
       v-on="$listeners"
@@ -143,8 +143,8 @@ export default {
     .left {
       padding: 5px;
 
-      .treebox {
-        height: 70vh;
+      .ztree {
+        height: calc(100vh - 250px) !important;
       }
     }
 
diff --git a/src/components/DataZTree/components/ZTree/index.vue b/src/components/DataZTree/components/ZTree/index.vue
index be3bd7e71..0652a6ca9 100644
--- a/src/components/DataZTree/components/ZTree/index.vue
+++ b/src/components/DataZTree/components/ZTree/index.vue
@@ -408,13 +408,13 @@ export default {
   }
 
   .treebox {
-    height: 70vh;
     background-color: transparent;
 
-    > > > .ztree {
+    >>> .ztree {
       overflow: auto;
       background-color: transparent;
-      height: calc(100% - 50px);
+      max-height: calc(100vh - 220px);
+      min-height: 500px;
 
       li {
         background-color: transparent !important;