From dbfa30ca282f371afca0f13661dde8dec10fd4c1 Mon Sep 17 00:00:00 2001
From: wanggongfeng <1305282856@qq.com>
Date: Wed, 25 May 2022 16:40:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=BF=E5=B1=8B=E7=AE=A1=E7=90=86=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E6=9F=A5=E8=AF=A2=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/base/community/community.vue      |  724 +++++-----
 src/views/modules/base/community/roomForm.vue |  507 +++----
 .../modules/base/community/roomTable.vue      | 1192 +++++++++--------
 3 files changed, 1246 insertions(+), 1177 deletions(-)

diff --git a/src/views/modules/base/community/community.vue b/src/views/modules/base/community/community.vue
index 7ba9c649..fe7977bd 100644
--- a/src/views/modules/base/community/community.vue
+++ b/src/views/modules/base/community/community.vue
@@ -75,6 +75,31 @@
 
           </div>
         </div>
+
+        <div class="resi-cell">
+          <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-option>
+            </el-select>
+
+          </div>
+        </div>
+
+        <div class="resi-cell">
+          <div class="resi-cell-label">备注</div>
+          <div class="resi-cell-value">
+
+            <el-input v-model="remark"
+                      size="small"
+                      clearable
+                      placeholder="请输入备注">
+            </el-input>
+
+          </div>
+        </div>
         <el-button style="margin-left:10px"
                    class="diy-button--search"
                    size="small"
@@ -122,376 +147,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: '闲置'
+    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: '其他' }
+                ]
+            }
         },
-        {
-          value: '0',
-          label: '自住'
+        components: {
+            CDialog
         },
-      ],
-      ownerName: '',
-      ownerPhone: '',
-      rentFlag: '',
-      showRoomTable: false,
-      selObj: {},
-    }
-  },
-  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
-
-  },
-  computed: {
-    rowHeight () {
-
-      return this.$store.state.inIframe ? this.clientHeight - 140 + this.iframeHeight + 'px' : this.clientHeight - 140 + 'px'
+        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
 
-    },
-    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.showRoomTable = true
-
-        this.$nextTick(() => {
-          this.$refs['ref_buildingTable'].loadTable('search', this.selTreeObj)
-        })
-      } else {
-        this.$message.warning('请输入查询条件')
-      }
-
-
-    },
+        },
+        computed: {
+            rowHeight () {
 
-    //重置搜索条件
-    resetSearch () {
-      this.ownerName = ''
-      this.ownerPhone = ''
-      this.rentFlag = ''
+                return this.$store.state.inIframe ? this.clientHeight - 140 + this.iframeHeight + 'px' : this.clientHeight - 140 + 'px'
 
-      this.pageSize = 10
-      this.pageNo = 1
-      this.handleNodeClick(this.selObj)
-      // this.loadTable()
-    },
+            },
+            treeHeight () {
+                return this.$store.state.inIframe ? this.clientHeight - 200 + this.iframeHeight + 'px' : this.clientHeight - 200 + 'px'
 
-    async loadOpenNode () {
-      const url = "/gov/org/building/tree-ids"
-      let params = {}
+            },
 
-      const { data, code, msg } = await requestPost(url, params)
+            ...mapGetters(['clientHeight', 'iframeHeight'])
+        },
+        methods: {
 
-      if (code === 0) {
-        this.openNodes = data
+            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('请输入查询条件')
+                }
 
-      } 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) {
+            //重置搜索条件
+            resetSearch () {
+                this.ownerName = ''
+                this.ownerPhone = ''
+                this.rentFlag = ''
+                this.purpose = ''
+                this.remark = ''
+
+                this.pageSize = 10
+                this.pageNo = 1
+                this.handleNodeClick(this.selObj)
+                // this.loadTable()
+            },
 
-        this.treeData = data
-        if (!isRefresh && data.length > 0) {
+            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
 
-          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 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
         }
+    }
+</script>
+<style lang="scss" scoped >
+  .div_main {
+    display: flex;
+  }
+  .scrollar {
+    margin-top: 10px;
+  }
 
