修改树内容多时 页面滚动问题

src/views/community/house/index.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-row :gutter="20">
       <!--地址数据-->
-      <el-col :span="4" :xs="24">
+      <el-col :span="4" :xs="24" class="treeBox">
         <div class="head-container">
           <el-input
             v-model="addrName"
@@ -19,8 +19,8 @@
             :props="defaultProps"
             :expand-on-click-node="false"
             :filter-node-method="filterNode"
+            :accordion="true"
             ref="tree"
-            default-expand-all
             highlight-current
             @node-click="handleNodeClick"
           />
@@ -29,14 +29,6 @@
       <!--用户数据-->
       <el-col :span="20" :xs="24">
         <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-          <!-- <el-form-item label="楼栋" prop="buildingId">
-            <el-input
-              v-model="queryParams.buildingId"
-              placeholder="请输入所属楼栋"
-              clearable
-              @keyup.enter.native="handleQuery"
-            />
-          </el-form-item> -->
           <el-form-item label="单元" prop="unit">
             <el-input
               v-model="queryParams.unit"
@@ -378,3 +370,16 @@ export default {
   }
 };
 </script>
+<style scoped>
+.treeBox {
+  height: 80vh;
+  overflow-y: auto;
+}
+::-webkit-scrollbar {
+  width: 1px;
+  background-color: skyblue;
+}
+::-webkit-scrollbar-thumb {
+    background-color: orange;
+}
+</style>

src/views/community/realtime/index.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-row :gutter="20">
       <!--地址数据-->
-      <el-col :span="4" :xs="24">
+      <el-col :span="4" :xs="24" class="treeBox">
         <div class="head-container">
           <el-input
             v-model="addrName"
@@ -20,7 +20,7 @@
             :expand-on-click-node="false"
             :filter-node-method="filterNode"
             ref="tree"
-            :default-expand-all="false"
+            :accordion="true"
             highlight-current
             @node-click="handleNodeClick"
           />
@@ -213,3 +213,16 @@ export default {
   },
 };
 </script>
+<style scoped>
+.treeBox {
+  height: 80vh;
+  overflow-y: auto;
+}
+::-webkit-scrollbar {
+  width: 1px;
+  background-color: skyblue;
+}
+::-webkit-scrollbar-thumb {
+    background-color: orange;
+}
+</style>

src/views/community/req/index.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-row :gutter="20">
       <!--地址数据-->
-      <el-col :span="4" :xs="24">
+      <el-col :span="4" :xs="24" class="treeBox">
         <div class="head-container">
           <el-input
             v-model="addrName"
@@ -20,7 +20,7 @@
             :expand-on-click-node="false"
             :filter-node-method="filterNode"
             ref="tree"
-            default-expand-all
+            :accordion="true"
             highlight-current
             @node-click="handleNodeClick"
           />
@@ -309,3 +309,16 @@ export default {
   },
 };
 </script>
+<style scoped>
+.treeBox {
+  height: 80vh;
+  overflow-y: auto;
+}
+::-webkit-scrollbar {
+  width: 1px;
+  background-color: skyblue;
+}
+::-webkit-scrollbar-thumb {
+    background-color: orange;
+}
+</style>

src/views/community/resident/index.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-row :gutter="20">
       <!--地址数据-->
-      <el-col :span="4" :xs="24">
+      <el-col :span="4" :xs="24" class="treeBox">
         <div class="head-container">
           <el-input
             v-model="addrName"
@@ -20,7 +20,7 @@
             :expand-on-click-node="false"
             :filter-node-method="filterNode"
             ref="tree"
-            default-expand-all
+            :accordion="true"
             highlight-current
             @node-click="handleNodeClick"
           />
@@ -332,3 +332,16 @@ export default {
   },
 };
 </script>
+<style scoped>
+.treeBox {
+  height: 80vh;
+  overflow-y: auto;
+}
+::-webkit-scrollbar {
+  width: 1px;
+  background-color: skyblue;
+}
+::-webkit-scrollbar-thumb {
+    background-color: orange;
+}
+</style>

src/views/system/user/index.vue

@@ -225,8 +225,16 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="邮箱" prop="email">
-              <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
+            <el-form-item label="角色">
+              <el-select v-model="form.roleIds" multiple placeholder="请选择角色">
+                <el-option
+                  v-for="item in roleOptions"
+                  :key="item.roleId"
+                  :label="item.roleName"
+                  :value="item.roleId"
+                  :disabled="item.status == 1"
+                ></el-option>
+              </el-select>
             </el-form-item>
           </el-col>
         </el-row>
@@ -267,41 +275,6 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="岗位">
-              <el-select v-model="form.postIds" multiple placeholder="请选择岗位">
-                <el-option
-                  v-for="item in postOptions"
-                  :key="item.postId"
-                  :label="item.postName"
-                  :value="item.postId"
-                  :disabled="item.status == 1"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="角色">
-              <el-select v-model="form.roleIds" multiple placeholder="请选择角色">
-                <el-option
-                  v-for="item in roleOptions"
-                  :key="item.roleId"
-                  :label="item.roleName"
-                  :value="item.roleId"
-                  :disabled="item.status == 1"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="备注">
-              <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>