From f74833c208882c02be241632e54fb6cac16a39e7 Mon Sep 17 00:00:00 2001
From: x_ying <2438792676@qq.com>
Date: Tue, 5 Jul 2022 15:21:51 +0800
Subject: [PATCH] bug23

---
 src/views/archivesConfig/dict/index.vue         | 17 +++++++++++++++--
 src/views/archivesManage/archivesList/index.vue | 13 +++++++++++--
 src/views/archivesManage/recycleBin/index.vue   |  5 +++++
 src/views/category/index.vue                    | 15 +++++++++++++--
 src/views/storeManage/deviceManage/index.vue    | 11 +++++++++--
 5 files changed, 53 insertions(+), 8 deletions(-)

diff --git a/src/views/archivesConfig/dict/index.vue b/src/views/archivesConfig/dict/index.vue
index 21ed56e..bf18b00 100644
--- a/src/views/archivesConfig/dict/index.vue
+++ b/src/views/archivesConfig/dict/index.vue
@@ -37,7 +37,7 @@
     </el-dialog>
     <!-- 字典列表 -->
     <el-row class="container-main" :gutter="20">
-      <el-col class="container-left curd-in-out" :xs="10" :sm="8" :md="5" :lg="6" :xl="4">
+      <el-col class="container-left curd-in-out" style="height: calc(100vh - 190px)" :xs="10" :sm="8" :md="5" :lg="6" :xl="4">
         <span class="right-top-line" />
         <span class="left-bottom-line" />
         <crudOperation :permission="permission">
@@ -46,7 +46,9 @@
           </template>
         </crudOperation>
         <!--字典树状结构-->
-        <el-tree ref="tree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" />
+        <div class="tree-scoll">
+          <el-tree ref="tree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" />
+        </div>
       </el-col>
       <!-- 字典详情列表 -->
       <el-col class="container-right" :xs="14" :sm="16" :md="19" :lg="18" :xl="20">
@@ -170,4 +172,15 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+
+//把原有的横向滚动条隐藏
+::v-deep .el-scrollbar__wrap {
+  overflow-x: hidden;
+}
+
+.tree-scoll{
+  height: calc(100vh - 275px);
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
 </style>
diff --git a/src/views/archivesManage/archivesList/index.vue b/src/views/archivesManage/archivesList/index.vue
index ab9c356..9dc97ad 100644
--- a/src/views/archivesManage/archivesList/index.vue
+++ b/src/views/archivesManage/archivesList/index.vue
@@ -8,14 +8,18 @@
           <span class="left-bottom-line" />
           <div class="tree-title">档案门类</div>
           <!--档案门类树状结构-->
-          <el-tree ref="archivesTree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" />
+          <div class="tree-scoll">
+            <el-tree ref="archivesTree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" />
+          </div>
         </div>
         <div v-if="!isRecycle" class="container-left left-tree-item">
           <span class="right-top-line" />
           <span class="left-bottom-line" />
           <div class="tree-title">智能分类</div>
           <!--智能分类树状结构-->
-          <el-tree ref="smartTree" v-loading="intellClassifyLoading" :data="intellClassifyTree" :props="intellDefaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleIntellNodeClick" />
+          <div class="tree-scoll">
+            <el-tree ref="smartTree" v-loading="intellClassifyLoading" :data="intellClassifyTree" :props="intellDefaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleIntellNodeClick" />
+          </div>
         </div>
       </el-col>
 
@@ -437,4 +441,9 @@ export default {
 
 <style lang="scss" scoped>
 @import "~@/assets/styles/archives-manage.scss";
+.tree-scoll{
+  height: calc(100vh - 630px);
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
 </style>
diff --git a/src/views/archivesManage/recycleBin/index.vue b/src/views/archivesManage/recycleBin/index.vue
index d43973b..0bde64b 100644
--- a/src/views/archivesManage/recycleBin/index.vue
+++ b/src/views/archivesManage/recycleBin/index.vue
@@ -27,4 +27,9 @@ export default {
 ::v-deep .container-left{
   min-height: calc(100vh - 190px);
 }
+::v-deep .tree-scoll{
+  height: calc(100vh - 255px);
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
 </style>
diff --git a/src/views/category/index.vue b/src/views/category/index.vue
index 190b060..ccf9e18 100644
--- a/src/views/category/index.vue
+++ b/src/views/category/index.vue
@@ -44,7 +44,9 @@
           </template>
         </crudOperation>
         <!--门类树状结构-->
-        <el-tree ref="tree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" />
+        <div class="tree-scoll">
+          <el-tree ref="tree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" />
+        </div>
       </el-col>
       <!-- 门类管理tab -->
       <el-col class="container-right tab-content" :xs="14" :sm="18" :md="19" :lg="18" :xl="19">
@@ -272,6 +274,15 @@ export default {
   }
 }
 .container-left .el-tree {
-  margin: 40px 0 20px 0;
+  margin: 0 0 20px 0;
+}
+.tree-scoll{
+  height: calc(100vh - 275px);
+  overflow-y: scroll;
+  overflow-x: hidden;
+  padding-top: 17px;
+}
+::v-deep .crud-opts-left{
+  margin-bottom: 20px;
 }
 </style>
diff --git a/src/views/storeManage/deviceManage/index.vue b/src/views/storeManage/deviceManage/index.vue
index 58f3970..737ae01 100644
--- a/src/views/storeManage/deviceManage/index.vue
+++ b/src/views/storeManage/deviceManage/index.vue
@@ -31,7 +31,7 @@
     </el-dialog>
     <!-- 区域列表 -->
     <el-row class="container-main" :gutter="20">
-      <el-col class="container-left curd-in-out" :xs="10" :sm="8" :md="5" :lg="6" :xl="4">
+      <el-col class="container-left curd-in-out" style="height: calc(100vh - 190px)" :xs="10" :sm="8" :md="5" :lg="6" :xl="4">
         <span class="right-top-line" />
         <span class="left-bottom-line" />
         <crudOperation :permission="permission">
@@ -40,7 +40,9 @@
           </template>
         </crudOperation>
         <!--区域树状结构-->
-        <el-tree ref="tree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" />
+        <div class="tree-scoll">
+          <el-tree ref="tree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" />
+        </div>
       </el-col>
       <!-- 设备详情列表 -->
       <el-col class="container-right" :xs="14" :sm="16" :md="19" :lg="18" :xl="20">
@@ -163,4 +165,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.tree-scoll{
+  height: calc(100vh - 275px);
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
 </style>