diff --git a/src/views/modules/base/community/community.vue b/src/views/modules/base/community/community.vue
index e89875332..f31bac8c1 100644
--- a/src/views/modules/base/community/community.vue
+++ b/src/views/modules/base/community/community.vue
@@ -79,8 +79,13 @@
           <div class="resi-cell-label">房屋用途</div>
           <div class="resi-cell-value">
 
-            <el-select v-model="purpose" placeholder="房屋用途" clearable>
-              <el-option v-for="item in purposeArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
+            <el-select v-model="purpose"
+                       placeholder="房屋用途"
+                       clearable>
+              <el-option v-for="item in purposeArr"
+                         :key="item.dictValue"
+                         :label="item.dictName"
+                         :value="item.dictValue">
               </el-option>
             </el-select>
 
@@ -99,7 +104,6 @@
 
           </div>
         </div>
-
         <el-button style="margin-left:10px"
                    class="diy-button--search"
                    size="small"
@@ -147,391 +151,391 @@
 </template>
 
 <script>
-    import CDialog from '@c/CDialog'
-    import communityTable from './communityTable'
-    import buildTable from './buildTable'
-    import roomTable from './roomTable'
-    import { requestPost } from "@/js/dai/request";
-    import { mapGetters } from 'vuex'
-    import { Loading } from 'element-ui' // 引入Loading服务
-
-    let loading // 加载动画
-    export default {
-        data () {
-            return {
-                filterText: '',
-                treeLoading: true,
-                treeData: [],
-                openNodes: [],
-                defaultProps: {
-                    children: 'children',
-                    label: 'showName'
-                },
-
-                selTreeObj: {},
-
-                centerPoint: [],
-                staffAgencyId: localStorage.getItem("agencyId"),
-                showImportBtn: false,
-
-                rentList: [
-                    {
-                        value: '1',
-                        label: '出租'
-                    },
-                    {
-                        value: '2',
-                        label: '闲置'
-                    },
-                    {
-                        value: '0',
-                        label: '自住'
-                    },
-                ],
-                ownerName: '',
-                ownerPhone: '',
-                rentFlag: '',
-                purpose: '',
-                remark: '',
-                showRoomTable: false,
-                selObj: {},
-                purposeArr: [
-                    { dictValue: '1', dictName: '住宅' },
-                    { dictValue: '2', dictName: '商业' },
-                    { dictValue: '3', dictName: '办公' },
-                    { dictValue: '4', dictName: '工业' },
-                    { dictValue: '5', dictName: '仓储' },
-                    { dictValue: '6', dictName: '商住混用' },
-                    { dictValue: '7', dictName: '其他' }
-                ]
-            }
+import CDialog from '@c/CDialog'
+import communityTable from './communityTable'
+import buildTable from './buildTable'
+import roomTable from './roomTable'
+import { requestPost } from "@/js/dai/request";
+import { mapGetters } from 'vuex'
+import { Loading } from 'element-ui' // 引入Loading服务
+
+let loading // 加载动画
+export default {
+  data () {
+    return {
+      filterText: '',
+      treeLoading: true,
+      treeData: [],
+      openNodes: [],
+      defaultProps: {
+        children: 'children',
+        label: 'showName'
+      },
+
+      selTreeObj: {},
+
+      centerPoint: [],
+      staffAgencyId: localStorage.getItem("agencyId"),
+      showImportBtn: false,
+
+      rentList: [
+        {
+          value: '1',
+          label: '出租'
         },
-        components: {
-            CDialog
+        {
+          value: '2',
+          label: '闲置'
         },
-        async mounted () {
-            this.treeLoading = true
-
-            await this.loadOrgData()
-            await this.loadTree()
-            await this.loadOpenNode()
-
-            await this.$refs['ref_communityTable'].loadTable(true, this.selTreeObj)
-            if (this.treeData.length > 0) {
-                this.$nextTick(() => {
-                    // ref_tree 元素的ref   value 绑定的node-key
-                    this.$refs.ref_tree.setCurrentKey(this.treeData[0].id);
-                });
-            }
-            this.treeLoading = false
-
+        {
+          value: '0',
+          label: '自住'
         },
-        computed: {
-            rowHeight () {
+      ],
+      ownerName: '',
+      ownerPhone: '',
+      rentFlag: '',
+      purpose: '',
+      remark: '',
+      showRoomTable: false,
+      selObj: {},
+      purposeArr: [
+        { dictValue: '1', dictName: '住宅' },
+        { dictValue: '2', dictName: '商业' },
+        { dictValue: '3', dictName: '办公' },
+        { dictValue: '4', dictName: '工业' },
+        { dictValue: '5', dictName: '仓储' },
+        { dictValue: '6', dictName: '商住混用' },
+        { dictValue: '7', dictName: '其他' }
+      ]
+    }
+  },
+  components: {
+    CDialog
+  },
+  async mounted () {
+    this.treeLoading = true
+
+    await this.loadOrgData()
+    await this.loadTree()
+    await this.loadOpenNode()
+
+    await this.$refs['ref_communityTable'].loadTable(true, this.selTreeObj)
+    if (this.treeData.length > 0) {
+      this.$nextTick(() => {
+        // ref_tree 元素的ref   value 绑定的node-key
+        this.$refs.ref_tree.setCurrentKey(this.treeData[0].id);
+      });
+    }
+    this.treeLoading = false
 
-                return this.$store.state.inIframe ? this.clientHeight - 140 + this.iframeHeight + 'px' : this.clientHeight - 140 + 'px'
+  },
+  computed: {
+    rowHeight () {
 
-            },
-            treeHeight () {
-                return this.$store.state.inIframe ? this.clientHeight - 200 + this.iframeHeight + 'px' : this.clientHeight - 200 + 'px'
+      return this.$store.state.inIframe ? this.clientHeight - 140 + this.iframeHeight + 'px' : this.clientHeight - 140 + 'px'
 
-            },
+    },
+    treeHeight () {
+      return this.$store.state.inIframe ? this.clientHeight - 200 + this.iframeHeight + 'px' : this.clientHeight - 200 + 'px'
 
-            ...mapGetters(['clientHeight', 'iframeHeight'])
-        },
-        methods: {
+    },
 
-            handleSearch () {
-                if (this.ownerName || this.ownerPhone || this.rentFlag || this.purpose || this.remark) {
-                    this.showRoomTable = true
+    ...mapGetters(['clientHeight', 'iframeHeight'])
+  },
+  methods: {
 
-                    this.$nextTick(() => {
-                        this.$refs['ref_buildingTable'].loadTable('search', this.selTreeObj)
-                    })
-                } else {
-                    this.$message.warning('请输入查询条件')
-                }
+    handleSearch () {
+      if (this.ownerName || this.ownerPhone || this.rentFlag || this.purpose || this.remark) {
+        this.showRoomTable = true
 
+        this.$nextTick(() => {
+          this.$refs['ref_buildingTable'].loadTable('search', this.selTreeObj)
+        })
+      } else {
+        this.$message.warning('请输入查询条件')
+      }
 
-            },
 
-            //重置搜索条件
-            resetSearch () {
-                this.ownerName = ''
-                this.ownerPhone = ''
-                this.rentFlag = ''
-                this.purpose = ''
-                this.remark = ''
-
-                this.pageSize = 10
-                this.pageNo = 1
-                this.handleNodeClick(this.selObj)
-                // this.loadTable()
-            },
+    },
 
-            async loadOpenNode () {
-                const url = "/gov/org/building/tree-ids"
-                let params = {}
-
-                const { data, code, msg } = await requestPost(url, params)
-
-                if (code === 0) {
-                    this.openNodes = data
+    //重置搜索条件
+    resetSearch () {
+      this.ownerName = ''
+      this.ownerPhone = ''
+      this.rentFlag = ''
+      this.purpose = ''
+      this.remark = ''
 
+      this.pageSize = 10
+      this.pageNo = 1
+      this.handleNodeClick(this.selObj)
+      // this.loadTable()
+    },
 
-                } else {
-                    this.$message.error(msg)
-                }
-            },
-            async loadTree (isRefresh) {
-                const url = "/gov/org/building/treelist"
-                let params = {}
-
-                const { data, code, msg } = await requestPost(url, params)
-
-                if (code === 0) {
-
-                    this.treeData = data
-                    if (!isRefresh && data.length > 0) {
-
-                        this.selTreeObj = data[0]
-                        if (!this.selTreeObj.latitude) {
-                            this.selTreeObj.latitude = this.centerPoint[0]
-                        }
-
-                        if (!this.selTreeObj.longitude) {
-                            this.selTreeObj.longitude = this.centerPoint[1]
-                        }
-                    }
-
-                } else {
-                    this.$message.error(msg)
-                }
-            },
-
-            //加载组织数据
-            async loadOrgData () {
-                const url = "/gov/org/agency/maporg"
-                // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/agency/maporg"
-                let params = {}
-
-                const { data, code, msg } = await requestPost(url, params)
-
-                if (code === 0) {
-                    this.centerPoint = []
-
-                    this.centerPoint.push(data.latitude)
-                    this.centerPoint.push(data.longitude)
-
-                } else {
-                    this.$message.error(msg)
-                }
-
-            },
-
-            handleNodeClick (obj) {
-                this.ownerName = ''
-                this.ownerPhone = ''
-                this.rentFlag = ''
-                this.purpose = ''
-                this.remark = ''
-                this.showRoomTable = false
-
-                this.selObj = JSON.parse(JSON.stringify(obj))
-                this.getTreeObj(obj)
-
-                this.$nextTick(() => {
-                    if (obj.level === 'building') {//点击楼栋
-                        this.$refs['ref_buildingTable'].loadTable('tree', this.selTreeObj)
-
-                    } else if (obj.level === 'neighborHood') {//点击小区
-                        this.$refs['ref_neighTable'].loadTable(true, this.selTreeObj)
-
-                    } else {
-                        this.$refs['ref_communityTable'].loadTable(true, this.selTreeObj)
-                    }
-                })
-
-            },
-
-            //添加小区结束
-            async refreshTree () {
-                this.treeLoading = true
-                await this.loadTree(this.selTreeObj.id)
-                this.$nextTick(() => {
-                    // ref_tree 元素的ref   value 绑定的node-key
-                    this.$refs.ref_tree.setCurrentKey(this.selTreeObj.id);
-                });
-                this.treeLoading = false
-            },
-
-            //进入下一级
-            toNextLevel (row, level) {
-
-                if (level === 'community') {
-                    this.selTreeObj = this.$refs.ref_tree.getNode(row.neighborHoodId).data
-                    this.openNodes.push(this.selTreeObj.id)
-                } 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);
-                });
-
-                const node = document.getElementById(this.selTreeObj.id) // 通过Id获取到对应的dom元素
-                setTimeout(() => {
-                    if (node) {
-                        this.$nextTick(() => {
-                            node.scrollIntoView({ block: 'center' }) // 通过scrollIntoView方法将对应的dom元素定位到可见区域 【block: 'center'】这个属性是在垂直方向居中显示
-                        })
-                    }
-                }, 100)
-
-
-            },
-
-            //解析树数据
-            getTreeObj (obj) {
-                // 树接口：
-                // 组织：组织id、组织名称、type、经度、纬度
-                // 小区：小区id、小区名称、type、所属网格id、所属网格名称、所属组织id、所属组织名称、经度、纬度
-                // 楼：楼id、楼名称、type、所属小区id、所属小区名称
-                if (obj.level === 'building') {//点击楼栋
-                    let neighborHoodNode = this.$refs.ref_tree.getNode(obj.pid)//所属小区
-
-                    let gridNode = this.$refs.ref_tree.getNode(neighborHoodNode.data.pid)//所属网格
-                    let agencyNode = this.$refs.ref_tree.getNode(gridNode.data.pid)//所属社区
-                    obj.agencyId = agencyNode.data.id
-                    obj.agencyName = agencyNode.data.label
-                    obj.gridId = gridNode.data.id
-                    obj.gridName = gridNode.data.label
-                    obj.neighborHoodId = neighborHoodNode.data.id
-                    obj.neighborHoodName = neighborHoodNode.data.label
-                    if (obj.agencyId === this.staffAgencyId) {
-                        this.showImportBtn = true
-                    } else {
-                        this.showImportBtn = false
-                    }
-
-                } else if (obj.level === 'neighborHood') {//点击小区
-                    let gridNode = this.$refs.ref_tree.getNode(obj.pid)
-                    let agencyNode = this.$refs.ref_tree.getNode(gridNode.data.pid)
-                    obj.gridId = gridNode.data.id
-                    obj.gridName = gridNode.data.label
-                    obj.agencyId = agencyNode.data.id
-                    obj.agencyName = agencyNode.data.label
-                    if (obj.agencyId === this.staffAgencyId) {
-                        this.showImportBtn = true
-                    } else {
-                        this.showImportBtn = false
-                    }
-
-                } else {
-
-                }
-
-                if (!obj.latitude) {
-                    obj.latitude = this.centerPoint[0]
-                }
-
-                if (!obj.longitude) {
-                    obj.longitude = this.centerPoint[1]
-                }
-                this.selTreeObj = obj
-                console.log(this.selTreeObj)
-
-            },
-
-            filterNode (value, data) {
-                if (!value) return true;
-                return data.label.indexOf(value) !== -1;
-            },
-
-            // 开启加载动画
-            startLoading () {
-                loading = Loading.service({
-                    lock: true, // 是否锁定
-                    text: '正在加载……', // 加载中需要显示的文字
-                    background: 'rgba(0,0,0,.7)' // 背景颜色
-                })
-            },
-            // 结束加载动画
-            endLoading () {
-                // clearTimeout(timer);
-                if (loading) {
-                    loading.close()
-                }
-            }
-        },
-        watch: {
-            filterText (val) {
-                this.$refs.ref_tree.filter(val);
-            }
-        },
-        components: {
-            communityTable, buildTable, roomTable
+    async loadOpenNode () {
+      const url = "/gov/org/building/tree-ids"
+      let params = {}
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.openNodes = data
+
+
+      } else {
+        this.$message.error(msg)
+      }
+    },
+    async loadTree (isRefresh) {
+      const url = "/gov/org/building/treelist"
+      let params = {}
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+
+        this.treeData = data
+        if (!isRefresh && data.length > 0) {
+
+          this.selTreeObj = data[0]
+          if (!this.selTreeObj.latitude) {
+            this.selTreeObj.latitude = this.centerPoint[0]
+          }
+
+          if (!this.selTreeObj.longitude) {
+            this.selTreeObj.longitude = this.centerPoint[1]
+          }
         }
-    }
-</script>
-<style lang="scss" scoped >
-  .div_main {
-    display: flex;
-  }
-  .scrollar {
-    margin-top: 10px;
-  }
 
-  .div_tree {
-    flex: 0 0 280px;
-    background-color: #ffffff;
-    border-radius: 5px;
-    padding: 10px;
-    overflow-y: hidden;
-  }
-  .filter_tree {
-    overflow-x: auto;
-  }
+      } else {
+        this.$message.error(msg)
+      }
+    },
 
-  .div_table {
-    margin-left: 15px;
-    // flex: 1;
-    width: calc(100% - 300px);
-    background-color: #ffffff;
-    border-radius: 5px;
-    padding: 10px;
-  }
+    //加载组织数据
+    async loadOrgData () {
+      const url = "/gov/org/agency/maporg"
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/agency/maporg"
+      let params = {}
 
-  .div_btn {
-    margin-top: 20px;
-  }
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.centerPoint = []
+
+        this.centerPoint.push(data.latitude)
+        this.centerPoint.push(data.longitude)
+
+      } else {
+        this.$message.error(msg)
+      }
 
-  .row {
-    padding: 10px;
+    },
+
+    handleNodeClick (obj) {
+      this.ownerName = ''
+      this.ownerPhone = ''
+      this.rentFlag = ''
+      this.purpose = ''
+      this.remark = ''
+      this.showRoomTable = false
+
+      this.selObj = JSON.parse(JSON.stringify(obj))
+      this.getTreeObj(obj)
+
+      this.$nextTick(() => {
+        if (obj.level === 'building') {//点击楼栋
+          this.$refs['ref_buildingTable'].loadTable('tree', this.selTreeObj)
+
+        } else if (obj.level === 'neighborHood') {//点击小区
+          this.$refs['ref_neighTable'].loadTable(true, this.selTreeObj)
+
+        } else {
+          this.$refs['ref_communityTable'].loadTable(true, this.selTreeObj)
+        }
+      })
+
+    },
+
+    //添加小区结束
+    async refreshTree () {
+      this.treeLoading = true
+      await this.loadTree(this.selTreeObj.id)
+      this.$nextTick(() => {
+        // ref_tree 元素的ref   value 绑定的node-key
+        this.$refs.ref_tree.setCurrentKey(this.selTreeObj.id);
+      });
+      this.treeLoading = false
+    },
+
+    //进入下一级
+    toNextLevel (row, level) {
+
+      if (level === 'community') {
+        this.selTreeObj = this.$refs.ref_tree.getNode(row.neighborHoodId).data
+        this.openNodes.push(this.selTreeObj.id)
+      } 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);
+      });
+
+      const node = document.getElementById(this.selTreeObj.id) // 通过Id获取到对应的dom元素
+      setTimeout(() => {
+        if (node) {
+          this.$nextTick(() => {
+            node.scrollIntoView({ block: 'center' }) // 通过scrollIntoView方法将对应的dom元素定位到可见区域 【block: 'center'】这个属性是在垂直方向居中显示
+          })
+        }
+      }, 100)
+
+
+    },
+
+    //解析树数据
+    getTreeObj (obj) {
+      // 树接口：
+      // 组织：组织id、组织名称、type、经度、纬度
+      // 小区：小区id、小区名称、type、所属网格id、所属网格名称、所属组织id、所属组织名称、经度、纬度
+      // 楼：楼id、楼名称、type、所属小区id、所属小区名称
+      if (obj.level === 'building') {//点击楼栋
+        let neighborHoodNode = this.$refs.ref_tree.getNode(obj.pid)//所属小区
+
+        let gridNode = this.$refs.ref_tree.getNode(neighborHoodNode.data.pid)//所属网格
+        let agencyNode = this.$refs.ref_tree.getNode(gridNode.data.pid)//所属社区
+        obj.agencyId = agencyNode.data.id
+        obj.agencyName = agencyNode.data.label
+        obj.gridId = gridNode.data.id
+        obj.gridName = gridNode.data.label
+        obj.neighborHoodId = neighborHoodNode.data.id
+        obj.neighborHoodName = neighborHoodNode.data.label
+        if (obj.agencyId === this.staffAgencyId) {
+          this.showImportBtn = true
+        } else {
+          this.showImportBtn = false
+        }
+
+      } else if (obj.level === 'neighborHood') {//点击小区
+        let gridNode = this.$refs.ref_tree.getNode(obj.pid)
+        let agencyNode = this.$refs.ref_tree.getNode(gridNode.data.pid)
+        obj.gridId = gridNode.data.id
+        obj.gridName = gridNode.data.label
+        obj.agencyId = agencyNode.data.id
+        obj.agencyName = agencyNode.data.label
+        if (obj.agencyId === this.staffAgencyId) {
+          this.showImportBtn = true
+        } else {
+          this.showImportBtn = false
+        }
+
+      } else {
+
+      }
+
+      if (!obj.latitude) {
+        obj.latitude = this.centerPoint[0]
+      }
+
+      if (!obj.longitude) {
+        obj.longitude = this.centerPoint[1]
+      }
+      this.selTreeObj = obj
+      console.log(this.selTreeObj)
+
+    },
+
+    filterNode (value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  watch: {
+    filterText (val) {
+      this.$refs.ref_tree.filter(val);
+    }
+  },
+  components: {
+    communityTable, buildTable, roomTable
   }
+}
+</script>
+<style lang="scss" scoped >
+.div_main {
+  display: flex;
+}
+.scrollar {
+  margin-top: 10px;
+}
+
+.div_tree {
+  flex: 0 0 280px;
+  background-color: #ffffff;
+  border-radius: 5px;
+  padding: 10px;
+  overflow-y: hidden;
+}
+.filter_tree {
+  overflow-x: auto;
+}
+
+.div_table {
+  margin-left: 15px;
+  // flex: 1;
+  width: calc(100% - 300px);
+  background-color: #ffffff;
+  border-radius: 5px;
+  padding: 10px;
+}
+
+.div_btn {
+  margin-top: 20px;
+}
+
+.row {
+  padding: 10px;
+}
 </style>
 
 <style>
