From bdff5f1cb708ca72c88a21a945af98187a3dad6c Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Tue, 9 Nov 2021 18:24:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=8F=E5=8C=BA=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/buttonstyle.scss              |  61 ++++++++
 src/assets/scss/common.scss                   | 104 +++++++++++--
 .../modules/base/community/buildForm.vue      |  26 +++-
 .../modules/base/community/buildTable.vue     |  49 +++---
 .../modules/base/community/community.vue      | 145 +++++++++++-------
 .../modules/base/community/communityForm.vue  |  18 ++-
 .../modules/base/community/communityTable.vue |  53 +++----
 src/views/modules/base/community/roomForm.vue |  34 +++-
 .../modules/base/community/roomTable.vue      |  42 ++---
 9 files changed, 365 insertions(+), 167 deletions(-)
 create mode 100644 src/assets/scss/buttonstyle.scss

diff --git a/src/assets/scss/buttonstyle.scss b/src/assets/scss/buttonstyle.scss
new file mode 100644
index 00000000..1665c1b3
--- /dev/null
+++ b/src/assets/scss/buttonstyle.scss
@@ -0,0 +1,61 @@
+.el-button--green {
+  color: #fff;
+  background-color: #22c1c3;
+  border-color: #22c1c3;
+}
+.el-button--green:hover {
+  color: #fff;
+  background-color: #05b1b4;
+  border-color: #05b1b4;
+}
+.el-button--green:focus {
+  color: #fff;
+  background-color: #22c1c3;
+  border-color: #22c1c3;
+}
+
+.el-button--yellow:hover {
+  color: #fff;
+  background-color: #fa9200;
+  border-color: #fa9200;
+}
+.el-button--yellow:focus {
+  color: #fff;
+  background-color: #feb349;
+  border-color: #feb349;
+}
+.el-button--yellow {
+  color: #fff;
+  background-color: #feb349;
+  border-color: #feb349;
+}
+.el-button--blue:focus {
+  color: #fff;
+  background-color: #2195fe;
+  border-color: #2195fe;
+}
+.el-button--blue:hover {
+  color: #fff;
+  background-color: #0083fd;
+  border-color: #0083fd;
+}
+.el-button--blue {
+  color: #fff;
+  background-color: #2195fe;
+  border-color: #2195fe;
+}
+.el-button--red:focus {
+  color: #fff;
+  background-color: #fe6252;
+  border-color: #fe6252;
+}
+.el-button--red:hover {
+  color: #fff;
+  background-color: #fd341e;
+  border-color: #fd341e;
+}
+.el-button--red {
+  color: #fff;
+  background-color: #fe6252;
+  border-color: #fe6252;
+}
diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss
index ba5139f8..c16afbd5 100644
--- a/src/assets/scss/common.scss
+++ b/src/assets/scss/common.scss
@@ -4,8 +4,8 @@
   box-sizing: border-box;
 }
 body {
-  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial,
-    sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
+    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
   font-size: $--font-size-base;
   line-height: $base--line-height;
   color: $--color-text-primary;
@@ -35,7 +35,7 @@ img {
 }
 .clearfix:before,
 .clearfix:after {
-  content: " ";
+  content: ' ';
   display: table;
 }
 .clearfix:after {
@@ -144,8 +144,8 @@ img {
     background-color: transparent;
   }
   &-add {
-    > span > *[class*="el-icon-"],
-    > span > *[class*="icon"] {
+    > span > *[class*='el-icon-'],
+    > span > *[class*='icon'] {
       vertical-align: middle;
       font-size: 18px;
       margin-right: 5px;
@@ -383,7 +383,7 @@ img {
 
         &::after {
           position: absolute;
-          content: "";
+          content: '';
           right: 0;
           top: 0;
           bottom: 0;
@@ -448,8 +448,8 @@ img {
     }
   }
   &__search {
-    > *[class*="el-icon-"],
-    > *[class*="icon"] {
+    > *[class*='el-icon-'],
+    > *[class*='icon'] {
       display: inline-block;
       vertical-align: middle;
     }
@@ -572,7 +572,9 @@ img {
     min-height: calc(#{$content--fill-height} - 2px);
   }
   > .aui-card--fill > .el-card__header + .el-card__body {
-    min-height: calc(#{$content--fill-height} - #{$content--card-header-height} - 2px);
+    min-height: calc(
+      #{$content--fill-height} - #{$content--card-header-height} - 2px
+    );
   }
   &--tabs {
     padding: $content--tabs-header-height 0 0;
@@ -644,7 +646,7 @@ img {
               position: absolute;
               bottom: 0;
               left: 0;
-              content: "";
+              content: '';
               width: 100%;
               height: 2px;
               background-color: $--color-primary;
@@ -677,10 +679,15 @@ img {
           min-height: calc(#{$content--fill-height-tabs} - 2px);
         }
         > .aui-card--fill > .el-card__header + .el-card__body {
-          min-height: calc(#{$content--fill-height-tabs} - #{$content--card-header-height} - 2px);
+          min-height: calc(
+            #{$content--fill-height-tabs} - #{$content--card-header-height} -
+              2px
+          );
         }
         &.is-iframe {
-          height: calc(#{$content--fill-height-tabs} + #{$content--padding * 2});
+          height: calc(
+            #{$content--fill-height-tabs} + #{$content--padding * 2}
+          );
           margin: -$content--padding;
           min-height: auto;
           > .aui-card--fill {
@@ -699,7 +706,10 @@ img {
             background-color: #fff;
           }
           > .aui-card--fill > .el-card__header + .el-card__body {
-            height: calc(#{$content--fill-height-tabs} - #{$content--card-header-height} - 2px);
+            height: calc(
+              #{$content--fill-height-tabs} - #{$content--card-header-height} -
+                2px
+            );
           }
         }
       }
@@ -729,7 +739,7 @@ img {
 
 /* Page
 ------------------------------ */
-*[class*="aui-page__"] {
+*[class*='aui-page__'] {
   padding-top: 0;
   .aui-content {
     min-height: auto;
@@ -741,7 +751,71 @@ img {
       min-height: calc(100vh - #{$content--padding * 2} - 2px);
     }
     > .aui-card--fill > .el-card__header + .el-card__body {
-      min-height: calc(100vh - #{$content--padding * 2} - #{$content--card-header-height} - 2px);
+      min-height: calc(
+        100vh - #{$content--padding * 2} - #{$content--card-header-height} - 2px
+      );
     }
   }
 }
+
+.el-button--green {
+  color: #fff;
+  background-color: #22c1c3;
+  border-color: #22c1c3;
+}
+.el-button--green:hover {
+  color: #fff;
+  background-color: #05b1b4;
+  border-color: #05b1b4;
+}
+.el-button--green:focus {
+  color: #fff;
+  background-color: #22c1c3;
+  border-color: #22c1c3;
+}
+
+.el-button--yellow:hover {
+  color: #fff;
+  background-color: #fa9200;
+  border-color: #fa9200;
+}
+.el-button--yellow:focus {
+  color: #fff;
+  background-color: #feb349;
+  border-color: #feb349;
+}
+.el-button--yellow {
+  color: #fff;
+  background-color: #feb349;
+  border-color: #feb349;
+}
+.el-button--blue:focus {
+  color: #fff;
+  background-color: #2195fe;
+  border-color: #2195fe;
+}
+.el-button--blue:hover {
+  color: #fff;
+  background-color: #0083fd;
+  border-color: #0083fd;
+}
+.el-button--blue {
+  color: #fff;
+  background-color: #2195fe;
+  border-color: #2195fe;
+}
+.el-button--red:focus {
+  color: #fff;
+  background-color: #fe6252;
+  border-color: #fe6252;
+}
+.el-button--red:hover {
+  color: #fff;
+  background-color: #fd341e;
+  border-color: #fd341e;
+}
+.el-button--red {
+  color: #fff;
+  background-color: #fe6252;
+  border-color: #fe6252;
+}
diff --git a/src/views/modules/base/community/buildForm.vue b/src/views/modules/base/community/buildForm.vue
index e7d957e5..96a222c0 100644
--- a/src/views/modules/base/community/buildForm.vue
+++ b/src/views/modules/base/community/buildForm.vue
@@ -35,14 +35,14 @@
             <el-radio :label="'3'">别墅</el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="排序"
+        <!-- <el-form-item label="排序"
                       prop="sort"
                       style="display: block"
                       label-width="150px">
           <el-input-number class="item_width_1"
                            v-model="dataForm.sort"
                            label="排序"></el-input-number>
-        </el-form-item>
+        </el-form-item> -->
         <el-form-item label="单元数"
                       style="display: block"
                       prop="totalUnitNum"
@@ -75,7 +75,7 @@
                       prop="longitude"
                       label-width="150px"
                       style="display: block">
-          <el-input class="item_width_3"
+          <el-input class="item_width_4"
                     maxlength="50"
                     placeholder="请输入关键字"
                     v-model="keyWords">
@@ -108,6 +108,7 @@
       <el-button @click="handleCancle">取 消</el-button>
       <el-button v-if="formType != 'detail'"
                  type="primary"
+                 :disabled="btnDisable"
                  @click="handleComfirm">确 定</el-button>
     </div>
   </div>
@@ -126,7 +127,7 @@ export default {
   data () {
     return {
       formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
-
+      btnDisable: false,
       buildingId: '', //楼栋ID
       buildType: "1",
       dataForm: {
@@ -135,7 +136,7 @@ export default {
         gridId: '', //所属网格ID
         neighborHoodId: '',//所属小区id
         buildingName: '',//房屋名称
-        sort: 0,//排序
+        // sort: 0,//排序
         totalUnitNum: 0,//单元数	
         totalFloorNum: 0,//层数	
         totalHouseNum: 0,//户数	
@@ -176,9 +177,14 @@ export default {
     },
 
     async handleComfirm () {
+      this.btnDisable = true
+      setTimeout(() => {
+        this.btnDisable = false
+      }, 10000)
       this.dataForm.type = this.buildType
       this.$refs['ref_form'].validate((valid, messageObj) => {
         if (!valid) {
+          this.btnDisable = false
           app.util.validateRule(messageObj)
         } else {
           this.addBuild()
@@ -187,6 +193,7 @@ export default {
       })
     },
     async addBuild () {
+
       let url = ''
       if (this.formType === 'add') {
         url = '/gov/org/building/buildingadd'
@@ -196,7 +203,6 @@ export default {
         this.dataForm.buildingId = this.buildingId
       }
 
-
       const { data, code, msg } = await requestPost(url, this.dataForm)
 
       if (code === 0) {
@@ -205,8 +211,11 @@ export default {
           message: '操作成功'
         })
         this.resetData()
+        this.btnDisable = false
         this.$emit('dialogOk')
+
       } else {
+        this.btnDisable = false
         this.$message.error(msg)
       }
 
@@ -305,7 +314,7 @@ export default {
         gridId: '', //所属网格ID
         neighborHoodId: '',//所属小区id
         buildingName: '',//房屋名称
-        sort: 0,//排序
+        // sort: 0,//排序
         totalUnitNum: 0,//单元数	
         totalFloorNum: 0,//层数	
         totalHouseNum: 0,//户数	
@@ -376,6 +385,9 @@ export default {
   margin-left: 10px;
   width: 200px;
 }
+.item_width_4 {
+  width: 200px;
+}
 
 .div_map {
   margin-top: 10px;
diff --git a/src/views/modules/base/community/buildTable.vue b/src/views/modules/base/community/buildTable.vue
index 651a961c..3ca4fdd4 100644
--- a/src/views/modules/base/community/buildTable.vue
+++ b/src/views/modules/base/community/buildTable.vue
@@ -61,6 +61,7 @@
     <div class="div_table">
       <el-table :data="tableData"
                 border
+                :height="tableHeight"
                 v-loading="tableLoading"
                 style="width: 100%">
         <el-table-column prop="buildingName"
@@ -87,12 +88,15 @@
 
         <el-table-column label="操作"
                          fixed="right"
-                         width="140"
+                         width="170"
                          header-align="center"
                          align="center"
                          class="operate">
           <template slot-scope="scope">
-
+            <el-button type="text"
+                       style="color:#feb349;text-decoration: underline;"
+                       size="small"
+                       @click="handleToNextLevel(scope.row)">进入</el-button>
             <el-button type="text"
                        style="color:#1C6AFD;text-decoration: underline;"
                        size="small"
@@ -113,9 +117,9 @@
         <el-pagination @size-change="handleSizeChange"
                        @current-change="handleCurrentChange"
                        :current-page.sync="pageNo"
-                       :page-sizes="[20, 30, 50]"
+                       :page-sizes="[10, 20, 50]"
                        :page-size="pageSize"
-                       layout="sizes, prev, pager, next"
+                       layout="sizes, prev, pager, next, total"
                        :total="total">
         </el-pagination>
       </div>
@@ -151,7 +155,7 @@ export default {
     return {
       loading: false,
       total: 0,
-      pageSize: 20,
+      pageSize: 10,
       pageNo: 0,
       tableLoading: true,
 
@@ -173,9 +177,12 @@ export default {
     console.log('building11111111111111111111111111')
   },
   computed: {
-    rowHeight () {
-      return (this.clientHeight - 200) + 'px'
+    tableHeight () {
+
+      return (this.clientHeight - 220)
+
     },
+
     ...mapGetters(['clientHeight'])
   },
   methods: {
@@ -238,6 +245,9 @@ export default {
         this.$refs.ref_form.initForm('edit', row, this.agencyObj)
       })
     },
+    handleToNextLevel (row) {
+      this.$emit('toNextLevel', row, 'building')
+    },
 
     addFormCancle () {
       this.formShow = false
@@ -403,6 +413,10 @@ export default {
       const { data, code, msg } = await requestPost(url, fileFormData)
       if (code === 0) {
 
+        this.$message({
+          type: "success",
+          message: "导入成功"
+        });
         this.$emit('refreshTree')
         this.loadTable()
       } else {
@@ -450,26 +464,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped >
-.el-button--green {
-  color: #fff;
-  background-color: #22c1c3;
-  border-color: #22c1c3;
-}
-.el-button--yellow {
-  color: #fff;
-  background-color: #feb349;
-  border-color: #feb349;
-}
-.el-button--blue {
-  color: #fff;
-  background-color: #2195fe;
-  border-color: #2195fe;
-}
-.el-button--red {
-  color: #fff;
-  background-color: #fe6252;
-  border-color: #fe6252;
-}
+@import "@/assets/scss/buttonstyle.scss";
 .div_search {
   display: flex;
 
diff --git a/src/views/modules/base/community/community.vue b/src/views/modules/base/community/community.vue
index 8a3321e2..eb0ada5f 100644
--- a/src/views/modules/base/community/community.vue
+++ b/src/views/modules/base/community/community.vue
@@ -1,54 +1,45 @@
 <template>
-  <div>
-
-    <el-row class="row"
-            :gutter="10">
-      <el-col :span="5">
-        <el-card>
-
-          <div :style="{height:rowHeight}"
-               class="div_tree">
-            <el-input placeholder="输入关键字进行过滤"
-                      v-model="filterText">
-            </el-input>
-
-            <el-tree ref="ref_tree"
-                     v-loading="treeLoading"
-                     class="filter-tree"
-                     :data="treeData"
-                     :props="defaultProps"
-                     :highlight-current="true"
-                     node-key="id"
-                     :expand-on-click-node="false"
-                     default-expand-all
-                     :filter-node-method="filterNode"
-                     @node-click="handleNodeClick">
-            </el-tree>
-
-          </div>
-
-        </el-card>
-      </el-col>
-
-      <el-col :span="19">
-        <el-card>
-          <div :style="{height:rowHeight}">
-
-            <build-table v-if="selTreeObj.level==='neighbourHood'"
-                         ref="ref_neighTable"
-                         @refreshTree="refreshTree"></build-table>
-            <room-table v-else-if="selTreeObj.level==='building'"
-                        ref="ref_buildingTable"
-                        @refreshTree="refreshTree"></room-table>
-            <community-table v-else
-                             ref="ref_communityTable"
-                             @refreshTree="refreshTree"></community-table>
-
-          </div>
-        </el-card>
-      </el-col>
-
-    </el-row>
+  <div class="div_main">
+
+    <div :style="{height:rowHeight}"
+         class="div_tree">
+      <el-input placeholder="输入关键字进行过滤"
+                v-model="filterText">
+      </el-input>
+      <el-scrollbar :style="{height:treeHeight}"
+                    class="scrollar">
+        <el-tree ref="ref_tree"
+                 v-loading="treeLoading"
+                 class="filter_tree"
+                 :data="treeData"
+                 :props="defaultProps"
+                 :highlight-current="true"
+                 node-key="id"
+                 :expand-on-click-node="false"
+                 default-expand-all
+                 :filter-node-method="filterNode"
+                 @node-click="handleNodeClick">
+        </el-tree>
+      </el-scrollbar>
+
+    </div>
+
+    <div :style="{height:rowHeight}"
+         class="div_table">
+
+      <build-table v-if="selTreeObj.level==='neighbourHood'"
+                   ref="ref_neighTable"
+                   @toNextLevel="toNextLevel"
+                   @refreshTree="refreshTree"></build-table>
+      <room-table v-else-if="selTreeObj.level==='building'"
+                  ref="ref_buildingTable"
+                  @refreshTree="refreshTree"></room-table>
+      <community-table v-else
+                       @toNextLevel="toNextLevel"
+                       ref="ref_communityTable"
+                       @refreshTree="refreshTree"></community-table>
+
+    </div>
 
   </div>
 </template>
@@ -99,7 +90,10 @@ export default {
   },
   computed: {
     rowHeight () {
-      return (this.clientHeight - 180) + 'px'
+      return (this.clientHeight - 140) + 'px'
+    },
+    treeHeight () {
+      return (this.clientHeight - 200) + 'px'
     },
     ...mapGetters(['clientHeight'])
   },
@@ -151,7 +145,6 @@ export default {
     },
 
     handleNodeClick (obj) {
-
       this.getTreeObj(obj)
 
       this.$nextTick(() => {
@@ -179,6 +172,23 @@ export default {
       this.treeLoading = false
     },
 
+    //进入下一级
+    toNextLevel (row, level) {
+
+      if (level === 'community') {
+        this.selTreeObj = this.$refs.ref_tree.getNode(row.neighborHoodId).data
+      } else {
+        this.selTreeObj = this.$refs.ref_tree.getNode(row.buildingId).data
+      }
+
+      this.handleNodeClick(this.selTreeObj)
+      this.$nextTick(() => {
+        // ref_tree 元素的ref   value 绑定的node-key
+        this.$refs.ref_tree.setCurrentKey(this.selTreeObj.id);
+      });
+
+    },
+
     //解析树数据
     getTreeObj (obj) {
       // 树接口：
@@ -246,8 +256,30 @@ export default {
 }
 </script>
 <style lang="scss" scoped >
+.div_main {
+  display: flex;
+}
+.scrollar {
+  margin-top: 10px;
+}
+
 .div_tree {
-  overflow-y: auto;
+  flex: 0 0 400px;
+  background-color: #ffffff;
+  border-radius: 5px;
+  padding: 10px;
+  overflow-y: hidden;
+}
+.filter_tree {
+  overflow-x: auto;
+}
+
+.div_table {
+  margin-left: 15px;
+  width: calc(100vw - 680px);
+  background-color: #ffffff;
+  border-radius: 5px;
+  padding: 10px;
 }
 
 .div_btn {
@@ -263,4 +295,11 @@ export default {
 .aui-content > .el-tabs > .el-tabs__content {
   padding: 0px;
 }
+.el-scrollbar__wrap {
+  overflow-x: hidden !important;
+}
+.el-tree-node:focus > .el-tree-node__content {
+  /* background-color: #ccc !important; */
+  color: #2195fe;
+}
 </style>
diff --git a/src/views/modules/base/community/communityForm.vue b/src/views/modules/base/community/communityForm.vue
index 50845fd3..d5de921f 100644
--- a/src/views/modules/base/community/communityForm.vue
+++ b/src/views/modules/base/community/communityForm.vue
@@ -48,6 +48,7 @@
             <el-select class="item_width_2"
                        v-model="dataForm.propertyId"
                        placeholder="请选择"
+                       filterable
                        clearable>
               <el-option v-for="item in propertyList"
                          :key="item.propertyId"
@@ -88,7 +89,7 @@
                         prop="longitude"
                         label-width="150px"
                         style="display: block">
-            <el-input class="item_width_3"
+            <el-input class="item_width_4"
                       maxlength="50"
                       placeholder="请输入关键字"
                       v-model="keyWords">
@@ -139,6 +140,7 @@
       <el-button @click="handleCancle">取 消</el-button>
       <el-button v-if="formType != 'detail'"
                  type="primary"
+                 :disabled="btnDisable"
                  @click="handleComfirm">确 定</el-button>
     </div>
   </div>
@@ -160,6 +162,7 @@ export default {
 
       gridList: [],
       propertyList: [],
+      btnDisable: false,
 
       neighborHoodId: '', //小区ID
       dataForm: {
@@ -339,14 +342,20 @@ export default {
     },
 
     async handleComfirm () {
+
       if (this.propertyFormShow) {
 
         this.addProperty()
 
       } else {
+        this.btnDisable = true
+        setTimeout(() => {
+          this.btnDisable = false
+        }, 10000)
         this.$refs['ref_form'].validate((valid, messageObj) => {
           if (!valid) {
             app.util.validateRule(messageObj)
+            this.btnDisable = false
           } else {
             this.addCommunity()
           }
@@ -376,7 +385,9 @@ export default {
         })
         this.resetData()
         this.$emit('dialogOk')
+        this.btnDisable = false
       } else {
+        this.btnDisable = false
         this.$message.error(msg)
       }
 
@@ -400,7 +411,7 @@ export default {
       if (code === 0) {
         this.$message({
           type: 'success',
-          message: '添加物业成功'
+          message: '操作成功'
         })
         this.dataForm.propertyId = data.propertyId
         this.propertyForm.name = ''
@@ -498,6 +509,9 @@ export default {
   margin-left: 10px;
   width: 200px;
 }
+.item_width_4 {
+  width: 200px;
+}
 
 .div_map {
   margin-top: 10px;
diff --git a/src/views/modules/base/community/communityTable.vue b/src/views/modules/base/community/communityTable.vue
index 1a8ca199..f5e5266c 100644
--- a/src/views/modules/base/community/communityTable.vue
+++ b/src/views/modules/base/community/communityTable.vue
@@ -63,6 +63,7 @@
     <div class="div_table">
       <el-table :data="tableData"
                 border
+                :height="tableHeight"
                 v-loading="tableLoading"
                 style="width: 100%">
         <el-table-column prop="neighborHoodName"
@@ -85,16 +86,16 @@
         </el-table-column>
         <el-table-column label="操作"
                          fixed="right"
-                         width="140"
+                         width="170"
                          header-align="center"
                          align="center"
                          class="operate">
           <template slot-scope="scope">
 
-            <!-- <el-button type="text"
-                       style="color:#00A7A9;text-decoration: underline;"
+            <el-button type="text"
+                       style="color:#feb349;text-decoration: underline;"
                        size="small"
-                       @click="handleToBuild(scope.row)">进入</el-button> -->
+                       @click="handleToNextLevel(scope.row)">进入</el-button>
             <el-button type="text"
                        style="color:#1C6AFD;text-decoration: underline;"
                        size="small"
@@ -115,9 +116,9 @@
         <el-pagination @size-change="handleSizeChange"
                        @current-change="handleCurrentChange"
                        :current-page.sync="pageNo"
-                       :page-sizes="[20, 30, 50]"
+                       :page-sizes="[10, 20, 50]"
                        :page-size="pageSize"
-                       layout="sizes, prev, pager, next"
+                       layout="sizes, prev, pager, next, total"
                        :total="total">
         </el-pagination>
       </div>
@@ -153,7 +154,7 @@ export default {
     return {
       loading: false,
       total: 0,
-      pageSize: 20,
+      pageSize: 10,
       pageNo: 0,
       tableLoading: true,
 
@@ -179,6 +180,11 @@ export default {
 
   },
   computed: {
+    tableHeight () {
+
+      return (this.clientHeight - 320)
+
+    },
     rowHeight () {
       return (this.clientHeight - 200) + 'px'
     },
@@ -246,6 +252,10 @@ export default {
       })
     },
 
+    handleToNextLevel (row) {
+      this.$emit('toNextLevel', row, 'community')
+    },
+
     addFormCancle () {
       this.formShow = false
     },
@@ -405,13 +415,13 @@ export default {
       var url = '/gov/org/neighborhood/import'
       let fileFormData = new FormData();
       fileFormData.append('file', this.files);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
-      // let params = {
-      //   file: this.files
-      // }
 
       const { data, code, msg } = await requestPost(url, fileFormData)
       if (code === 0) {
-
+        this.$message({
+          type: "success",
+          message: "导入成功"
+        });
         this.$emit('refreshTree')
         this.loadTable()
       } else {
@@ -458,26 +468,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped >
-.el-button--green {
-  color: #fff;
-  background-color: #22c1c3;
-  border-color: #22c1c3;
-}
-.el-button--yellow {
-  color: #fff;
-  background-color: #feb349;
-  border-color: #feb349;
-}
-.el-button--blue {
-  color: #fff;
-  background-color: #2195fe;
-  border-color: #2195fe;
-}
-.el-button--red {
-  color: #fff;
-  background-color: #fe6252;
-  border-color: #fe6252;
-}
+@import "@/assets/scss/buttonstyle.scss";
 .div_search {
   display: flex;
 
diff --git a/src/views/modules/base/community/roomForm.vue b/src/views/modules/base/community/roomForm.vue
index 781117f2..93877ef4 100644
--- a/src/views/modules/base/community/roomForm.vue
+++ b/src/views/modules/base/community/roomForm.vue
@@ -115,6 +115,7 @@
       <el-button @click="handleCancle">取 消</el-button>
       <el-button v-if="formType != 'detail'"
                  type="primary"
+                 :disabled="btnDisable"
                  @click="handleComfirm">确 定</el-button>
     </div>
   </div>
@@ -130,7 +131,7 @@ export default {
   data () {
     return {
       formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
-
+      btnDisable: false,
       unitList: [],
 
       houseId: '', //房屋ID
@@ -206,11 +207,17 @@ export default {
     },
 
     async handleComfirm () {
+      this.btnDisable = true
+      setTimeout(() => {
+        this.btnDisable = false
+      }, 10000)
+
       this.dataForm.houseType = this.houseType
       this.dataForm.purpose = this.purpose
       this.dataForm.rentFlag = this.rentFlag
       this.$refs['ref_form'].validate((valid, messageObj) => {
         if (!valid) {
+          this.btnDisable = false
           app.util.validateRule(messageObj)
         } else {
           this.addRoom()
@@ -220,6 +227,25 @@ export default {
     },
 
     async addRoom () {
+      const regCard = /(^\d{15}$)|(^\d{17}(\d|X)$)/; //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X  
+      if (regCard.test(this.dataForm.ownerIdCard) === false) {
+        this.btnDisable = false
+        this.$message({
+          type: 'warning',
+          message: '请输入正确的身份证号码'
+        })
+        return false;
+      }
+      const regPhone = /^1(3|4|5|6|7|8|9)\d{9}$/; //手机号码
+      if (regPhone.test(this.dataForm.ownerPhone) === false) {
+        this.btnDisable = false
+        this.$message({
+          type: 'warning',
+          message: '请输入正确的手机号码'
+        })
+        return false;
+      }
+
       let url = ''
 
       if (this.formType === 'add') {
@@ -229,10 +255,8 @@ export default {
         this.dataForm.houseId = this.houseId
       }
 
-
-
       const { data, code, msg } = await requestPost(url, this.dataForm)
-
+      this.btnDisable = false
       if (code === 0) {
         this.$message({
           type: 'success',
@@ -240,7 +264,9 @@ export default {
         })
         this.resetData()
         this.$emit('dialogOk')
+
       } else {
+
         this.$message.error(msg)
       }
 
diff --git a/src/views/modules/base/community/roomTable.vue b/src/views/modules/base/community/roomTable.vue
index f2978907..c4a8319e 100644
--- a/src/views/modules/base/community/roomTable.vue
+++ b/src/views/modules/base/community/roomTable.vue
@@ -81,10 +81,10 @@
                          label="门牌号">
         </el-table-column>
         <el-table-column prop="houseType"
-                         label="房屋类型">
+                         label="类型">
         </el-table-column>
         <el-table-column prop="purpose"
-                         label="房屋用途">
+                         label="用途">
         </el-table-column>
         <el-table-column prop="rentFlag"
                          label="是否出租">
@@ -93,10 +93,12 @@
                          label="房主姓名">
         </el-table-column>
         <el-table-column prop="ownerPhone"
-                         label="房主电话">
+                         label="房主电话"
+                         width="110">
         </el-table-column>
         <el-table-column prop="ownerIdCard"
-                         label="身份证">
+                         label="身份证"
+                         width="160">
         </el-table-column>
         <el-table-column label="操作"
                          fixed="right"
@@ -126,9 +128,9 @@
         <el-pagination @size-change="handleSizeChange"
                        @current-change="handleCurrentChange"
                        :current-page.sync="pageNo"
-                       :page-sizes="[20, 30, 50]"
+                       :page-sizes="[10, 20, 50]"
                        :page-size="pageSize"
-                       layout="sizes, prev, pager, next"
+                       layout="sizes, prev, pager, next, total"
                        :total="total">
         </el-pagination>
       </div>
@@ -163,7 +165,7 @@ export default {
     return {
       loading: false,
       total: 0,
-      pageSize: 20,
+      pageSize: 10,
       pageNo: 0,
       tableLoading: true,
 
@@ -415,7 +417,10 @@ export default {
 
       const { data, code, msg } = await requestPost(url, fileFormData)
       if (code === 0) {
-
+        this.$message({
+          type: "success",
+          message: "导入成功"
+        });
         this.$emit('refreshTree')
         this.loadTable()
       } else {
@@ -462,26 +467,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped >
-.el-button--green {
-  color: #fff;
-  background-color: #22c1c3;
-  border-color: #22c1c3;
-}
-.el-button--yellow {
-  color: #fff;
-  background-color: #feb349;
-  border-color: #feb349;
-}
-.el-button--blue {
-  color: #fff;
-  background-color: #2195fe;
-  border-color: #2195fe;
-}
-.el-button--red {
-  color: #fff;
-  background-color: #fe6252;
-  border-color: #fe6252;
-}
+@import "@/assets/scss/buttonstyle.scss";
 .div_search {
   display: flex;