-      } 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.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)
+  .div_tree {
+    flex: 0 0 280px;
+    background-color: #ffffff;
+    border-radius: 5px;
+    padding: 10px;
+    overflow-y: hidden;
+  }
+  .filter_tree {
+    overflow-x: auto;
+  }
 
-        } 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
-        }
+  .div_table {
+    margin-left: 15px;
+    // flex: 1;
+    width: calc(100% - 300px);
+    background-color: #ffffff;
+    border-radius: 5px;
+    padding: 10px;
+  }
 
-      } 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
-        }
+  .div_btn {
+    margin-top: 20px;
+  }
 
-      } 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
+  .row {
+    padding: 10px;
   }
-}
-</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 {
-  padding: 0px;
-} */
-
-.el-tree-node:focus > .el-tree-node__content {
-  /* background-color: #ccc !important; */
-  color: #2195fe;
-}
+  /* .aui-content > .el-tabs > .el-tabs__content {
+    padding: 0px;
+  } */
+
+  .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 aaf8d1a5..0c1f7341 100644
--- a/src/views/modules/base/community/roomForm.vue
+++ b/src/views/modules/base/community/roomForm.vue
@@ -110,6 +110,16 @@
                     v-model="dataForm.ownerIdCard">
           </el-input>
         </el-form-item>
+        <el-form-item label="备注"
+                      prop="remark"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_1"
+                    maxlength="30"
+                    placeholder="请输入备注"
+                    v-model="dataForm.remark">
+          </el-input>
+        </el-form-item>
       </el-form>
 
     </div>
@@ -126,255 +136,260 @@
 </template>
 
 <script>
-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: '' //房主身份证	
-      },
-
-      keyWords: '',
-      agencyObj: {},
+    import { mapGetters } from 'vuex'
+    import { Loading } from 'element-ui' // 引入Loading服务
+    import { requestPost, requestGet } from '@/js/dai/request'
 
-    }
-  },
-  components: {},
-  mounted () {
 
-  },
+    let loading // 加载动画
+    export default {
+        data () {
+            return {
+                formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
+                btnDisable: false,
+                unitList: [],
 
-  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: '' //房主身份证	
-      }
-
-    },
-    // 开启加载动画
-    startLoading () {
-      loading = Loading.service({
-        lock: true, // 是否锁定
-        text: '正在加载……', // 加载中需要显示的文字
-        background: 'rgba(0,0,0,.7)' // 背景颜色
-      })
-    },
-    // 结束加载动画
-    endLoading () {
-      // clearTimeout(timer);
-      if (loading) {
-        loading.close()
-      }
+                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: {}
     }
-  },
-  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 }
-        ],
-      }
-    },
-
-  },
-  props: {}
-}
 </script>
 <style lang="scss" scoped >
-@import "@/assets/scss/modules/visual/communityManageForm.scss";
-</style>
\ No newline at end of file
+  @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 a866b6f3..9231cb35 100644
--- a/src/views/modules/base/community/roomTable.vue
+++ b/src/views/modules/base/community/roomTable.vue
@@ -188,633 +188,647 @@
 
 <script>
 
-import roomForm from './roomForm'
+    import roomForm from './roomForm'
 