-  /* .aui-content > .el-tabs > .el-tabs__content {
+/* .aui-content > .el-tabs > .el-tabs__content {
     padding: 0px;
   } */
 
-  .el-tree-node:focus > .el-tree-node__content {
-    /* background-color: #ccc !important; */
-    color: #2195fe;
-  }
+.el-tree-node:focus > .el-tree-node__content {
+  /* background-color: #ccc !important; */
+  color: #2195fe;
+}
 </style>
 <style lang="scss" scoped>
-  .div_tree {
-    /deep/ .el-scrollbar__wrap {
-      overflow-x: hidden !important;
-    }
+.div_tree {
+  /deep/ .el-scrollbar__wrap {
+    overflow-x: hidden !important;
   }
+}
 </style>
 
 <style lang="scss" scoped >
-  @import "@/assets/scss/modules/visual/communityManage.scss";
+@import "@/assets/scss/modules/visual/communityManage.scss";
 </style>
diff --git a/src/views/modules/base/community/roomForm.vue b/src/views/modules/base/community/roomForm.vue
index bc77f3d5d..525c4b984 100644
--- a/src/views/modules/base/community/roomForm.vue
+++ b/src/views/modules/base/community/roomForm.vue
@@ -115,6 +115,7 @@
                       label-width="150px"
                       style="display: block">
           <el-input class="item_width_1"
+                    maxlength="30"
                     placeholder="请输入备注"
                     v-model="dataForm.remark">
           </el-input>
@@ -135,260 +136,260 @@
 </template>
 
 <script>
-    import { mapGetters } from 'vuex'
-    import { Loading } from 'element-ui' // 引入Loading服务
-    import { requestPost, requestGet } from '@/js/dai/request'
+import { mapGetters } from 'vuex'
+import { Loading } from 'element-ui' // 引入Loading服务
+import { requestPost, requestGet } from '@/js/dai/request'
+
+
+let loading // 加载动画
+export default {
+  data () {
+    return {
+      formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
+      btnDisable: false,
+      unitList: [],
+
+      houseId: '', //房屋ID
+      houseType: '1',
+      purpose: '1',
+      rentFlag: 0,
+      dataForm: {
+        neighborHoodId: '', // 所属小区ID
+        buildingId: '',//所属楼栋ID
+        buildingUnitId: '',//所属单元ID
+        doorName: '',//门牌号
+        houseType: '',//房屋类型【楼房，平房，别墅】
+        purpose: '',//房屋用途【住宅，商业，办公，工业，仓储，商住混用，其他】
+        rentFlag: 0,//房屋状态【是：1，否：0】	出租1、闲置2、自住	0
+        ownerPhone: '', //房主电话
+        ownerName: '', //房主名字
+        ownerIdCard: '', //房主身份证
+        remark: '' // 备注
+      },
+
+      keyWords: '',
+      agencyObj: {},
 
+    }
+  },
+  components: {},
+  mounted () {
 
-    let loading // 加载动画
-    export default {
-        data () {
-            return {
-                formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
-                btnDisable: false,
-                unitList: [],
+  },
 
-                houseId: '', //房屋ID
-                houseType: '1',
-                purpose: '1',
-                rentFlag: 0,
-                dataForm: {
-                    neighborHoodId: '', // 所属小区ID
-                    buildingId: '',//所属楼栋ID
-                    buildingUnitId: '',//所属单元ID
-                    doorName: '',//门牌号
-                    houseType: '',//房屋类型【楼房，平房，别墅】
-                    purpose: '',//房屋用途【住宅，商业，办公，工业，仓储，商住混用，其他】
-                    rentFlag: 0,//房屋状态【是：1，否：0】	出租1、闲置2、自住	0
-                    ownerPhone: '', //房主电话
-                    ownerName: '', //房主名字
-                    ownerIdCard: '', //房主身份证
-                    remark: '' // 备注
-                },
-
-                keyWords: '',
-                agencyObj: {},
-
-            }
-        },
-        components: {},
-        mounted () {
-
-        },
-
-        methods: {
-            async initForm (type, row, agencyObj) {
-
-                this.$refs.ref_form.resetFields();
-                this.agencyObj = agencyObj
-                this.formType = type
-                if (row) {
-
-                    this.houseId = row.houseId
-                    await this.loadHouseInfo()
-                    // this.dataForm = JSON.parse(JSON.stringify(row))
-                    // this.houseId = this.dataForm.houseId
-
-                    // this.dataForm.buildingUnitId = this.dataForm.unitNumKey
-                    // this.dataForm = { ...  this.dataForm }
-                    // this.houseType = this.dataForm.houseTypeKey
-                    // this.purpose = this.dataForm.purposeKey
-                    // this.rentFlag = parseInt(this.dataForm.rentFlagKey)
-
-                } else {
-
-                    this.dataForm.neighborHoodId = this.agencyObj.neighborHoodId
-                    this.dataForm.buildingId = this.agencyObj.id
-                }
-
-
-                await this.loadUnitList()
-
-            },
-
-            async loadHouseInfo () {
-
-                const url = "/gov/org/ichouse/" + this.houseId
-
-                const { data, code, msg } = await requestGet(url)
-
-                if (code === 0) {
-                    // debugger
-                    this.dataForm = { ...data }
-
-                    this.houseType = this.dataForm.houseType
-                    this.purpose = this.dataForm.purpose
-                    this.rentFlag = parseInt(this.dataForm.rentFlag)
-
-
-                } else {
-                    this.$message.error(msg)
-                }
-
-            },
-
-            //加载单元
-            async loadUnitList () {
-                const url = '/gov/org/building/buildingunitlist'
-
-                let params = {
-                    buildingId: this.dataForm.buildingId
-                }
-
-                const { data, code, msg } = await requestPost(url, params)
-
-                if (code === 0) {
-                    this.unitList = data
-                } else {
-                    this.$message.error(msg)
-                }
-            },
-
-            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()
-                    }
-
-                })
-            },
-
-            async addRoom () {
-                const regCard = /(^\d{15}$)|(^\d{17}(\d|X)$)/; //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
-                if (this.dataForm.ownerIdCard && 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 (this.dataForm.ownerPhone && regPhone.test(this.dataForm.ownerPhone) === false) {
-                    this.btnDisable = false
-                    this.$message({
-                        type: 'warning',
-                        message: '请输入正确的手机号码'
-                    })
-                    return false;
-                }
-
-                let url = ''
-
-                if (this.formType === 'add') {
-                    url = '/gov/org/house/houseadd'
-                } else {
-                    url = '/gov/org/house/houseupdate'
-                    this.dataForm.houseId = this.houseId
-                }
-
-                const { data, code, msg } = await requestPost(url, this.dataForm)
-                this.btnDisable = false
-                if (code === 0) {
-                    this.$message({
-                        type: 'success',
-                        message: '操作成功'
-                    })
-                    this.resetData()
-                    this.$emit('dialogOk')
-
-                } else {
-
-                    this.$message.error(msg)
-                }
-
-            },
-
-            handleCancle () {
-                this.resetData()
-                this.$emit('dialogCancle')
-
-            },
-
-            resetData () {
-                this.houseId = '' //房屋ID
-                this.houseType = '1'
-                this.purpose = '1'
-                this.rentFlag = 0
-                this.dataForm = {
-                    neighborHoodId: '', // 所属小区ID
-                    buildingId: '',//所属楼栋ID
-                    buildingUnitId: '',//所属单元ID
-                    doorName: '',//门牌号
-                    houseType: '1',//房屋类型【楼房，平房，别墅】
-                    purpose: '1',//房屋用途【住宅，商业，办公，工业，仓储，商住混用，其他】
-                    rentFlag: 0,//是否出租【是：1，否：0】
-                    ownerPhone: '', //房主电话
-                    ownerName: '', //房主名字
-                    ownerIdCard: '', //房主身份证
-                    remark: '' // 备注
-                }
-
-            },
-            // 开启加载动画
-            startLoading () {
-                loading = Loading.service({
-                    lock: true, // 是否锁定
-                    text: '正在加载……', // 加载中需要显示的文字
-                    background: 'rgba(0,0,0,.7)' // 背景颜色
-                })
-            },
-            // 结束加载动画
-            endLoading () {
-                // clearTimeout(timer);
-                if (loading) {
-                    loading.close()
-                }
-            }
-        },
-        computed: {
-            dataRule () {
-                return {
-                    buildingUnitId: [
-                        { required: true, message: '所属单元不能为空', trigger: 'blur' },
-                    ],
-                    doorName: [
-                        { required: true, message: '门牌号不能为空', trigger: 'blur' }
-                    ],
-                    houseType: [
-                        { required: true, message: '房屋类型不能为空', trigger: 'blur' }
-                    ],
-                    purpose: [
-                        { required: true, message: '房屋用途不能为空', trigger: 'blur' }
-                    ],
-                    rentFlag: [
-                        { required: true, message: '是否出租不能为空', trigger: 'blur' }
-                    ],
-                    ownerPhone: [
-                        { required: false }
-                    ],
-                    ownerName: [
-                        { required: false }
-                    ],
-                    ownerIdCard: [
-                        { required: false }
-                    ],
-                    remark: [
-                        { required: false }
-                    ]
-                }
-            },
-
-        },
-        props: {}
+  methods: {
+    async initForm (type, row, agencyObj) {
+
+      this.$refs.ref_form.resetFields();
+      this.agencyObj = agencyObj
+      this.formType = type
+      if (row) {
+
+        this.houseId = row.houseId
+        await this.loadHouseInfo()
+        // this.dataForm = JSON.parse(JSON.stringify(row))
+        // this.houseId = this.dataForm.houseId
+
+        // this.dataForm.buildingUnitId = this.dataForm.unitNumKey
+        // this.dataForm = { ...  this.dataForm }
+        // this.houseType = this.dataForm.houseTypeKey
+        // this.purpose = this.dataForm.purposeKey
+        // this.rentFlag = parseInt(this.dataForm.rentFlagKey)
+
+      } else {
+
+        this.dataForm.neighborHoodId = this.agencyObj.neighborHoodId
+        this.dataForm.buildingId = this.agencyObj.id
+      }
+
+
+      await this.loadUnitList()
+
+    },
+
+    async loadHouseInfo () {
+
+      const url = "/gov/org/ichouse/" + this.houseId
+
+      const { data, code, msg } = await requestGet(url)
+
+      if (code === 0) {
+        // debugger
+        this.dataForm = { ...data }
+
+        this.houseType = this.dataForm.houseType
+        this.purpose = this.dataForm.purpose
+        this.rentFlag = parseInt(this.dataForm.rentFlag)
+
+
+      } else {
+        this.$message.error(msg)
+      }
+
+    },
+
+    //加载单元
+    async loadUnitList () {
+      const url = '/gov/org/building/buildingunitlist'
+
+      let params = {
+        buildingId: this.dataForm.buildingId
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.unitList = data
+      } else {
+        this.$message.error(msg)
+      }
+    },
+
+    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()
+        }
+
+      })
+    },
+
+    async addRoom () {
+      const regCard = /(^\d{15}$)|(^\d{17}(\d|X)$)/; //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
+      if (this.dataForm.ownerIdCard && 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 (this.dataForm.ownerPhone && regPhone.test(this.dataForm.ownerPhone) === false) {
+        this.btnDisable = false
+        this.$message({
+          type: 'warning',
+          message: '请输入正确的手机号码'
+        })
+        return false;
+      }
+
+      let url = ''
+
+      if (this.formType === 'add') {
+        url = '/gov/org/house/houseadd'
+      } else {
+        url = '/gov/org/house/houseupdate'
+        this.dataForm.houseId = this.houseId
+      }
+
+      const { data, code, msg } = await requestPost(url, this.dataForm)
+      this.btnDisable = false
+      if (code === 0) {
+        this.$message({
+          type: 'success',
+          message: '操作成功'
+        })
+        this.resetData()
+        this.$emit('dialogOk')
+
+      } else {
+
+        this.$message.error(msg)
+      }
+
+    },
+
+    handleCancle () {
+      this.resetData()
+      this.$emit('dialogCancle')
+
+    },
+
+    resetData () {
+      this.houseId = '' //房屋ID
+      this.houseType = '1'
+      this.purpose = '1'
+      this.rentFlag = 0
+      this.dataForm = {
+        neighborHoodId: '', // 所属小区ID
+        buildingId: '',//所属楼栋ID
+        buildingUnitId: '',//所属单元ID
+        doorName: '',//门牌号
+        houseType: '1',//房屋类型【楼房，平房，别墅】
+        purpose: '1',//房屋用途【住宅，商业，办公，工业，仓储，商住混用，其他】
+        rentFlag: 0,//是否出租【是：1，否：0】
+        ownerPhone: '', //房主电话
+        ownerName: '', //房主名字
+        ownerIdCard: '', //房主身份证
+        remark: '' // 备注
+      }
+
+    },
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
     }
