From 55eb1da0ad82bb094b787f686ceb7737fa5341c1 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期三, 13 九月 2023 16:46:26 +0800
Subject: [PATCH] 主数据横向树滚动条-待优化

---
 Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue |    6 +++---
 Source/UBCS-WEB/src/views/MasterData/items.vue              |    7 +------
 Source/UBCS-WEB/src/components/Master/MasterTree.vue        |   12 +++++++-----
 3 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/Source/UBCS-WEB/src/components/Master/MasterTree.vue b/Source/UBCS-WEB/src/components/Master/MasterTree.vue
index e923ebc..eb35b74 100644
--- a/Source/UBCS-WEB/src/components/Master/MasterTree.vue
+++ b/Source/UBCS-WEB/src/components/Master/MasterTree.vue
@@ -1,9 +1,11 @@
 <template>
-  <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="Treedata" :defaultExpandAll="false"
-             :option="Treeoption"
-             style="height: calc(100vh - 150px);"
-             @node-click=" nodeClick"
-  ></avue-tree>
+  <div style="overflow: auto; height: calc(100vh - 150px);">
+    <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="Treedata" :defaultExpandAll="false" :option="Treeoption" @node-click="nodeClick" style="width: fit-content;">
+      <template slot-scope="{ node }">
+        <span style="display: inline-block;">{{ node.label }}</span>
+      </template>
+    </avue-tree>
+  </div>
 </template>
 
 <script>
diff --git a/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue b/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue
index c7cd494..9378a8b 100644
--- a/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue
+++ b/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue
@@ -4,7 +4,7 @@
     <!--    宸︿晶鑿滃崟-->
     <el-aside>
       <basic-container style="overflow:hidden;">
-        <div>
+        <div style="overflow: hidden">
           <div>
             <div style="display: flex; flex-direction: column;">
               <div style="display: flex;">
@@ -74,7 +74,7 @@
                      :defaultExpandAll="false"
                      :option="Treeoption"
                      class="classifyTree"
-                     style="height: calc(100vh - 230px);"
+                     style="height: calc(100vh - 230px)"
                      @node-click="nodeClick"
           >
           </avue-tree>
@@ -143,7 +143,7 @@
                         <avue-tree ref="cloneTree" v-model="TreeAvueform" v-loading="loading" :data="Treedata"
                                    :defaultExpandAll="false"
                                    :option="Treeoption"
-                                   style="height: 50.5vh;margin-right: 10px"
+                                   style="height: 50.5vh;margin-right: 10px;width: 300px"
                                    @node-click="ClonenodeClick"
                         >
                         </avue-tree>
diff --git a/Source/UBCS-WEB/src/views/MasterData/items.vue b/Source/UBCS-WEB/src/views/MasterData/items.vue
index 03db218..83996ca 100644
--- a/Source/UBCS-WEB/src/views/MasterData/items.vue
+++ b/Source/UBCS-WEB/src/views/MasterData/items.vue
@@ -94,10 +94,5 @@
 </script>
 
 <style scoped>
-.el-aside {
-  height: calc(100% - 30px);
-}
-.el-main {
-  height: calc(100% - 30px);
-}
+
 </style>

--
Gitblit v1.9.3