bug23

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>

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>

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>

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>

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>