+  },
+  computed: {
+    dataRule () {
+      return {
+        buildingUnitId: [
+          { required: true, message: '所属单元不能为空', trigger: 'blur' },
+        ],
+        doorName: [
+          { required: true, message: '门牌号不能为空', trigger: 'blur' }
+        ],
+        houseType: [
+          { required: true, message: '房屋类型不能为空', trigger: 'blur' }
+        ],
+        purpose: [
+          { required: true, message: '房屋用途不能为空', trigger: 'blur' }
+        ],
+        rentFlag: [
+          { required: true, message: '是否出租不能为空', trigger: 'blur' }
+        ],
+        ownerPhone: [
+          { required: false }
+        ],
+        ownerName: [
+          { required: false }
+        ],
+        ownerIdCard: [
+          { required: false }
+        ],
+        remark: [
+          { required: false }
+        ]
+      }
+    },
+
+  },
+  props: {}
+}
 </script>
 <style lang="scss" scoped >
-  @import "@/assets/scss/modules/visual/communityManageForm.scss";
+@import "@/assets/scss/modules/visual/communityManageForm.scss";
 </style>
diff --git a/src/views/modules/base/community/roomTable.vue b/src/views/modules/base/community/roomTable.vue
index 04488e517..9231cb35b 100644
--- a/src/views/modules/base/community/roomTable.vue
+++ b/src/views/modules/base/community/roomTable.vue
@@ -188,634 +188,647 @@
 
 <script>
 