-import { requestPost } from "@/js/dai/request";
-import { mapGetters } from 'vuex'
-import { Loading } from 'element-ui' // 引入Loading服务
+    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,
+    let loading // 加载动画
+    export default {
+        data () {
+            return {
+                source: 'tree',//来源
+                importRoomLoading: false,
+                total: 0,
+                pageSize: 20,
+                pageNo: 0,
+                sortType: 'asc',//asc：正，desc：倒
+                tableLoading: true,
 
-      // showImportBtn: false,//是否显示操作按钮，根据登录人所属组织判断
+                // showImportBtn: false,//是否显示操作按钮，根据登录人所属组织判断
 
-      agencyObj: {},//树所选的小区对象
+                agencyObj: {},//树所选的小区对象
 
 
-      validTableDataNum: 0,//有效的数据数量，即有权限操作的数据数量
-      selection: [],
-      showDeletBtn: false,
+                validTableDataNum: 0,//有效的数据数量，即有权限操作的数据数量
+                selection: [],
+                showDeletBtn: false,
 
-      tableData: [],
+                tableData: [],
 
-      //form相关
-      formShow: false,
-      formTitle: '新增房屋',
+                //form相关
+                formShow: false,
+                formTitle: '新增房屋',
 
-      rentList: [
-        {
-          value: '1',
-          label: '出租'
-        },
-        {
-          value: '2',
-          label: '闲置'
-        },
-        {
-          value: '0',
-          label: '自住'
-        },
-      ],
+                rentList: [
+                    {
+                        value: '1',
+                        label: '出租'
+                    },
+                    {
+                        value: '2',
+                        label: '闲置'
+                    },
+                    {
+                        value: '0',
+                        label: '自住'
+                    },
+                ],
 
-      yihuyidangDisabled: false,
+                yihuyidangDisabled: false,
 
 
-    }
-  },
-  components: {
-    roomForm
-  },
-  async mounted () {
+            }
+        },
+        components: {
+            roomForm
+        },
+        async mounted () {
 
-  },
-  computed: {
-    tableHeight () {
-      return this.$store.state.inIframe ? this.clientHeight - 310 + this.iframeHeight : this.clientHeight - 310
+        },
+        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) {
+            ...mapGetters(['clientHeight', 'iframeHeight'])
+        },
+        methods: {
+            indexMethod (index) {
+                return index + 1;
+            },
+            handleSortOrderChange (value) {
 
-      this.sortType = value.order === 'ascending' ? 'asc' : 'desc'
-      this.loadTable()
+                this.sortType = value.order === 'ascending' ? 'asc' : 'desc'
+                this.loadTable()
 
-    },
-    handleSortChange (value) {
+            },
+            handleSortChange (value) {
 
-      this.sortType = value.order === 'ascending' ? 'asc' : 'desc'
-      this.loadTable()
+                this.sortType = value.order === 'ascending' ? 'asc' : 'desc'
+                this.loadTable()
 
-    },
+            },
 
-    handleEditSort (row) {
-      if (!row.isChange) {
-        row.isChange = true
-      }
+            handleEditSort (row) {
+                if (!row.isChange) {
+                    row.isChange = true
+                }
 
-    },
+            },
 
-    async handleChangeSort (row, index) {
-      // row.isChange = false
+            async handleChangeSort (row, index) {
+                // row.isChange = false
 
-      let params = {
-        id: row.houseId,
-        sort: row.sort,
-        type: 'house',
-      }
+                let params = {
+                    id: row.houseId,
+                    sort: row.sort,
+                    type: 'house',
+                }
 
-      let url = '/gov/org/house/update-sort'
+                let url = '/gov/org/house/update-sort'
 
-      const { data, code, msg } = await requestPost(url, params)
+                const { data, code, msg } = await requestPost(url, params)
 
-      if (code === 0) {
-        // this.$message({
-        //   type: 'success',
-        //   message: '修改成功'
-        // })
+                if (code === 0) {
+                    // this.$message({
+                    //   type: 'success',
+                    //   message: '修改成功'
+                    // })
 
 
-      } else {
+                } else {
 
-        this.$message.error(msg)
-      }
+                    this.$message.error(msg)
+                }
 
 
-    },
+            },
 
-    checkSelect (row, index) {
-      let isChecked = false;
-      if (row.showBtn) { // 判断里面是否存在某个参数
-        isChecked = true
-      } else {
-        isChecked = false
-      }
-      return isChecked
-    },
-
-    loadTreeFromSearch () {
+            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,
-        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: "已取消删除"
-              // });
+            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()
+                }
             }
-
-          });
-      } 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,
-        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,
-        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
+        watch: {
+            selection (val) {
+
+                if (val.length > 0) {
+                    this.showDeletBtn = true
+                } else {
+                    this.showDeletBtn = 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()
-
+        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: '',
-    },
-  }
-}
 </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>