From 978f90d5a93f9fabeabfe9aefd2e13efddc42d80 Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Wed, 21 Sep 2022 09:35:20 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=BF=E5=B1=8B=E7=AE=A1=E7=90=86=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/base/community/buildDetail.vue    | 315 +++++++++++++
 .../modules/base/community/buildTable.vue     |  49 +-
 .../base/community/communityDetail.vue        | 298 ++++++++++++
 .../modules/base/community/communityTable.vue | 121 +++--
 .../modules/base/community/roomDetail.vue     | 261 +++++++++++
 .../modules/base/community/roomTable.vue      | 430 +++++++++---------
 .../modules/workPc/guidance/guidanceList.vue  |   7 +-
 7 files changed, 1208 insertions(+), 273 deletions(-)
 create mode 100644 src/views/modules/base/community/buildDetail.vue
 create mode 100644 src/views/modules/base/community/communityDetail.vue
 create mode 100644 src/views/modules/base/community/roomDetail.vue

diff --git a/src/views/modules/base/community/buildDetail.vue b/src/views/modules/base/community/buildDetail.vue
new file mode 100644
index 000000000..236e3c9ab
--- /dev/null
+++ b/src/views/modules/base/community/buildDetail.vue
@@ -0,0 +1,315 @@
+<template>
+  <div>
+    <div class="dialog-h-content scroll-h">
+
+      <div v-if="initLoading"
+           class="m-row">
+        <div class="m-info">
+          <div class="info-prop">
+            <span class="info-title-2">所属小区：</span>
+            <span>{{ agencyObj.agencyName }}—{{ agencyObj.gridName }}—{{ agencyObj.label }}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">楼栋名称：</span>
+            <span>{{ dataForm.buildingName?dataForm.buildingName:'--' }}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">楼栋编码：</span>
+            <span>{{ dataForm.coding?dataForm.coding:'--'}}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">楼栋类型：</span>
+            <span>{{ dataForm.buildType?dataForm.buildType:'--'}}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">单元数：</span>
+            <span>{{dataForm.totalUnitNum?dataForm.totalUnitNum:0 }}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">层数：</span>
+            <span>{{dataForm.totalFloorNum?dataForm.totalFloorNum:0 }}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">总户数：</span>
+            <span>{{dataForm.totalHouseNum?dataForm.totalHouseNum:0 }}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">人口数：</span>
+            <span>{{dataForm.realPerson?dataForm.realPerson:0 }}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">楼长姓名：</span>
+            <span>{{ dataForm.buildingLeaderName?dataForm.buildingLeaderName:'--' }}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">楼长电话：</span>
+            <span>{{ dataForm.buildingLeaderMobile?dataForm.buildingLeaderMobile:'--' }}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">详细地址：</span>
+            <span>{{ dataForm.coordinatePosition?dataForm.coordinatePosition:'--' }}</span>
+          </div>
+
+          <div v-if="dataForm.coordinatePosition"
+               class="info-prop">
+            <span class="info-title-2">地图位置：</span>
+            <div class="div_map">
+
+              <div id="app_detail"></div>
+
+            </div>
+          </div>
+
+        </div>
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { Loading } from 'element-ui' // 引入Loading服务
+import { requestPost } from '@/js/dai/request'
+var map
+var search
+var markers
+var infoWindowList
+let loading // 加载动画
+export default {
+  data () {
+    return {
+
+      btnDisable: false,
+      initLoading: false,
+
+      dataForm: {
+        agencyId: '', // 所属组织ID
+        agencyName: '',
+        gridId: '', //所属网格ID
+        neighborHoodId: '',//所属小区id
+        buildingName: '',//房屋名称
+        // sort: 0,//排序
+        totalUnitNum: 1,//单元数	
+        totalFloorNum: 0,//层数	
+        totalHouseNum: 0,//总户数	
+        realPerson: 0,
+        buildingLeaderName: '',//楼长姓名
+        buildingLeaderMobile: '',//楼长电话
+        type: '',//房屋类型
+        coordinatePosition: '',
+        sysCoding: '',
+        coding: '',
+        location: '', //坐标位置
+        longitude: '', //经度
+        latitude: '' //纬度
+      },
+
+      agencyObj: {},
+
+    }
+  },
+  components: {},
+  mounted () {
+
+  },
+
+  methods: {
+    diaDestroy () {
+      if (map) {
+        map.destroy()
+      }
+    },
+    async initForm (row, agencyObj) {
+
+      this.dataForm = JSON.parse(JSON.stringify(row))
+      this.agencyObj = agencyObj
+
+      this.initLoading = true
+
+      this.$nextTick(() => {
+        this.initMap()
+      })
+
+
+
+    },
+
+
+    // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
+    initMap () {
+      let { latitude, longitude } = this.$store.state.user;
+      console.log('lat' + latitude + ',lon' + longitude)
+
+      if (this.dataForm.latitude && this.dataForm.longitude) {
+        latitude = this.dataForm.latitude
+        longitude = this.dataForm.longitude
+      }
+      if (!latitude || latitude == "" || latitude == "0") {
+        latitude = 39.9088810666821;
+        longitude = 116.39743841556731;
+      }
+      // 定义地图中心点坐标
+      var center = new window.TMap.LatLng(latitude, longitude);
+      // 定义map变量，调用 TMap.Map() 构造函数创建地图
+      map = new window.TMap.Map(document.getElementById('app_detail'), {
+        center: center, // 设置地图中心点坐标
+        zoom: 17.2, // 设置地图缩放级别
+        pitch: 43.5, // 设置俯仰角
+        rotation: 45 // 设置地图旋转角度
+      })
+
+      search = new window.TMap.service.Search({ pageSize: 10 })
+      // 新建一个地点搜索类
+      markers = new TMap.MultiMarker({
+        map: map,
+        geometries: []
+      })
+      infoWindowList = Array(10)
+
+      // 监听地图平移结束
+      map.on('panend', () => {
+        this.handleMoveCenter()
+      })
+      this.handleMoveCenter()
+    },
+
+    setMarker (lat, lng) {
+      markers.setGeometries([])
+      markers.add([
+        {
+          id: '4',
+          styleId: 'marker',
+          position: new TMap.LatLng(lat, lng),
+          properties: {
+            title: 'marker4'
+          }
+        }
+      ])
+    },
+
+    handleSearchMap () {
+      infoWindowList.forEach((infoWindow) => {
+        infoWindow.close()
+      })
+      infoWindowList.length = 0
+      markers.setGeometries([])
+      // 在地图显示范围内以给定的关键字搜索地点
+      search
+        .searchRectangle({
+          keyword: this.keyWords,
+          bounds: map.getBounds()
+        })
+        .then((result) => {
+          let { data } = result
+          if (Array.isArray(data) && data.length > 0) {
+            const {
+              location: { lat, lng },
+              address
+            } = data[0]
+            map.setCenter(new TMap.LatLng(lat, lng))
+            this.setMarker(lat, lng)
+            this.dataForm.latitude = lat
+            this.dataForm.longitude = lng
+            this.dataForm.coordinatePosition = address
+          } else {
+            this.$message.error('未检索到相关位置坐标')
+          }
+        })
+    },
+
+    handleMoveCenter () {
+      //修改地图中心点
+      const center = map.getCenter()
+      const lat = center.getLat()
+      const lng = center.getLng()
+      this.dataForm.latitude = lat
+      this.dataForm.longitude = lng
+      this.setMarker(lat, lng)
+    },
+    resetData () {
+
+      this.buildType = '1'
+      this.dataForm = {
+        agencyId: '', // 所属组织ID
+        agencyName: '',
+        gridId: '', //所属网格ID
+        neighborHoodId: '',//所属小区id
+        buildingName: '',//房屋名称
+        // sort: 0,//排序
+        totalUnitNum: 1,//单元数	
+        totalFloorNum: 0,//层数	
+        totalHouseNum: 0,//总户数	
+        realPerson: 0,
+        buildingLeaderName: '',//楼长姓名
+        buildingLeaderMobile: '',//楼长电话
+        type: '',//房屋类型
+        location: '', //坐标位置
+        longitude: '', //经度
+        latitude: '', //纬度
+        coding: '',
+        sysCoding: '',
+        coordinatePosition: ''
+      }
+    },
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        buildingName: [
+          { required: true, message: '楼栋名称不能为空', trigger: 'blur' },
+          {
+            min: 1,
+            max: 10,
+            message: '小区名称长度在 1 到 10个字符',
+            trigger: 'blur'
+          }
+        ],
+        type: [
+          { required: true, message: '楼栋类型不能为空', trigger: 'blur' }
+        ],
+        totalUnitNum: [
+          { required: true, message: '单元数不能为空', trigger: 'blur' }
+        ],
+        coding: [
+          { required: true, message: '楼栋编码不能为空', trigger: 'blur' }
+        ]
+        // totalFloorNum: [
+        //   { required: true, message: '层数不能为空', trigger: 'blur' }
+        // ],
+        // totalHouseNum: [
+        //   { required: true, message: '户数不能为空', trigger: 'blur' }
+        // ],
+        // longitude: [
+        //   { required: true, message: '坐标不能为空', trigger: 'blur' }
+        // ],
+      }
+    },
+
+  },
+  props: {}
+}
+</script>
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/management/detail-main.scss";
+</style>
\ No newline at end of file
diff --git a/src/views/modules/base/community/buildTable.vue b/src/views/modules/base/community/buildTable.vue
index 3e41d2ab9..a3f501f8d 100644
--- a/src/views/modules/base/community/buildTable.vue
+++ b/src/views/modules/base/community/buildTable.vue
@@ -57,9 +57,10 @@
                  size="small"
                  :disabled="yihuyidangDisabled"
                  @click="handleExportYihuyidang()">导出一户一档</el-button>