-import roomForm from './roomForm'
-
-import { requestPost } from "@/js/dai/request";
-import { mapGetters } from 'vuex'
-import { Loading } from 'element-ui' // 引入Loading服务
-
-let loading // 加载动画
-export default {
-  data () {
-    return {
-      source: 'tree',//来源
-      importRoomLoading: false,
-      total: 0,
-      pageSize: 20,
-      pageNo: 0,
-      sortType: 'asc',//asc：正，desc：倒
-      tableLoading: true,
-
-      // showImportBtn: false,//是否显示操作按钮，根据登录人所属组织判断
-
-      agencyObj: {},//树所选的小区对象
-      ownerName: '',
-      ownerPhone: '',
-      rentFlag: '',
-        purpose: '',
-        remark: '',
-
-      validTableDataNum: 0,//有效的数据数量，即有权限操作的数据数量
-      selection: [],
-      showDeletBtn: false,
-
-      tableData: [],
-
-      //form相关
-      formShow: false,
-      formTitle: '新增房屋',
-
-      rentList: [
-        {
-          value: '1',
-          label: '出租'
-        },
-        {
-          value: '2',
-          label: '闲置'
-        },
-        {
-          value: '0',
-          label: '自住'
-        },
-      ],
+    import roomForm from './roomForm'
 
-      yihuyidangDisabled: false,
+    import { requestPost } from "@/js/dai/request";
+    import { mapGetters } from 'vuex'
+    import { Loading } from 'element-ui' // 引入Loading服务
 
+    let loading // 加载动画
+    export default {
+        data () {
+            return {
+                source: 'tree',//来源
+                importRoomLoading: false,
+                total: 0,
+                pageSize: 20,
+                pageNo: 0,
+                sortType: 'asc',//asc：正，desc：倒
+                tableLoading: true,
 
-    }
-  },
-  components: {
-    roomForm
-  },
-  async mounted () {
-
-  },
-  computed: {
-    tableHeight () {
-      return this.$store.state.inIframe ? this.clientHeight - 310 + this.iframeHeight : this.clientHeight - 310
-
-    },
-
-    ...mapGetters(['clientHeight', 'iframeHeight'])
-  },
-  methods: {
-    indexMethod (index) {
-      return index + 1;
-    },
-    handleSortOrderChange (value) {
-      console.log(value.column, value.prop, value.order)
-      this.sortType = value.order === 'ascending' ? 'asc' : 'desc'
-      this.loadTable()
-
-    },
-    handleSortChange (value) {
-      console.log(value.column, value.prop, value.order)
-      this.sortType = value.order === 'ascending' ? 'asc' : 'desc'
-      this.loadTable()
-
-    },
-
-    handleEditSort (row) {
-      if (!row.isChange) {
-        row.isChange = true
-      }
-
-    },
-
-    async handleChangeSort (row, index) {
-      // row.isChange = false
-      console.log(row.sort)
-      let params = {
-        id: row.houseId,
-        sort: row.sort,
-        type: 'house',
-      }
-
-      let url = '/gov/org/house/update-sort'
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        // this.$message({
-        //   type: 'success',
-        //   message: '修改成功'
-        // })
-
-
-      } else {
-
-        this.$message.error(msg)
-      }
-
-
-    },
-
-    checkSelect (row, index) {
-      let isChecked = false;
-      if (row.showBtn) { // 判断里面是否存在某个参数
-        isChecked = true
-      } else {
-        isChecked = false
-      }
-      return isChecked
-    },
-
-    loadTreeFromSearch () {
-
-    },
-
-    async loadTable (source, treeObj, ownerName, ownerPhone, rentFlag, purpose, remark) {
-
-      this.source = source
-      this.tableLoading = true
-
-      if (source === 'tree') {//来源于tree，查询数据清空
-        this.sortType = 'asc'
-        this.agencyObj = treeObj
-        this.ownerName = null
-        this.ownerPhone = null
-        this.rentFlag = null
-          this.purpose = null
-          this.remark = null
-      } else if (source === 'search') {//来源于查询
-        this.agencyObj = treeObj
-        this.ownerName = ownerName
-        this.ownerPhone = ownerPhone
-        this.rentFlag = rentFlag
-          this.purpose = purpose
-          this.remark = remark
-      }
-
-      // if (fromTree) {
-      //   this.agencyObj = treeObj
-
-      // }
-      let params = {
-        pageSize: this.pageSize,
-        pageNo: this.pageNo,
-        level: this.agencyObj.level,
-        id: this.agencyObj.id,
-        ownerName: this.ownerName,
-        ownerPhone: this.ownerPhone,
-        rentFlag: this.rentFlag,
-        sortType: this.sortType,
-        purpose: this.purpose,
-        remark: this.remark
-      }
-
-      const url = "/gov/org/house/houselist"
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.total = data.total
-        this.validTableDataNum = 0
-        data.list.forEach(item => {
-          item.sort = parseInt(item.sort) || 0;
-          item.sort = item.sort.toFixed(2)
-          item.isChange = false
-          item.houseNameShow = item.neighborHoodName + item.buildingName + item.unitNum + item.doorName
-
-          if (item.agencyId === this.staffAgencyId) {
-            item.showBtn = true
-            this.validTableDataNum++
-          } else {
-            item.showBtn = false
-          }
-
-        });
-        this.tableData = data.list
-      } else {
-        this.$message.error(msg)
-      }
-      this.tableLoading = false
-    },
-
-    diaClose () {
-      this.$refs.ref_form.resetData()
-      this.formShow = false
-    },
-
-    handleDetail (row) {
-      this.formTitle = '房屋详情'
-      this.formShow = true
-      this.$nextTick(() => {
-
-        this.$refs.ref_form.initForm('detail', row, this.agencyObj)
-      })
-    },
-
-    handleAdd () {
-
-      this.formTitle = '新增房屋'
-      this.formShow = true
-      this.$nextTick(() => {
-        console.log(this.agencyObj)
-        this.$refs.ref_form.initForm('add', null, this.agencyObj)
-      })
-    },
-
-    handleEdit (row) {
-      this.formTitle = '修改房屋'
-      this.formShow = true
-      this.$nextTick(() => {
-        this.$refs.ref_form.initForm('edit', row, this.agencyObj)
-      })
-    },
-
-    addFormCancle () {
-      this.formShow = false
-    },
-    addFormOk () {
-      this.formShow = false
-      this.loadTable()
-    },
-
-
-    deleteBatch () {
-      if (this.selection.length > 0) {
-        this.$confirm("确认删除选择的房屋?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        })
-          .then(() => {
-            this.deleteCommunityBatch()
-          })
-          .catch(err => {
-            if (err == "cancel") {
-              // this.$message({
-              //   type: "info",
-              //   message: "已取消删除"
-              // });
-            }
+                // showImportBtn: false,//是否显示操作按钮，根据登录人所属组织判断
+
+                agencyObj: {},//树所选的小区对象
+
+
+                validTableDataNum: 0,//有效的数据数量，即有权限操作的数据数量
+                selection: [],
+                showDeletBtn: false,
+
+                tableData: [],
+
+                //form相关
+                formShow: false,
+                formTitle: '新增房屋',
+
+                rentList: [
+                    {
+                        value: '1',
+                        label: '出租'
+                    },
+                    {
+                        value: '2',
+                        label: '闲置'
+                    },
+                    {
+                        value: '0',
+                        label: '自住'
+                    },
+                ],
+
+                yihuyidangDisabled: false,
 
-          });
-      } else {
-        this.$message.warning('请先选择要删除的房屋')
-      }
-    },
-    selectAll (selection) {
-      this.selection = selection
-
-    },
-    selectionChange (selection) {
-      this.selection = selection
-
-    },
-
-    async handleDelete (row) {
-
-      this.$confirm("确认删除?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      })
-        .then(() => {
-          this.deleteRoom(row)
-        })
-        .catch(err => {
-          if (err == "cancel") {
-            // this.$message({
-            //   type: "info",
-            //   message: "已取消删除"
-            // });
-          }
-
-        });
-
-
-    },
-
-    async deleteCommunityBatch () {
-      let ids = []
-      this.selection.forEach(element => {
-
-        ids.push(element.houseId)
-      });
-
-      const url = "/gov/org/house/delete"
-
-      let params = {
-        type: 'house',
-        ids: ids
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.$message({
-          type: "success",
-          message: "删除成功"
-        });
-        this.$emit('refreshTree')
-        this.loadTable()
-      } else if (code > 8000) {
-        this.$message({
-          showClose: true,
-          message: msg,
-          duration: 0
-        })
-        this.$emit('refreshTree')
-        this.loadTable()
-      } else {
-        this.$message.error(msg)
-      }
-    },
-
-    async deleteRoom (row) {
-      const url = "/gov/org/house/housedel"
-
-      let params = {
-        houseId: row.houseId
-      }
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-        this.$message({
-          type: "success",
-          message: "删除成功"
-        });
-        this.$emit('refreshTree')
-        this.loadTable()
-      } else {
-        this.$message.error(msg)
-      }
-    },
-
-    //导出表格
-    async handleExport () {
-      let title = this.agencyObj.label
-      title = title + '—房屋列表'
-
-      const url = "/gov/org/house/exporthouseinfo"
-      let params = {
-        ownerName: this.ownerName,
-        ownerPhone: this.ownerPhone,
-        rentFlag: this.rentFlag,
-          purpose: this.purpose,
-          remark: this.remark,
-        buildingId: this.agencyObj.id
-      }
-
-      app.ajax.exportFilePost(
-        url,
-        params,
-        (data, rspMsg) => {
-
-          this.download(data, title + '.xls')
+
+            }
         },
-        (rspMsg, data) => {
-          this.$message.error(rspMsg);
-        }
-      );
-
-    },
-
-    // 下载文件
-    download (data, fileName) {
-      if (!data) {
-        return
-      }
-
-      var csvData = new Blob([data])
-
-      if (window.navigator && window.navigator.msSaveOrOpenBlob) {
-        window.navigator.msSaveOrOpenBlob(csvData, fileName);
-      }
-      // for Non-IE (chrome, firefox etc.)
-      else {
-        var a = document.createElement('a');
-        document.body.appendChild(a);
-        a.style = 'display: none';
-        var url = window.URL.createObjectURL(csvData);
-        a.href = url;
-        a.download = fileName;
-        a.click();
-        a.remove();
-        window.URL.revokeObjectURL(url);
-      }
-
-    },
-
-    handleExportModule () {
-      let title = ''
-      title = '房屋模板'
-
-      const url = "/gov/org/house/exporttemplate"
-      let params = {}
-
-      app.ajax.exportFilePost(
-        url,
-        params,
-        (data, rspMsg) => {
-
-          this.download(data, title + '.xls')
+        components: {
+            roomForm
         },
-        (rspMsg, data) => {
-          this.$message.error(rspMsg);
-        }
-      );
-    },
-
-    //导出一户一档
-    handleExportYihuyidang () {
-      this.yihuyidangDisabled = true
-      let title = this.agencyObj.label
-      title = title + '-一户一档'
-      let url = "/gov/org/house/exportHouseUser"
-
-
-      let params = {
-        agencyId: '',
-        gridId: '',
-        ownerName: this.ownerName,
-        ownerPhone: this.ownerPhone,
-        rentFlag: this.rentFlag,
-          purpose: this.purpose,
-          remark: this.remark,
-        buildingId: this.agencyObj.id
-      }
-
-      app.ajax.exportFilePost(
-        url,
-        params,
-        (data, rspMsg) => {
-
-          this.download(data, title + '.xls')
-          this.yihuyidangDisabled = false
+        async mounted () {
+
         },
-        (rspMsg, data) => {
-          this.$message.error(rspMsg);
-          this.yihuyidangDisabled = false
-        }
-      );
-    },
-    // 上传文件之前的钩子
-    beforeUpload (file) {
-      this.files = file;
-
-      const isText = file.type === 'application/vnd.ms-excel'
-      const isTextComputer = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
-
-      if (!isText && !isTextComputer) {
-        this.$message.error('请选择正确格式的文件')
-        return false
-      } else {
-        this.fileName = file.name;
-        return true
-      }
-
-    },
-    // 上传文件个数超过定义的数量
-    handleExceed (files, fileList) {
-      this.$message.warning(`当前限制选择 1 个文件，请删除后继续上传`)
-    },
-
-    async uploadFile () {
-
-
-      if (this.fileName == "") {
-        this.$message.warning('请选择要上传的文件！')
-        return false
-      }
-
-      this.$message({
-        showClose: true,
-        message: '导入中，请到系统管理-导入记录中查看进度',
-        duration: 0
-      })
-
-      //清空上传列表
-      this.$refs['upload'].clearFiles()
-
-      var url = '/gov/org/house/houseimport'
-
-      let fileFormData = new FormData();
-      fileFormData.append('file', this.files);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
-      fileFormData.append('orgId', this.agencyObj.id);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
-      fileFormData.append('orgType', this.agencyObj.level);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
-
-      this.importRoomLoading = true
-      window.app.ajax.post2(url, fileFormData,
-        (data, rspMsg) => {
-
-          if (data.code === 0 && data.msg == 'success') {
-            // this.$message.success('导入成功')
-          } else {
-            // this.$message({
-            //   showClose: true,
-            //   message: rspMsg,
-            //   duration: 0,
-            //   type: "error"
-            // })
-            // this.$message.error(rspMsg)
-          }
-          this.$emit('refreshTree')
-          this.loadTable()
-          this.importRoomLoading = false
+        computed: {
+            tableHeight () {
+                return this.$store.state.inIframe ? this.clientHeight - 310 + this.iframeHeight : this.clientHeight - 310
+
+            },
+
+            ...mapGetters(['clientHeight', 'iframeHeight'])
         },
-        (rspMsg, data) => {
-          this.importRoomLoading = false
-        }, { headers: { 'Content-Type': 'multipart/form-data' } })
+        methods: {
+            indexMethod (index) {
+                return index + 1;
+            },
+            handleSortOrderChange (value) {
+
+                this.sortType = value.order === 'ascending' ? 'asc' : 'desc'
+                this.loadTable()
+
+            },
+            handleSortChange (value) {
+
+                this.sortType = value.order === 'ascending' ? 'asc' : 'desc'
+                this.loadTable()
 
+            },
 
-    },
+            handleEditSort (row) {
+                if (!row.isChange) {
+                    row.isChange = true
+                }
 
-    showMessage (msg) {
-      this.$alert(msg, '操作结果', {
-        confirmButtonText: '关闭',
-        callback: action => {
-          this.$emit('refreshTree')
-          this.loadTable()
+            },
 
+            async handleChangeSort (row, index) {
+                // row.isChange = false
+
+                let params = {
+                    id: row.houseId,
+                    sort: row.sort,
+                    type: 'house',
+                }
+
+                let url = '/gov/org/house/update-sort'
+
+                const { data, code, msg } = await requestPost(url, params)
+
+                if (code === 0) {
+                    // this.$message({
+                    //   type: 'success',
+                    //   message: '修改成功'
+                    // })
+
+
+                } else {
+
+                    this.$message.error(msg)
+                }
+
+
+            },
+
+            checkSelect (row, index) {
+                let isChecked = false;
+                if (row.showBtn) { // 判断里面是否存在某个参数
+                    isChecked = true
+                } else {
+                    isChecked = false
+                }
+                return isChecked
+            },
+
+            loadTreeFromSearch () {
+
+            },
+
+            async loadTable (source, treeObj) {
+
+                this.source = source
+                this.tableLoading = true
+
+                if (source === 'tree') {//来源于tree，查询数据清空
+                    this.sortType = 'asc'
+                    this.agencyObj = treeObj
+
+                } else if (source === 'search') {//来源于查询
+                    this.agencyObj = treeObj
+
+                }
+
+                // if (fromTree) {
+                //   this.agencyObj = treeObj
+
+                // }
+                let params = {
+                    pageSize: this.pageSize,
+                    pageNo: this.pageNo,
+                    level: this.agencyObj.level,
+                    id: this.agencyObj.id,
+                    ownerName: this.ownerName,
+                    ownerPhone: this.ownerPhone,
+                    rentFlag: this.rentFlag,
+                    purpose: this.purpose,
+                    remark: this.remark,
+                    sortType: this.sortType,
+                }
+
+                const url = "/gov/org/house/houselist"
+
+                const { data, code, msg } = await requestPost(url, params)
+
+                if (code === 0) {
+                    this.total = data.total
+                    this.validTableDataNum = 0
+                    data.list.forEach(item => {
+                        item.sort = parseInt(item.sort) || 0;
+                        item.sort = item.sort.toFixed(2)
+                        item.isChange = false
+                        item.houseNameShow = item.neighborHoodName + item.buildingName + item.unitNum + item.doorName
+
+                        if (item.agencyId === this.staffAgencyId) {
+                            item.showBtn = true
+                            this.validTableDataNum++
+                        } else {
+                            item.showBtn = false
+                        }
+
+                    });
+                    this.tableData = data.list
+                } else {
+                    this.$message.error(msg)
+                }
+                this.tableLoading = false
+            },
+
+            diaClose () {
+                this.$refs.ref_form.resetData()
+                this.formShow = false
+            },
+
+            handleDetail (row) {
+                this.formTitle = '房屋详情'
+                this.formShow = true
+                this.$nextTick(() => {
+
+                    this.$refs.ref_form.initForm('detail', row, this.agencyObj)
+                })
+            },
+
+            handleAdd () {
+
+                this.formTitle = '新增房屋'
+                this.formShow = true
+                this.$nextTick(() => {
+
+                    this.$refs.ref_form.initForm('add', null, this.agencyObj)
+                })
+            },
+
+            handleEdit (row) {
+                this.formTitle = '修改房屋'
+                this.formShow = true
+                this.$nextTick(() => {
+                    this.$refs.ref_form.initForm('edit', row, this.agencyObj)
+                })
+            },
+
+            addFormCancle () {
+                this.formShow = false
+            },
+            addFormOk () {
+                this.formShow = false
+                this.loadTable()
+            },
+
+
+            deleteBatch () {
+                if (this.selection.length > 0) {
+                    this.$confirm("确认删除选择的房屋?", "提示", {
+                        confirmButtonText: "确定",
+                        cancelButtonText: "取消",
+                        type: "warning"
+                    })
+                        .then(() => {
+                            this.deleteCommunityBatch()
+                        })
+                        .catch(err => {
+                            if (err == "cancel") {
+                                // this.$message({
+                                //   type: "info",
+                                //   message: "已取消删除"
+                                // });
+                            }
+
+                        });
+                } else {
+                    this.$message.warning('请先选择要删除的房屋')
+                }
+            },
+            selectAll (selection) {
+                this.selection = selection
+
+            },
+            selectionChange (selection) {
+                this.selection = selection
+
+            },
+
+            async handleDelete (row) {
+
+                this.$confirm("确认删除?", "提示", {
+                    confirmButtonText: "确定",
+                    cancelButtonText: "取消",
+                    type: "warning"
+                })
+                    .then(() => {
+                        this.deleteRoom(row)
+                    })
+                    .catch(err => {
+                        if (err == "cancel") {
+                            // this.$message({
+                            //   type: "info",
+                            //   message: "已取消删除"
+                            // });
+                        }
+
+                    });
+
+
+            },
+
+            async deleteCommunityBatch () {
+                let ids = []
+                this.selection.forEach(element => {
+
+                    ids.push(element.houseId)
+                });
+
+                const url = "/gov/org/house/delete"
+
+                let params = {
+                    type: 'house',
+                    ids: ids
+                }
+
+                const { data, code, msg } = await requestPost(url, params)
+
+                if (code === 0) {
+                    this.$message({
+                        type: "success",
+                        message: "删除成功"
+                    });
+                    this.$emit('refreshTree')
+                    this.loadTable()
+                } else if (code > 8000) {
+                    this.$message({
+                        showClose: true,
+                        message: msg,
+                        duration: 0
+                    })
+                    this.$emit('refreshTree')
+                    this.loadTable()
+                } else {
+                    this.$message.error(msg)
+                }
+            },
+
+            async deleteRoom (row) {
+                const url = "/gov/org/house/housedel"
+
+                let params = {
+                    houseId: row.houseId
+                }
+
+                const { data, code, msg } = await requestPost(url, params)
+
+                if (code === 0) {
+                    this.$message({
+                        type: "success",
+                        message: "删除成功"
+                    });
+                    this.$emit('refreshTree')
+                    this.loadTable()
+                } else {
+                    this.$message.error(msg)
+                }
+            },
+
+            //导出表格
+            async handleExport () {
+                let title = this.agencyObj.label
+                title = title + '—房屋列表'
+
+                const url = "/gov/org/house/exporthouseinfo"
+                let params = {
+                    ownerName: this.ownerName,
+                    ownerPhone: this.ownerPhone,
+                    rentFlag: this.rentFlag,
+                    purpose: this.purpose,
+                    remark: this.remark,
+                    buildingId: this.agencyObj.id
+                }
+
+                app.ajax.exportFilePost(
+                    url,
+                    params,
+                    (data, rspMsg) => {
+
+                        this.download(data, title + '.xls')
+                    },
+                    (rspMsg, data) => {
+                        this.$message.error(rspMsg);
+                    }
+                );
+
+            },
+
+            // 下载文件
+            download (data, fileName) {
+                if (!data) {
+                    return
+                }
+
+                var csvData = new Blob([data])
+
+                if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+                    window.navigator.msSaveOrOpenBlob(csvData, fileName);
+                }
+                // for Non-IE (chrome, firefox etc.)
+                else {
+                    var a = document.createElement('a');
+                    document.body.appendChild(a);
+                    a.style = 'display: none';
+                    var url = window.URL.createObjectURL(csvData);
+                    a.href = url;
+                    a.download = fileName;
+                    a.click();
+                    a.remove();
+                    window.URL.revokeObjectURL(url);
+                }
+
+            },
+
+            handleExportModule () {
+                let title = ''
+                title = '房屋模板'
+
+                const url = "/gov/org/house/exporttemplate"
+                let params = {}
+
+                app.ajax.exportFilePost(
+                    url,
+                    params,
+                    (data, rspMsg) => {
+
+                        this.download(data, title + '.xls')
+                    },
+                    (rspMsg, data) => {
+                        this.$message.error(rspMsg);
+                    }
+                );
+            },
+
+            //导出一户一档
+            handleExportYihuyidang () {
+                this.yihuyidangDisabled = true
+                let title = this.agencyObj.label
+                title = title + '-一户一档'
+                let url = "/gov/org/house/exportHouseUser"
+
+
+
+                let params = {
+                    agencyId: '',
+                    gridId: '',
+                    ownerName: this.ownerName,
+                    ownerPhone: this.ownerPhone,
+                    purpose: this.purpose,
+                    remark: this.remark,
+                    rentFlag: this.rentFlag,
+                    buildingId: '',
+                    neighborHoodId: ''
+                }
+
+                if (this.agencyObj.level === 'grid') {
+                    params.gridId = this.agencyObj.id
+                    params.agencyId = ''
+                    params.buildingId = ''
+                    params.neighborHoodId = ''
+                } else if (this.agencyObj.level === 'neighborHood') {
+                    params.neighborHoodId = this.agencyObj.id
+                    params.agencyId = ''
+                    params.buildingId = ''
+                    params.gridId = ''
+                } else if (this.agencyObj.level === 'building') {
+                    params.buildingId = this.agencyObj.id
+                    params.agencyId = ''
+                    params.neighborHoodId = ''
+                    params.gridId = ''
+                } else {
+
+                    params.agencyId = this.agencyObj.id
+                    params.buildingId = ''
+                    params.neighborHoodId = ''
+                    params.gridId = ''
+                }
+
+                app.ajax.exportFilePost(
+                    url,
+                    params,
+                    (data, rspMsg) => {
+
+                        this.download(data, title + '.xls')
+                        this.yihuyidangDisabled = false
+                    },
+                    (rspMsg, data) => {
+                        this.$message.error(rspMsg);
+                        this.yihuyidangDisabled = false
+                    }
+                );
+            },
+            // 上传文件之前的钩子
+            beforeUpload (file) {
+                this.files = file;
+
+                const isText = file.type === 'application/vnd.ms-excel'
+                const isTextComputer = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+
+                if (!isText && !isTextComputer) {
+                    this.$message.error('请选择正确格式的文件')
+                    return false
+                } else {
+                    this.fileName = file.name;
+                    return true
+                }
+
+            },
+            // 上传文件个数超过定义的数量
+            handleExceed (files, fileList) {
+                this.$message.warning(`当前限制选择 1 个文件，请删除后继续上传`)
+            },
+
+            async uploadFile () {
+
+
+                if (this.fileName == "") {
+                    this.$message.warning('请选择要上传的文件！')
+                    return false
+                }
+
+                this.$message({
+                    showClose: true,
+                    message: '导入中，请到系统管理-导入记录中查看进度',
+                    duration: 0
+                })
+
+                //清空上传列表
+                this.$refs['upload'].clearFiles()
+
+                var url = '/gov/org/house/houseimport'
+
+                let fileFormData = new FormData();
+                fileFormData.append('file', this.files);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
+                fileFormData.append('orgId', this.agencyObj.id);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
+                fileFormData.append('orgType', this.agencyObj.level);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
+
+                this.importRoomLoading = true
+                window.app.ajax.post2(url, fileFormData,
+                    (data, rspMsg) => {
+
+                        if (data.code === 0 && data.msg == 'success') {
+                            // this.$message.success('导入成功')
+                        } else {
+                            // this.$message({
+                            //   showClose: true,
+                            //   message: rspMsg,
+                            //   duration: 0,
+                            //   type: "error"
+                            // })
+                            // this.$message.error(rspMsg)
+                        }
+                        this.$emit('refreshTree')
+                        this.loadTable()
+                        this.importRoomLoading = false
+                    },
+                    (rspMsg, data) => {
+                        this.importRoomLoading = false
+                    }, { headers: { 'Content-Type': 'multipart/form-data' } })
+
+
+            },
+
+            showMessage (msg) {
+                this.$alert(msg, '操作结果', {
+                    confirmButtonText: '关闭',
+                    callback: action => {
+                        this.$emit('refreshTree')
+                        this.loadTable()
+
+                    }
+                });
+            },
+
+            handleSizeChange (val) {
+                this.pageSize = val
+                this.pageNo = 1
+                this.loadTable()
+            },
+            handleCurrentChange (val) {
+                this.pageNo = val
+                this.loadTable()
+            },
+
+            // 开启加载动画
+            startLoading () {
+                loading = Loading.service({
+                    lock: true, // 是否锁定
+                    text: '正在加载……', // 加载中需要显示的文字
+                    background: 'rgba(0,0,0,.7)' // 背景颜色
+                })
+            },
+            // 结束加载动画
+            endLoading () {
+                // clearTimeout(timer);
+                if (loading) {
+                    loading.close()
+                }
+            }
+        },
+        watch: {
+            selection (val) {
+
+                if (val.length > 0) {
+                    this.showDeletBtn = true
+                } else {
+                    this.showDeletBtn = false
+                }
+            }
+        },
+        props: {
+            staffAgencyId: {
+                type: String,
+                default: '',
+            },
+            showImportBtn: {
+                type: Boolean,
+                default: false,
+            },
+            ownerName: {
+                type: String,
+                default: '',
+            },
+            ownerPhone: {
+                type: String,
+                default: '',
+            },
+            rentFlag: {
+                type: String,
+                default: '',
+            },
+            purpose: {
+                type: String,
+                default: '',
+            },
+            remark: {
+                type: String,
+                default: '',
+            },
         }
-      });
-    },
-
-    handleSizeChange (val) {
-      this.pageSize = val
-      this.pageNo = 1
-      this.loadTable()
-    },
-    handleCurrentChange (val) {
-      this.pageNo = val
-      this.loadTable()
-    },
-
-    // 开启加载动画
-    startLoading () {
-      loading = Loading.service({
-        lock: true, // 是否锁定
-        text: '正在加载……', // 加载中需要显示的文字
-        background: 'rgba(0,0,0,.7)' // 背景颜色
-      })
-    },
-    // 结束加载动画
-    endLoading () {
-      // clearTimeout(timer);
-      if (loading) {
-        loading.close()
-      }
-    }
-  },
-  watch: {
-    selection (val) {
-
-      if (val.length > 0) {
-        this.showDeletBtn = true
-      } else {
-        this.showDeletBtn = false
-      }
     }
-  },
-  props: {
-    staffAgencyId: {
-      type: String,
-      default: '',
-    },
-    showImportBtn: {
-      type: Boolean,
-      default: false,
-    },
-    ownerName: {
-      type: String,
-      default: '',
-    },
-    ownerPhone: {
-      type: String,
-      default: '',
-    },
-    rentFlag: {
-      type: String,
-      default: '',
-    },
-      purpose: {
-          type: String,
-          default: '',
-      },
-      remark: {
-          type: String,
-          default: '',
-      }
-  }
-}
 </script>
 <style lang="scss" scoped >
-@import "@/assets/scss/modules/visual/communityManage.scss";
-
-.item_width_4 {
-  width: 120px;
-}
-
-/deep/.el-input-number--medium .el-input-number__decrease,
-/deep/.el-input-number--medium .el-input-number__increase {
-  width: 26px;
-}
-/deep/.el-input-number--medium .el-input__inner {
-  padding-left: 0px;
-  padding-right: 0px;
-}
+  @import "@/assets/scss/modules/visual/communityManage.scss";
+
+  .item_width_4 {
+    width: 120px;
+  }
+
+  /deep/.el-input-number--medium .el-input-number__decrease,
+  /deep/.el-input-number--medium .el-input-number__increase {
+    width: 26px;
+  }
+  /deep/.el-input-number--medium .el-input__inner {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
 </style>