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