-      <el-button size="small" v-if="displayedBaobiaoBtn"
-              class="diy-button--add"
-              @click="reportForm">智能填报</el-button>
+      <el-button size="small"
+                 v-if="displayedBaobiaoBtn"
+                 class="diy-button--add"
+                 @click="reportForm">智能填报</el-button>
     </div>
 
     <div class="div_table_item">
@@ -196,6 +197,17 @@
                   @dialogCancle="addFormCancle"
                   @dialogOk="addFormOk"></build-form>
     </el-dialog>
+    <!-- 详情弹出框 -->
+    <el-dialog :visible.sync="detailShow"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :title="'楼栋详情'"
+               top="5vh"
+               width="900px"
+               class="dialog-h"
+               @closed="detailFormCancle">
+      <build-detail ref="ref_form_detail"></build-detail>
+    </el-dialog>
 
     <baobiao ref="baobiao" />
   </div>
@@ -204,6 +216,7 @@
 <script>
 
 import BuildForm from './buildForm'
+import BuildDetail from './buildDetail'
 
 import { requestPost } from "@/js/dai/request";
 import { mapGetters } from 'vuex'
@@ -232,6 +245,7 @@ export default {
       //form相关
       formShow: false,
       formTitle: '新增楼栋',
+      detailShow: false,
 
       yihuyidangDisabled: false,
 
@@ -240,12 +254,13 @@ export default {
   },
   components: {
     baobiao,
-    BuildForm
+    BuildForm,
+    BuildDetail
   },
-  async mounted() {
+  async mounted () {
     this.displayedBaobiaoBtn = await this.$refs.baobiao.existsTemplate({
       elseParams: {
-        categoryKeys:['house_info'], categoryKey: 'house_info',
+        categoryKeys: ['house_info'], categoryKey: 'house_info',
       }
     });
   },
@@ -259,7 +274,7 @@ export default {
     ...mapGetters(['clientHeight', 'iframeHeight'])
   },
   methods: {
-    reportForm(){
+    reportForm () {
       let paramMap = {
         pageSize: this.pageSize,
         pageNo: this.pageNo,
@@ -276,7 +291,7 @@ export default {
       };
       this.$refs.baobiao.init({
         elseParams: {
-          categoryKeys:['house_info'], categoryKey: 'house_info', paramMap
+          categoryKeys: ['house_info'], categoryKey: 'house_info', paramMap
         }
       })
     },
@@ -394,14 +409,26 @@ export default {
     },
 
     async handleDetail (row) {
-      this.formTitle = '楼栋详情'
-      this.formShow = true
+      // this.formTitle = '楼栋详情'
+      // this.formShow = true
+      // const _data = await this.detail(row)
+      // this.$nextTick(() => {
+      //   this.$refs.ref_form.initForm('detail', _data, this.agencyObj)
+      // })
+
+      this.detailShow = true
+
       const _data = await this.detail(row)
       this.$nextTick(() => {
-        this.$refs.ref_form.initForm('detail', _data, this.agencyObj)
+        this.$refs.ref_form_detail.initForm(_data, this.agencyObj)
       })
     },
 
+    detailFormCancle () {
+      this.$refs.ref_form_detail.diaDestroy()
+      this.detailShow = false
+    },
+
     handleAdd () {
       this.formTitle = '新增楼栋'
       this.formShow = true
diff --git a/src/views/modules/base/community/communityDetail.vue b/src/views/modules/base/community/communityDetail.vue
new file mode 100644
index 000000000..fbb8ae91e
--- /dev/null
+++ b/src/views/modules/base/community/communityDetail.vue
@@ -0,0 +1,298 @@
+<template>
+  <div>
+    <div class="dialog-h-content scroll-h">
+
+      <div v-if="initLoading"
+           class="m-row">
+        <div class="m-info">
+          <div class="info-prop">
+            <span class="info-title-2">所属组织：</span>
+            <span>{{ dataForm.agencyName }}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">所属网格：</span>
+            <span>{{ dataForm.gridName?dataForm.gridName:'--' }}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">小区名称：</span>
+            <span>{{ dataForm.neighborHoodName}}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">小区编码：</span>
+            <span>{{ dataForm.coding?dataForm.coding:'--'}}</span>
+          </div>
+
+          <div v-if="dataForm.qrcodeUrl"
+               style="display: flex;flex-direction: column;">
+            <img style="margin-left: 70px;width: 200px;"
+                 :src="dataForm.qrcodeUrl">
+            <a style="margin-left: 80px"
+               :href="dataForm.qrcodeUrl"
+               target="_blank">下载</a>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">关联物业：</span>
+            <span>{{ dataForm.propertyName?dataForm.propertyName:'--'}}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">实有楼栋：</span>
+            <span>{{dataForm.realBuilding?dataForm.realBuilding:0 }}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">详细地址：</span>
+            <span>{{ dataForm.address }}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">地图位置：</span>
+            <div class="div_map">
+
+              <div id="app_detail"></div>
+
+            </div>
+          </div>
+
+        </div>
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { Loading } from 'element-ui' // 引入Loading服务
+import { requestPost } from '@/js/dai/request'
+var map
+var search
+var markers
+var infoWindowList
+let loading // 加载动画
+export default {
+  data () {
+    return {
+
+      btnDisable: false,
+      initLoading: false,
+
+      dataForm: {
+        neighborHoodName: '', // 小区名称【不超过50字】
+        agencyId: '', // 所属组织ID
+        agencyName: '',
+        gridId: '', //所属网格ID
+        propertyId: '', //关联物业
+        address: '', //详细地址
+        remark: '', //备注【最大500字】
+        location: '', //坐标位置
+        longitude: '', //经度
+        latitude: '', //纬度
+        realBuilding: 0,
+        coding: '',
+        sysCoding: ''
+      },
+
+
+    }
+  },
+  components: {},
+  mounted () {
+
+  },
+
+  methods: {
+    diaDestroy () {
+      if (map) {
+        map.destroy()
+      }
+    },
+
+    async initForm (row) {
+      this.dataForm = JSON.parse(JSON.stringify(row))
+
+      this.initLoading = true
+
+      this.$nextTick(() => {
+        this.initMap()
+      })
+
+    },
+
+    // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
+    initMap () {
+      // 定义地图中心点坐标
+      let { latitude, longitude } = this.$store.state.user;
+      console.log('lat' + latitude + ',lon' + longitude)
+
+      if (this.dataForm.latitude && this.dataForm.longitude) {
+        latitude = this.dataForm.latitude
+        longitude = this.dataForm.longitude
+      }
+      if (!latitude || latitude == "" || latitude == "0") {
+        latitude = 39.9088810666821;
+        longitude = 116.39743841556731;
+      }
+      // 定义地图中心点坐标
+      var center = new window.TMap.LatLng(latitude, longitude);
+      // 定义map变量，调用 TMap.Map() 构造函数创建地图
+      map = new window.TMap.Map(document.getElementById('app_detail'), {
+        center: center, // 设置地图中心点坐标
+        zoom: 17.2, // 设置地图缩放级别
+        pitch: 43.5, // 设置俯仰角
+        rotation: 45 // 设置地图旋转角度
+      })
+
+      search = new window.TMap.service.Search({ pageSize: 10 })
+      // 新建一个地点搜索类
+      markers = new TMap.MultiMarker({
+        map: map,
+        geometries: []
+      })
+      infoWindowList = Array(10)
+
+      // 监听地图平移结束
+      map.on('panend', () => {
+        this.handleMoveCenter()
+      })
+      this.handleMoveCenter()
+    },
+
+    setMarker (lat, lng) {
+      markers.setGeometries([])
+      markers.add([
+        {
+          id: '4',
+          styleId: 'marker',
+          position: new TMap.LatLng(lat, lng),
+          properties: {
+            title: 'marker4'
+          }
+        }
+      ])
+    },
+
+    handleSearchMap () {
+      infoWindowList.forEach((infoWindow) => {
+        infoWindow.close()
+      })
+      infoWindowList.length = 0
+      markers.setGeometries([])
+      // 在地图显示范围内以给定的关键字搜索地点
+      search
+        .searchRectangle({
+          keyword: this.keyWords,
+          bounds: map.getBounds()
+        })
+        .then((result) => {
+          let { data } = result
+          if (Array.isArray(data) && data.length > 0) {
+            const {
+              location: { lat, lng }
+            } = data[0]
+            map.setCenter(new TMap.LatLng(lat, lng))
+            this.setMarker(lat, lng)
+            this.dataForm.latitude = lat
+            this.dataForm.longitude = lng
+          } else {
+            this.$message.error('未检索到相关位置坐标')
+          }
+        })
+    },
+
+    handleMoveCenter () {
+      //修改地图中心点
+      const center = map.getCenter()
+      const lat = center.getLat()
+      const lng = center.getLng()
+      this.dataForm.latitude = lat
+      this.dataForm.longitude = lng
+      this.setMarker(lat, lng)
+    },
+
+
+
+    resetData () {
+
+      this.dataForm = {
+        neighborHoodName: '', // 小区名称【不超过50字】
+        agencyId: '', // 所属组织ID
+        agencyName: '',
+        gridId: '', //所属网格ID
+        propertyId: '', //关联物业
+        address: '', //详细地址
+        remark: '', //备注【最大500字】
+        location: '', //坐标位置
+        longitude: '', //经度
+        latitude: '', //纬度
+        realBuilding: 0,
+        coding: '',
+        sysCoding: ''
+      }
+
+    },
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        neighborHoodName: [
+          { required: true, message: '小区名称不能为空', trigger: 'blur' },
+          {
+            min: 1,
+            max: 50,
+            message: '小区名称长度在 1 到 50个字符',
+            trigger: 'blur'
+          }
+        ],
+        agencyId: [
+          { required: true, message: '所属组织不能为空', trigger: 'blur' }
+        ],
+        gridId: [
+          { required: true, message: '所属网格不能为空', trigger: 'blur' }
+        ],
+        coding: [
+          { required: true, message: '小区编码不能为空', trigger: 'blur' }
+        ],
+        address: [
+          { required: true, message: '详细地址不能为空', trigger: 'blur' }
+        ],
+        longitude: [
+          { required: true, message: '坐标不能为空', trigger: 'blur' }
+        ]
+      }
+    },
+    propertyRule () {
+      name: [
+        { required: true, message: '物业名称不能为空', trigger: 'blur' }
+        // { min: 1, max: 50, message: '小区名称长度在 1 到 50个字符', trigger: 'blur' }
+      ]
+    }
+  },
+  props: {}
+}
+</script>
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/management/detail-main.scss";
+</style>
+
+
+
diff --git a/src/views/modules/base/community/communityTable.vue b/src/views/modules/base/community/communityTable.vue
index 31a6aed0d..a3ce32ca8 100644
--- a/src/views/modules/base/community/communityTable.vue
+++ b/src/views/modules/base/community/communityTable.vue
@@ -3,17 +3,17 @@
 
     <div class="div_btn">
       <el-button v-if="showYhymInfo"
-                      style=""
-                      class="diy-button--reset"
-                      size="small"
-                      :loading="yhymLoading"
-                      @click="handleYhymInfo">补全一房一码信息</el-button>
+                 style=""
+                 class="diy-button--reset"
+                 size="small"
+                 :loading="yhymLoading"
+                 @click="handleYhymInfo">补全一房一码信息</el-button>
       <el-button v-if="showYhymInfo"
-                      style=""
-                      class="diy-button--export"
-                      size="small"
-                      :loading="xcxmLoading"
-                      @click="createBatchNeiQrUrl">补全小程序小区码</el-button>
+                 style=""
+                 class="diy-button--export"
+                 size="small"
+                 :loading="xcxmLoading"
+                 @click="createBatchNeiQrUrl">补全小程序小区码</el-button>
       <el-button style=""
                  class="diy-button--add"
                  size="small"
@@ -94,9 +94,10 @@
                  :disabled="yihuyidangDisabled"
                  @click="handleExportYihuyidang()">导出一户一档</el-button> -->
 
-      <el-button size="small" v-if="displayedBaobiaoBtn"
-                   class="diy-button--add"
-                   @click="reportForm">智能填报</el-button>
+      <el-button size="small"
+                 v-if="displayedBaobiaoBtn"
+                 class="diy-button--add"
+                 @click="reportForm">智能填报</el-button>
     </div>
 
     <div class="div_table_item">
@@ -183,6 +184,17 @@
       </div>
 
     </div>
+    <!-- 详情弹出框 -->
+    <el-dialog :visible.sync="detailShow"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :title="'小区详情'"
+               width="850px"
+               top="5vh"
+               class="dialog-h"
+               @closed="detailFormCancle">
+      <community-detail ref="ref_form_detail"></community-detail>
+    </el-dialog>
 
     <!-- 修改弹出框 -->
     <el-dialog :visible.sync="formShow"
@@ -198,29 +210,29 @@
                       @dialogOk="addFormOk"></community-form>
     </el-dialog>
 
-    <el-dialog
-        title="导出"
-        :visible.sync="dialogVisible"
-        width="30%"
-        :before-close="handleClose">
-        <div>
-          <el-button class="diy-button--reset"
-                 size="small"
-                 @click="handleExport">导出小区数据</el-button>
-          <el-button class="diy-button--export"
-                 size="small"
-                 :disabled="yihuyidangDisabled"
-                 @click="handleExportYihuyidang()">导出一户一档</el-button>
-          <el-button class="diy-button--qrcode"
-                 size="small"
-                 :disabled="yihuyimaDisabled"
-                 :loading="exportBtn"
-                 @click="handleExportYihuyima()">导出一房一码</el-button>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button @click="dialogVisible = false">取 消</el-button>
-          <!-- <el-button type="primary" @click="dialogVisible = false">确 定</el-button> -->
-        </span>
+    <el-dialog title="导出"
+               :visible.sync="dialogVisible"
+               width="30%"
+               :before-close="handleClose">
+      <div>
+        <el-button class="diy-button--reset"
+                   size="small"
+                   @click="handleExport">导出小区数据</el-button>
+        <el-button class="diy-button--export"
+                   size="small"
+                   :disabled="yihuyidangDisabled"
+                   @click="handleExportYihuyidang()">导出一户一档</el-button>
+        <el-button class="diy-button--qrcode"
+                   size="small"
+                   :disabled="yihuyimaDisabled"
+                   :loading="exportBtn"
+                   @click="handleExportYihuyima()">导出一房一码</el-button>
+      </div>
+      <span slot="footer"
+            class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <!-- <el-button type="primary" @click="dialogVisible = false">确 定</el-button> -->
+      </span>
     </el-dialog>
 
     <baobiao ref="baobiao" />
@@ -230,6 +242,7 @@
 <script>
 
 import CommunityForm from './communityForm'
+import CommunityDetail from './communityDetail'
 
 import { requestPost } from "@/js/dai/request";
 import { mapGetters } from 'vuex'
@@ -267,6 +280,9 @@ export default {
       formShow: false,
       formTitle: '新增小区',
 
+      detailShow: false,
+
+
       files: "",
       fileName: "",
       uploadUlr: window.SITE_CONFIG['apiURL'] + '/gov/org/neighborhood/import',
@@ -274,18 +290,19 @@ export default {
       yihuyimaDisabled: false,
       exportBtn: false,
       dialogVisible: false, // 导出
-      
+
       displayedBaobiaoBtn: false,
     }
   },
   components: {
     baobiao,
-    CommunityForm
+    CommunityForm,
+    CommunityDetail
   },
-  async mounted() {
+  async mounted () {
     this.displayedBaobiaoBtn = await this.$refs.baobiao.existsTemplate({
       elseParams: {
-        categoryKeys:['house_info'], categoryKey: 'house_info',
+        categoryKeys: ['house_info'], categoryKey: 'house_info',
       }
     });
   },
@@ -298,7 +315,7 @@ export default {
     ...mapGetters(['clientHeight', 'iframeHeight'])
   },
   methods: {
-    reportForm(){
+    reportForm () {
       let paramMap = {
         pageSize: this.pageSize,
         pageNo: this.pageNo,
@@ -315,7 +332,7 @@ export default {
       };
       this.$refs.baobiao.init({
         elseParams: {
-          categoryKeys:['house_info'], categoryKey: 'house_info', paramMap
+          categoryKeys: ['house_info'], categoryKey: 'house_info', paramMap
         }
       })
     },
@@ -396,11 +413,18 @@ export default {
     },
 
     async handleDetail (row) {
-      this.formTitle = '小区详情'
-      this.formShow = true
+      // this.formTitle = '小区详情'
+      // this.formShow = true
+      // const _data = await this.detail(row)
+      // this.$nextTick(() => {
+      //   this.$refs.ref_form.initForm('detail', _data, this.agencyObj)
+      // })
+
+      this.detailShow = true
+
       const _data = await this.detail(row)
       this.$nextTick(() => {
-        this.$refs.ref_form.initForm('detail', _data, this.agencyObj)
+        this.$refs.ref_form_detail.initForm(_data)
       })
     },
 
@@ -492,6 +516,11 @@ export default {
 
     addFormCancle () {
       this.formShow = false
+
+    },
+    detailFormCancle () {
+      this.$refs.ref_form_detail.diaDestroy()
+      this.detailShow = false
     },
     addFormOk () {
       this.formShow = false
@@ -664,7 +693,7 @@ export default {
 
     },
 
-    handleClose(done) {
+    handleClose (done) {
       this.dialogVisible = false
     },
 
diff --git a/src/views/modules/base/community/roomDetail.vue b/src/views/modules/base/community/roomDetail.vue
new file mode 100644
index 000000000..fe7d74547
--- /dev/null
+++ b/src/views/modules/base/community/roomDetail.vue
@@ -0,0 +1,261 @@
+<template>
+  <div>
+    <div class="dialog-h-content scroll-h">
+
+      <div v-if="initLoading"
+           class="m-row">
+        <div class="m-info">
+          <div class="info-prop">
+            <span class="info-title-2">所属楼栋：</span>
+            <span>{{ agencyObj.neighborHoodName }}-{{agencyObj.label}}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">单元号：</span>
+            <span>{{ dataForm.unitName?dataForm.unitName:'--' }}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">门牌号：</span>
+            <span>{{ dataForm.doorName}}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">房屋编码：</span>
+            <span>{{ dataForm.coding?dataForm.coding:'--'}}</span>
+          </div>
+          <div v-if="dataForm.houseQrcodeUrl"
+               style="display: flex;flex-direction: column;">
+            <img style="margin-left: 70px;width: 200px;"
+                 :src="dataForm.houseQrcodeUrl">
+            <a style="margin-left: 80px"
+               :href="dataForm.houseQrcodeUrl"
+               target="_blank">下载</a>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">房屋类型：</span>
+            <span>{{dataForm.houseTypeName?dataForm.houseTypeName:'--' }}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">房屋用途：</span>
+            <span>{{dataForm.purposeName?dataForm.purposeName:'--' }}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">房屋状态：</span>
+            <span>{{dataForm.rentName?dataForm.rentName:'--' }}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">房主姓名：</span>
+            <span>{{dataForm.ownerName?dataForm.ownerName:'--' }}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">联系方式：</span>
+            <span>{{dataForm.ownerPhone?dataForm.ownerPhone:'--' }}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">房主身份证：</span>
+            <span>{{dataForm.ownerIdCard?dataForm.ownerIdCard:'--' }}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">备注：</span>
+            <span>{{dataForm.remark?dataForm.remark:'--' }}</span>
+          </div>
+
+        </div>
+      </div>
+
+    </div>
+
+  </div>
+</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,
+      initLoading: 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: '',
+        // realPerson: 0,
+        coding: '',
+        sysCoding: ''
+      },
+
+      keyWords: '',
+      agencyObj: {},
+
+    }
+  },
+  components: {},
+  mounted () {
+
+  },
+
+  methods: {
+
+    diaDestroy () {
+      if (map) {
+        map.destroy()
+      }
+    },
+    async initForm (row, agencyObj) {
+
+
+      //  this.dataForm = JSON.parse(JSON.stringify(row))
+      this.agencyObj = agencyObj
+      this.houseId = row.houseId
+      await this.loadHouseInfo()
+      this.initLoading = true
+
+
+
+
+      // this.$refs.ref_form.resetFields();
+      // this.agencyObj = agencyObj
+      // this.formType = type
+      // console.log('agencyObj-----', agencyObj)
+      // if (row) {
+
+      //   this.houseId = row.houseId
+      //   await this.loadHouseInfo()
+
+
+      // } 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)
+      }
+
+    },
+
+
+    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: '', // 备注
+        coding: '',
+        sysCoding: ''
+      }
+
+    },
+    // 开启加载动画
+    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' }
+        ],
+        coding: [
+          { 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/management/detail-main.scss";
+</style>
diff --git a/src/views/modules/base/community/roomTable.vue b/src/views/modules/base/community/roomTable.vue
index 4dadadb71..cf0d1b125 100644
--- a/src/views/modules/base/community/roomTable.vue
+++ b/src/views/modules/base/community/roomTable.vue
@@ -1,215 +1,202 @@
 <template>
   <div>
     <div class="div_btn">
-      <el-button
-        v-if="agencyObj.level === 'building' || source !== 'search'"
-        style="float: left"
-        class="diy-button--add"
-        size="small"
-        @click="handleAdd"
-        >新增房屋</el-button
-      >
-      <div class="btn_upload" v-if="showImportBtn">
-        <el-button
-          style="float: left"
-          class="diy-button--export"
-          size="small"
-          @click="handleExportModule"
-          >下载房屋模板</el-button
-        >
-        <el-upload
-          ref="upload"
-          :multiple="false"
-          :show-file-list="false"
-          :before-upload="beforeUpload"
-          action=""
-          accept=".xls,.xlsx"
-          :limit="1"
-          :on-exceed="handleExceed"
-          :http-request="uploadFile"
-        >
-          <el-button
-            style="margin-left: 10px"
-            size="small"
-            class="diy-button--delete"
-            >导入房屋数据</el-button
-          >
+      <el-button v-if="agencyObj.level === 'building' || source !== 'search'"
+                 style="float: left"
+                 class="diy-button--add"
+                 size="small"
+                 @click="handleAdd">新增房屋</el-button>
+      <div class="btn_upload"
+           v-if="showImportBtn">
+        <el-button style="float: left"
+                   class="diy-button--export"
+                   size="small"
+                   @click="handleExportModule">下载房屋模板</el-button>
+        <el-upload ref="upload"
+                   :multiple="false"
+                   :show-file-list="false"
+                   :before-upload="beforeUpload"
+                   action=""
+                   accept=".xls,.xlsx"
+                   :limit="1"
+                   :on-exceed="handleExceed"
+                   :http-request="uploadFile">
+          <el-button style="margin-left: 10px"
+                     size="small"
+                     class="diy-button--delete">导入房屋数据</el-button>
         </el-upload>
       </div>
-      <el-button
-        style="float: left; margin-left: 10px"
-        class="diy-button--reset"
-        size="small"
-        @click="handleExport"
-        >导出</el-button
-      >
-      <el-button
-        style="float: left; margin-left: 10px"
-        class="diy-button--more"
-        size="small"
-        @click="deleteBatch"
-        >批量删除</el-button
-      >
-      <el-button
-        style="margin-left: 10px"
-        class="diy-button--export"
-        size="small"
-        :disabled="yihuyidangDisabled"
-        @click="handleExportYihuyidang()"
-        >导出一户一档</el-button
-      >
-      <el-button size="small" class="diy-button--add" v-if="displayedBaobiaoBtn" @click="reportForm"
-        >智能填报</el-button
-      >
+      <el-button style="float: left; margin-left: 10px"
+                 class="diy-button--reset"
+                 size="small"
+                 @click="handleExport">导出</el-button>
+      <el-button style="float: left; margin-left: 10px"
+                 class="diy-button--more"
+                 size="small"
+                 @click="deleteBatch">批量删除</el-button>
+      <el-button style="margin-left: 10px"
+                 class="diy-button--export"
+                 size="small"
+                 :disabled="yihuyidangDisabled"
+                 @click="handleExportYihuyidang()">导出一户一档</el-button>
+      <el-button size="small"
+                 class="diy-button--add"
+                 v-if="displayedBaobiaoBtn"
+                 @click="reportForm">智能填报</el-button>
     </div>
 
     <div class="div_table_item">
-      <el-table
-        ref="ref_table"
-        :data="tableData"
-        :header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }"
-        v-loading="tableLoading"
-        @sort-change="handleSortOrderChange"
-        border
-        :height="tableHeight"
-        style="width: 100%"
-        @select-all="selectAll"
-        @selection-change="selectionChange"
-      >
-        <el-table-column type="selection" :selectable="checkSelect" width="55">
+      <el-table ref="ref_table"
+                :data="tableData"
+                :header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }"
+                v-loading="tableLoading"
+                @sort-change="handleSortOrderChange"
+                border
+                :height="tableHeight"
+                style="width: 100%"
+                @select-all="selectAll"
+                @selection-change="selectionChange">
+        <el-table-column type="selection"
+                         :selectable="checkSelect"
+                         width="55">
         </el-table-column>
-        <el-table-column
-          fixed="left"
-          width="55"
-          type="index"
-          label="序号"
-          :index="indexMethod"
-        >
+        <el-table-column fixed="left"
+                         width="55"
+                         type="index"
+                         label="序号"
+                         :index="indexMethod">
         </el-table-column>
 
-        <el-table-column
-          prop="houseNameShow"
-          label="房屋名称"
-          fixed="left"
-          min-width="160"
-        >
+        <el-table-column prop="houseNameShow"
+                         label="房屋名称"
+                         fixed="left"
+                         min-width="160">
         </el-table-column>
-        <el-table-column
-          prop="neighborHoodName"
-          label="所属小区"
-          min-width="150"
-        >
+        <el-table-column prop="neighborHoodName"
+                         label="所属小区"
+                         min-width="150">
         </el-table-column>
-        <el-table-column prop="buildingName" label="所属楼栋" width="80">
+        <el-table-column prop="buildingName"
+                         label="所属楼栋"
+                         width="80">
         </el-table-column>
-        <el-table-column prop="unitNum" label="单元号" width="70">
+        <el-table-column prop="unitNum"
+                         label="单元号"
+                         width="70">
         </el-table-column>
-        <el-table-column prop="doorName" label="门牌号" width="70">
+        <el-table-column prop="doorName"
+                         label="门牌号"
+                         width="70">
         </el-table-column>
-        <el-table-column prop="houseType" label="类型" width="50">
+        <el-table-column prop="houseType"
+                         label="类型"
+                         width="50">
         </el-table-column>
-        <el-table-column prop="purpose" label="用途" width="50">
+        <el-table-column prop="purpose"
+                         label="用途"
+                         width="50">
         </el-table-column>
-        <el-table-column prop="rentFlag" label="房屋状态" width="80">
+        <el-table-column prop="rentFlag"
+                         label="房屋状态"
+                         width="80">
         </el-table-column>
-        <el-table-column prop="ownerName" label="房主姓名" width="90">
+        <el-table-column prop="ownerName"
+                         label="房主姓名"
+                         width="90">
         </el-table-column>
-        <el-table-column prop="ownerPhone" label="联系方式" width="110">
+        <el-table-column prop="ownerPhone"
+                         label="联系方式"
+                         width="110">
         </el-table-column>
-        <el-table-column prop="ownerIdCard" label="身份证" width="170">
+        <el-table-column prop="ownerIdCard"
+                         label="身份证"
+                         width="170">
         </el-table-column>
-        <el-table-column prop="remark" label="备注" width="170">
+        <el-table-column prop="remark"
+                         label="备注"
+                         width="170">
         </el-table-column>
 
-        <el-table-column
-          prop="sort"
-          sortable="custom"
-          min-width="140"
-          label="排序"
-        >
+        <el-table-column prop="sort"
+                         sortable="custom"
+                         min-width="140"
+                         label="排序">
           <template slot-scope="scope">
             <div @click="handleEditSort(scope.row)">
               <span v-if="!scope.row.isChange">{{ scope.row.sort }}</span>
-              <el-input-number
-                v-else
-                @change="handleChangeSort(scope.row)"
-                v-model="scope.row.sort"
-                class="item_width_4"
-                :precision="2"
-                size="small"
-                :min="0"
-                :max="9999"
-                label="描述文字"
-              ></el-input-number>
+              <el-input-number v-else
+                               @change="handleChangeSort(scope.row)"
+                               v-model="scope.row.sort"
+                               class="item_width_4"
+                               :precision="2"
+                               size="small"
+                               :min="0"
+                               :max="9999"
+                               label="描述文字"></el-input-number>
             </div>
           </template>
         </el-table-column>
-        <el-table-column
-          label="操作"
-          fixed="right"
-          width="140"
-          header-align="center"
-          align="center"
-          class="operate"
-        >
+        <el-table-column label="操作"
+                         fixed="right"
+                         width="140"
+                         header-align="center"
+                         align="center"
+                         class="operate">
           <template slot-scope="scope">
-            <el-button
-              type="text"
-              class="div-table-button--detail"
-              size="small"
-              @click="handleDetail(scope.row)"
-              >查看</el-button
-            >
-            <el-button
-              v-if="scope.row.showBtn"
-              type="text"
-              class="div-table-button--edit"
-              size="small"
-              @click="handleEdit(scope.row)"
-              >修改</el-button
-            >
-
-            <el-button
-              v-if="scope.row.showBtn"
-              type="text"
-              class="div-table-button--delete"
-              size="small"
-              @click="handleDelete(scope.row)"
-              >删除</el-button
-            >
+            <el-button type="text"
+                       class="div-table-button--detail"
+                       size="small"
+                       @click="handleDetail(scope.row)">查看</el-button>
+            <el-button v-if="scope.row.showBtn"
+                       type="text"
+                       class="div-table-button--edit"
+                       size="small"
+                       @click="handleEdit(scope.row)">修改</el-button>
+
+            <el-button v-if="scope.row.showBtn"
+                       type="text"
+                       class="div-table-button--delete"
+                       size="small"
+                       @click="handleDelete(scope.row)">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
       <div>
-        <el-pagination
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :current-page.sync="pageNo"
-          :page-sizes="[20, 50, 100, 200]"
-          :page-size="pageSize"
-          layout="sizes, prev, pager, next, total"
-          :total="total"
-        >
+        <el-pagination @size-change="handleSizeChange"
+                       @current-change="handleCurrentChange"
+                       :current-page.sync="pageNo"
+                       :page-sizes="[20, 50, 100, 200]"
+                       :page-size="pageSize"
+                       layout="sizes, prev, pager, next, total"
+                       :total="total">
         </el-pagination>
       </div>
     </div>
 
     <!-- 修改弹出框 -->
-    <el-dialog
-      :visible.sync="formShow"
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-      :title="formTitle"
-      width="900px"
-      top="5vh"
-      class="dialog-h"
-      @closed="diaClose"
-    >
-      <room-form
-        ref="ref_form"
-        @dialogCancle="addFormCancle"
-        @dialogOk="addFormOk"
-      ></room-form>
+    <el-dialog :visible.sync="formShow"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :title="formTitle"
+               width="900px"
+               top="5vh"
+               class="dialog-h"
+               @closed="diaClose">
+      <room-form ref="ref_form"
+                 @dialogCancle="addFormCancle"
+                 @dialogOk="addFormOk"></room-form>
+    </el-dialog>
+
+    <!-- 详情弹出框 -->
+    <el-dialog :visible.sync="detailShow"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :title="formTitle"
+               width="900px"
+               top="5vh"
+               class="dialog-h"
+               @closed="detailFormCancle">
+      <room-detail ref="ref_form_detail"></room-detail>
     </el-dialog>
 
     <baobiao ref="baobiao" />
@@ -218,6 +205,7 @@
 
 <script>
 import roomForm from "./roomForm";
+import roomDetail from "./roomDetail";
 import { requestPost } from "@/js/dai/request";
 import { mapGetters } from "vuex";
 import { Loading } from "element-ui"; // 引入Loading服务
@@ -225,7 +213,7 @@ import baobiao from "@/views/modules/cpts/baobiao";
 
 let loading; // 加载动画
 export default {
-  data() {
+  data () {
     return {
       source: "tree", //来源
       importRoomLoading: false,
@@ -249,6 +237,7 @@ export default {
       //form相关
       formShow: false,
       formTitle: "新增房屋",
+      detailShow: false,
 
       rentList: [
         {
@@ -273,16 +262,17 @@ export default {
   components: {
     baobiao,
     roomForm,
+    roomDetail
   },
-  async mounted() {
+  async mounted () {
     this.displayedBaobiaoBtn = await this.$refs.baobiao.existsTemplate({
       elseParams: {
-        categoryKeys:['house_info'], categoryKey: 'house_info',
+        categoryKeys: ['house_info'], categoryKey: 'house_info',
       }
     });
   },
   computed: {
-    tableHeight() {
+    tableHeight () {
       return this.$store.state.inIframe
         ? this.clientHeight - 425 + this.iframeHeight
         : this.clientHeight - 425;
@@ -291,7 +281,7 @@ export default {
     ...mapGetters(["clientHeight", "iframeHeight"]),
   },
   methods: {
-    reportForm() {
+    reportForm () {
       let paramMap = {
         pageSize: this.pageSize,
         pageNo: this.pageNo,
@@ -315,25 +305,25 @@ export default {
       });
     },
 
-    indexMethod(index) {
+    indexMethod (index) {
       return index + 1;
     },
-    handleSortOrderChange(value) {
+    handleSortOrderChange (value) {
       this.sortType = value.order === "ascending" ? "asc" : "desc";
       this.loadTable();
     },
-    handleSortChange(value) {
+    handleSortChange (value) {
       this.sortType = value.order === "ascending" ? "asc" : "desc";
       this.loadTable();
     },
 
-    handleEditSort(row) {
+    handleEditSort (row) {
       if (!row.isChange) {
         row.isChange = true;
       }
     },
 
-    async handleChangeSort(row, index) {
+    async handleChangeSort (row, index) {
       // row.isChange = false
 
       let params = {
@@ -356,7 +346,7 @@ export default {
       }
     },
 
-    checkSelect(row, index) {
+    checkSelect (row, index) {
       let isChecked = false;
       if (row.showBtn) {
         // 判断里面是否存在某个参数
@@ -367,9 +357,9 @@ export default {
       return isChecked;
     },
 
-    loadTreeFromSearch() {},
+    loadTreeFromSearch () { },
 
-    async loadTable(source, treeObj) {
+    async loadTable (source, treeObj) {
       this.source = source;
       this.tableLoading = true;
 
@@ -442,20 +432,32 @@ export default {
       this.tableLoading = false;
     },
 
-    diaClose() {
+    diaClose () {
       this.$refs.ref_form.resetData();
       this.formShow = false;
     },
 
-    handleDetail(row) {
-      this.formTitle = "房屋详情";
-      this.formShow = true;
+    handleDetail (row) {
+      // this.formTitle = "房屋详情";
+      // this.formShow = true;
+      // this.$nextTick(() => {
+      //   this.$refs.ref_form.initForm("detail", row, this.agencyObj);
+      // });
+
+      this.detailShow = true
+
+      // const _data = await this.detail(row)
       this.$nextTick(() => {
-        this.$refs.ref_form.initForm("detail", row, this.agencyObj);
-      });
+        this.$refs.ref_form_detail.initForm(row, this.agencyObj)
+      })
+    },
+
+    detailFormCancle () {
+      this.$refs.ref_form_detail.diaDestroy()
+      this.detailShow = false
     },
 
-    handleAdd() {
+    handleAdd () {
       this.formTitle = "新增房屋";
       this.formShow = true;
       this.$nextTick(() => {
@@ -463,7 +465,7 @@ export default {
       });
     },
 
-    handleEdit(row) {
+    handleEdit (row) {
       this.formTitle = "修改房屋";
       this.formShow = true;
       this.$nextTick(() => {
@@ -471,15 +473,15 @@ export default {
       });
     },
 
-    addFormCancle() {
+    addFormCancle () {
       this.formShow = false;
     },
-    addFormOk() {
+    addFormOk () {
       this.formShow = false;
       this.loadTable();
     },
 
-    deleteBatch() {
+    deleteBatch () {
       if (this.selection.length > 0) {
         this.$confirm("确认删除选择的房屋?", "提示", {
           confirmButtonText: "确定",
@@ -501,14 +503,14 @@ export default {
         this.$message.warning("请先选择要删除的房屋");
       }
     },
-    selectAll(selection) {
+    selectAll (selection) {
       this.selection = selection;
     },
-    selectionChange(selection) {
+    selectionChange (selection) {
       this.selection = selection;
     },
 
-    async handleDelete(row) {
+    async handleDelete (row) {
       this.$confirm("确认删除?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
@@ -527,7 +529,7 @@ export default {
         });
     },
 
-    async deleteCommunityBatch() {
+    async deleteCommunityBatch () {
       let ids = [];
       this.selection.forEach((element) => {
         ids.push(element.houseId);
@@ -562,7 +564,7 @@ export default {
       }
     },
 
-    async deleteRoom(row) {
+    async deleteRoom (row) {
       const url = "/gov/org/house/housedel";
 
       let params = {
@@ -584,7 +586,7 @@ export default {
     },
 
     //导出表格
-    async handleExport() {
+    async handleExport () {
       let title = this.agencyObj.label;
       title = title + "—房屋列表";
 
@@ -635,7 +637,7 @@ export default {
     },
 
     // 下载文件
-    download(data, fileName) {
+    download (data, fileName) {
       if (!data) {
         return;
       }
@@ -659,7 +661,7 @@ export default {
       }
     },
 
-    handleExportModule() {
+    handleExportModule () {
       let title = "";
       title = "房屋模板";
 
@@ -679,7 +681,7 @@ export default {
     },
 
     //导出一户一档
-    handleExportYihuyidang() {
+    handleExportYihuyidang () {
       this.yihuyidangDisabled = true;
       let title = this.agencyObj.label;
       title = title + "-一户一档";
@@ -735,7 +737,7 @@ export default {
       );
     },
     // 上传文件之前的钩子
-    beforeUpload(file) {
+    beforeUpload (file) {
       this.files = file;
 
       const isText = file.type === "application/vnd.ms-excel";
@@ -752,11 +754,11 @@ export default {
       }
     },
     // 上传文件个数超过定义的数量
-    handleExceed(files, fileList) {
+    handleExceed (files, fileList) {
       this.$message.warning(`当前限制选择 1 个文件，请删除后继续上传`);
     },
 
-    async uploadFile() {
+    async uploadFile () {
       if (this.fileName == "") {
         this.$message.warning("请选择要上传的文件！");
         return false;
@@ -805,7 +807,7 @@ export default {
       );
     },
 
-    showMessage(msg) {
+    showMessage (msg) {
       this.$alert(msg, "操作结果", {
         confirmButtonText: "关闭",
         callback: (action) => {
@@ -815,18 +817,18 @@ export default {
       });
     },
 
-    handleSizeChange(val) {
+    handleSizeChange (val) {
       this.pageSize = val;
       this.pageNo = 1;
       this.loadTable();
     },
-    handleCurrentChange(val) {
+    handleCurrentChange (val) {
       this.pageNo = val;
       this.loadTable();
     },
 
     // 开启加载动画
-    startLoading() {
+    startLoading () {
       loading = Loading.service({
         lock: true, // 是否锁定
         text: "正在加载……", // 加载中需要显示的文字
@@ -834,7 +836,7 @@ export default {
       });
     },
     // 结束加载动画
-    endLoading() {
+    endLoading () {
       // clearTimeout(timer);
       if (loading) {
         loading.close();
@@ -842,7 +844,7 @@ export default {
     },
   },
   watch: {
-    selection(val) {
+    selection (val) {
       if (val.length > 0) {
         this.showDeletBtn = true;
       } else {
diff --git a/src/views/modules/workPc/guidance/guidanceList.vue b/src/views/modules/workPc/guidance/guidanceList.vue
index 3d6f6393f..0f73622c8 100644
--- a/src/views/modules/workPc/guidance/guidanceList.vue
+++ b/src/views/modules/workPc/guidance/guidanceList.vue
@@ -266,8 +266,11 @@ export default {
     // 详情
     detail (row) {
 
-      this.formShow = 'detail'
-      this.$refs['ref_detail_form'].initData(row.guideId, "D")
+      // this.formShow = 'detail'
+      // this.$refs['ref_detail_form'].initData(row.guideId, "D")
+
+      this.formShow = 'edit'
+      this.$refs['ref_edit_form'].initData(row.guideId, "D")
     },
 
     edit (row) {