From 638408f564b291c5253c99e42f1118f4cbb56dc5 Mon Sep 17 00:00:00 2001
From: wanglei <wl2666675>
Date: Thu, 28 Mar 2024 13:58:30 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E5=B0=8F=E5=8C=BA=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E3=80=81=E6=A5=BC=E6=A0=8B=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/views/szxc/ldinfo/index.vue | 378 ++++++++++++++++++-----
 ruoyi-ui/src/views/szxc/xqinfo/index.vue | 268 +++++++++++-----
 2 files changed, 481 insertions(+), 165 deletions(-)

diff --git a/ruoyi-ui/src/views/szxc/ldinfo/index.vue b/ruoyi-ui/src/views/szxc/ldinfo/index.vue
index b230a10..95b73b6 100644
--- a/ruoyi-ui/src/views/szxc/ldinfo/index.vue
+++ b/ruoyi-ui/src/views/szxc/ldinfo/index.vue
@@ -1,9 +1,13 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="所属小区" prop="xqId">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+      <el-form-item label="所属网格" prop="deptId">
+        <treeselect v-model="queryParams.deptId" :options="deptOptions" :disable-branch-nodes="true" style="width:215px;"
+                    placeholder="请选择所属网格"/>
+      </el-form-item>
+      <el-form-item label="所属小区" prop="xqName">
         <el-input
-          v-model="queryParams.xqId"
+          v-model="queryParams.xqName"
           placeholder="请输入所属小区"
           clearable
           @keyup.enter.native="handleQuery"
@@ -17,29 +21,65 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="类别字典" prop="ldSort">
-        <el-input
+      <el-form-item label="楼栋类型" prop="ldType">
+        <el-select
+          v-model="queryParams.ldType"
+          placeholder="楼栋类型"
+          clearable
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_ld_type"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="楼栋类别" prop="ldSort">
+        <el-select
           v-model="queryParams.ldSort"
-          placeholder="请输入类别字典"
+          placeholder="楼栋类别"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_ldlb"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
-      <el-form-item label="楼栋结构字典" prop="ldjg">
-        <el-input
+      <el-form-item label="楼栋结构" prop="ldjg">
+        <el-select
           v-model="queryParams.ldjg"
-          placeholder="请输入楼栋结构字典"
+          placeholder="楼栋结构"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_ldjg"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="取暖方式" prop="qnfs">
-        <el-input
+        <el-select
           v-model="queryParams.qnfs"
-          placeholder="请输入取暖方式"
+          placeholder="取暖方式"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_qnfs"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="楼层数" prop="lcNum">
         <el-input
@@ -65,38 +105,6 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="楼栋描述" prop="ldDescribe">
-        <el-input
-          v-model="queryParams.ldDescribe"
-          placeholder="请输入楼栋描述"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="部门id" prop="deptId">
-        <el-input
-          v-model="queryParams.deptId"
-          placeholder="请输入部门id"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="所属网格" prop="deptName">
-        <el-input
-          v-model="queryParams.deptName"
-          placeholder="请输入所属网格"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="创建者ID" prop="userId">
-        <el-input
-          v-model="queryParams.userId"
-          placeholder="请输入创建者ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -149,22 +157,36 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="ldinfoList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="id" align="center" prop="id" />
-      <el-table-column label="所属小区" align="center" prop="xqId" />
+    <el-table v-loading="loading" :data="ldinfoList" @selection-change="handleSelectionChange" border>
+      <el-table-column type="selection" width="45" align="center" />
+      <el-table-column label="ID" align="center" prop="id" />
+      <el-table-column label="所属小区" align="center" prop="xqName" />
       <el-table-column label="楼栋名称" align="center" prop="ldName" />
-      <el-table-column label="类型(0小区楼栋1独立房2其它)" align="center" prop="xqType" />
-      <el-table-column label="类别字典" align="center" prop="ldSort" />
-      <el-table-column label="楼栋结构字典" align="center" prop="ldjg" />
-      <el-table-column label="取暖方式" align="center" prop="qnfs" />
+      <el-table-column label="楼栋类型" align="center" prop="ldType" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_ld_type" :value="scope.row.ldType"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="楼栋类别" align="center" prop="ldSort" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_ldlb" :value="scope.row.ldSort"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="楼栋结构" align="center" prop="ldjg" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_ldjg" :value="scope.row.ldjg"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="取暖方式" align="center" prop="qnfs" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_qnfs" :value="scope.row.qnfs"/>
+        </template>
+      </el-table-column>
       <el-table-column label="楼层数" align="center" prop="lcNum" />
       <el-table-column label="单元数" align="center" prop="unitNum" />
       <el-table-column label="户数" align="center" prop="huNum" />
       <el-table-column label="楼栋描述" align="center" prop="ldDescribe" />
-      <el-table-column label="部门id" align="center" prop="deptId" />
       <el-table-column label="所属网格" align="center" prop="deptName" />
-      <el-table-column label="创建者ID" align="center" prop="userId" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -184,7 +206,7 @@
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -194,22 +216,80 @@
     />
 
     <!-- 添加或修改楼栋信息对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="所属小区" prop="xqId">
-          <el-input v-model="form.xqId" placeholder="请输入所属小区" />
+    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="所属小区" prop="xqName">
+          <el-input readonly
+            placeholder="请选择所属小区"
+            v-model="form.xqName">
+            <el-button slot="append" icon="el-icon-search" @click="xqQuery()"></el-button>
+          </el-input>
+        </el-form-item>
+        <el-form-item label="所属网格" prop="deptName">
+          <el-input v-model="form.deptName" placeholder="请输入所属网格" disabled/>
         </el-form-item>
         <el-form-item label="楼栋名称" prop="ldName">
           <el-input v-model="form.ldName" placeholder="请输入楼栋名称" />
         </el-form-item>
-        <el-form-item label="类别字典" prop="ldSort">
-          <el-input v-model="form.ldSort" placeholder="请输入类别字典" />
+        <el-form-item label="楼栋类型" prop="ldType">
+          <el-select
+            v-model="form.ldType"
+            placeholder="楼栋类型"
+            clearable
+            style="width:100%"
+          >
+            <el-option
+              v-for="dict in dict.type.szxc_ld_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
         </el-form-item>
-        <el-form-item label="楼栋结构字典" prop="ldjg">
-          <el-input v-model="form.ldjg" placeholder="请输入楼栋结构字典" />
+        <el-form-item label="楼栋类别" prop="ldSort">
+          <el-select
+            v-model="form.ldSort"
+            placeholder="楼栋类别"
+            clearable
+            style="width:100%"
+          >
+            <el-option
+              v-for="dict in dict.type.szxc_ldlb"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="楼栋结构" prop="ldjg">
+          <el-select
+            v-model="form.ldjg"
+            placeholder="楼栋结构"
+            clearable
+            style="width:100%"
+          >
+            <el-option
+              v-for="dict in dict.type.szxc_ldjg"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
         </el-form-item>
         <el-form-item label="取暖方式" prop="qnfs">
-          <el-input v-model="form.qnfs" placeholder="请输入取暖方式" />
+          <el-select
+            v-model="form.qnfs"
+            placeholder="取暖方式"
+            clearable
+            style="width:100%"
+          >
+            <el-option
+              v-for="dict in dict.type.szxc_qnfs"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
         </el-form-item>
         <el-form-item label="楼层数" prop="lcNum">
           <el-input v-model="form.lcNum" placeholder="请输入楼层数" />
@@ -221,16 +301,7 @@
           <el-input v-model="form.huNum" placeholder="请输入户数" />
         </el-form-item>
         <el-form-item label="楼栋描述" prop="ldDescribe">
-          <el-input v-model="form.ldDescribe" placeholder="请输入楼栋描述" />
-        </el-form-item>
-        <el-form-item label="部门id" prop="deptId">
-          <el-input v-model="form.deptId" placeholder="请输入部门id" />
-        </el-form-item>
-        <el-form-item label="所属网格" prop="deptName">
-          <el-input v-model="form.deptName" placeholder="请输入所属网格" />
-        </el-form-item>
-        <el-form-item label="创建者ID" prop="userId">
-          <el-input v-model="form.userId" placeholder="请输入创建者ID" />
+          <el-input v-model="form.ldDescribe" type="textarea" placeholder="请输入楼栋描述" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -238,14 +309,71 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+    <el-dialog title="选择小区" :visible.sync="xqInfo.visible" width="900px" append-to-body>
+      <el-form :model="xqInfo.queryParams" ref="queryForm" size="small" :inline="true" label-width="70px">
+        <el-form-item label="小区名称" prop="name">
+          <el-input
+            v-model="xqInfo.queryParams.name"
+            placeholder="请输入小区名称"
+            clearable
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="xqInfoQuery">搜索</el-button>
+        </el-form-item>
+      </el-form>
+      <el-alert title="双击选择户主" type="warning" :closable="false"></el-alert>
+      <el-table v-loading="xqInfo.loading" :data="xqInfo.list" border @cell-dblclick="xqInfoDblclick">
+        <el-table-column label="所属网格" align="center" prop="deptName" />
+        <el-table-column label="小区类型" align="center" prop="xqType" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_xq_type" :value="scope.row.xqType"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="小区名称" align="center" prop="name" />
+        <el-table-column label="楼栋数" align="center" prop="ldNum" />
+        <el-table-column label="建筑面积" align="center" prop="jzArea" />
+        <el-table-column label="占地面积" align="center" prop="zdArea" />
+        <el-table-column label="物业管理方式" align="center" prop="wyType" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_wy_type" :value="scope.row.wyType"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="物业负责人" align="center" prop="wyResponse" />
+        <el-table-column label="联系电话" align="center" prop="wyPhone" />
+        <el-table-column label="小区地址" align="center" prop="xqAddress" />
+        <el-table-column label="建成日期" align="center" prop="buildDate" width="180">
+          <template slot-scope="scope">
+            <span>{{ parseTime(scope.row.buildDate, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="小区描述" align="center" prop="xqDescribe" />
+      </el-table>
+      <pagination
+        v-show="xqInfo.total>0"
+        :total="xqInfo.total"
+        :page.sync="xqInfo.queryParams.pageNum"
+        :limit.sync="xqInfo.queryParams.pageSize"
+        @pagination="getlistXqinfo"
+      />
+    </el-dialog>
+
   </div>
 </template>
 
 <script>
 import { listLdinfo, getLdinfo, delLdinfo, addLdinfo, updateLdinfo } from "@/api/szxc/ldinfo";
+import { listXqinfo } from "@/api/szxc/xqinfo";
+import { deptTreeSelect } from "@/api/system/user";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 
 export default {
   name: "Ldinfo",
+  components: { Treeselect },
+  dicts: ['szxc_xq_type', 'szxc_ld_type', 'szxc_ldlb', 'szxc_ldjg', 'szxc_qnfs' ],
   data() {
     return {
       // 遮罩层
@@ -262,6 +390,8 @@ export default {
       total: 0,
       // 楼栋信息表格数据
       ldinfoList: [],
+      // 组织树选项
+      deptOptions: undefined,
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -272,7 +402,7 @@ export default {
         pageSize: 10,
         xqId: null,
         ldName: null,
-        xqType: null,
+        ldType: null,
         ldSort: null,
         ldjg: null,
         qnfs: null,
@@ -285,7 +415,27 @@ export default {
         userId: null
       },
       // 表单参数
-      form: {},
+      form: {
+        id: null,
+        xqId: null,
+        xqName:  null,
+        ldName: null,
+        ldType: null,
+        ldSort: null,
+        ldjg: null,
+        qnfs: null,
+        lcNum: null,
+        unitNum: null,
+        huNum: null,
+        ldDescribe: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        deptId: null,
+        deptName: null,
+        userId: null,
+      },
       // 表单校验
       rules: {
         xqId: [
@@ -294,13 +444,42 @@ export default {
         deptId: [
           { required: true, message: "部门id不能为空", trigger: "blur" }
         ],
-      }
+      },
+      // 小区信息
+      xqInfo: {
+        visible: false,
+        // 遮罩层
+        loading: false,
+        // 总条数
+        total: 0,
+        // 查询参数
+        queryParams:{
+          pageNum: 1,
+          pageSize: 10,
+          name: null
+        },
+        // 查询列表
+        list: [],
+        // 选中数据
+        selectRow: null
+      },
     };
   },
   created() {
     this.getList();
+    this.getDeptTree();
   },
   methods: {
+    /** 查询组织下拉树结构 */
+    getDeptTree() {
+      deptTreeSelect().then(response => {
+        this.deptOptions = response.data;
+      });
+    },
+    selectedTree(node){
+      this.form.deptId = node.id;
+      this.form.deptName = node.label;
+    },
     /** 查询楼栋信息列表 */
     getList() {
       this.loading = true;
@@ -320,8 +499,9 @@ export default {
       this.form = {
         id: null,
         xqId: null,
+        xqName:  null,
         ldName: null,
-        xqType: null,
+        ldType: null,
         ldSort: null,
         ldjg: null,
         qnfs: null,
@@ -335,7 +515,7 @@ export default {
         updateTime: null,
         deptId: null,
         deptName: null,
-        userId: null
+        userId: null,
       };
       this.resetForm("form");
     },
@@ -406,7 +586,35 @@ export default {
       this.download('szxc/ldinfo/export', {
         ...this.queryParams
       }, `ldinfo_${new Date().getTime()}.xlsx`)
-    }
+    },
+    // 小区查询
+    xqQuery(){
+      this.xqInfo.visible = true;
+      this.getlistXqinfo()
+    },
+    /** 查询户主信息列表 */
+    getlistXqinfo() {
+      this.xqInfo.loading = true;
+      listXqinfo(this.xqInfo.queryParams).then(response => {
+        this.xqInfo.list = response.rows;
+        this.xqInfo.total = response.total;
+        this.xqInfo.loading = false;
+      });
+    },
+    // 户主信息查询
+    xqInfoQuery(){
+      this.xqInfo.queryParams.pageNum = 1;
+      this.getlistXqinfo();
+    },
+    // 户主选择 选中数据
+    xqInfoDblclick(row) {
+      this.xqInfo.selectRow = row;
+      this.form.xqId = row.id;
+      this.form.xqName = row.name;
+      this.form.deptId = row.deptId;
+      this.form.deptName = row.deptName;
+      this.xqInfo.visible = false
+    },
   }
 };
 </script>
diff --git a/ruoyi-ui/src/views/szxc/xqinfo/index.vue b/ruoyi-ui/src/views/szxc/xqinfo/index.vue
index 662ad65..f9ccf30 100644
--- a/ruoyi-ui/src/views/szxc/xqinfo/index.vue
+++ b/ruoyi-ui/src/views/szxc/xqinfo/index.vue
@@ -1,6 +1,33 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+      <el-form-item label="所属网格" prop="deptId">
+        <treeselect v-model="queryParams.deptId" :options="deptOptions" :disable-branch-nodes="true" style="width:215px;"
+                    placeholder="请选择所属网格"/>
+      </el-form-item>
+      <el-form-item label="小区类型" prop="xqType">
+        <el-select
+          v-model="queryParams.xqType"
+          placeholder="小区类型"
+          clearable
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_xq_type"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="小区名称" prop="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入小区名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
       <el-form-item label="楼栋数" prop="ldNum">
         <el-input
           v-model="queryParams.ldNum"
@@ -25,6 +52,21 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="物业管理方式" prop="wyType">
+        <el-select
+          v-model="queryParams.wyType"
+          placeholder="物业管理方式"
+          clearable
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_wy_type"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
       <el-form-item label="物业负责人" prop="wyResponse">
         <el-input
           v-model="queryParams.wyResponse"
@@ -41,14 +83,14 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="小区地址" prop="xqAddress">
+<!--      <el-form-item label="小区地址" prop="xqAddress">
         <el-input
           v-model="queryParams.xqAddress"
           placeholder="请输入小区地址"
           clearable
           @keyup.enter.native="handleQuery"
         />
-      </el-form-item>
+      </el-form-item>-->
       <el-form-item label="建成日期" prop="buildDate">
         <el-date-picker clearable
           v-model="queryParams.buildDate"
@@ -57,38 +99,6 @@
           placeholder="请选择建成日期">
         </el-date-picker>
       </el-form-item>
-      <el-form-item label="小区描述" prop="xqDescribe">
-        <el-input
-          v-model="queryParams.xqDescribe"
-          placeholder="请输入小区描述"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="部门id" prop="deptId">
-        <el-input
-          v-model="queryParams.deptId"
-          placeholder="请输入部门id"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="所属网格" prop="deptName">
-        <el-input
-          v-model="queryParams.deptName"
-          placeholder="请输入所属网格"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="创建者ID" prop="userId">
-        <el-input
-          v-model="queryParams.userId"
-          placeholder="请输入创建者ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -141,14 +151,24 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="xqinfoList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="id" align="center" prop="id" />
-      <el-table-column label="类型(0老旧1新2片区散户)" align="center" prop="xqType" />
+    <el-table v-loading="loading" :data="xqinfoList" @selection-change="handleSelectionChange" border>
+      <el-table-column type="selection" width="45" align="center" />
+      <el-table-column label="ID" align="center" prop="id" min-width="60"/>
+      <el-table-column label="所属网格" align="center" prop="deptName" />
+      <el-table-column label="小区类型" align="center" prop="xqType" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_xq_type" :value="scope.row.xqType"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="小区名称" align="center" prop="name" />
       <el-table-column label="楼栋数" align="center" prop="ldNum" />
       <el-table-column label="建筑面积" align="center" prop="jzArea" />
       <el-table-column label="占地面积" align="center" prop="zdArea" />
-      <el-table-column label="物业管理方式(0物业公司1业主自治2其他)" align="center" prop="wyType" />
+      <el-table-column label="物业管理方式" align="center" prop="wyType" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_wy_type" :value="scope.row.wyType"/>
+        </template>
+      </el-table-column>
       <el-table-column label="物业负责人" align="center" prop="wyResponse" />
       <el-table-column label="联系电话" align="center" prop="wyPhone" />
       <el-table-column label="小区地址" align="center" prop="xqAddress" />
@@ -158,9 +178,6 @@
         </template>
       </el-table-column>
       <el-table-column label="小区描述" align="center" prop="xqDescribe" />
-      <el-table-column label="部门id" align="center" prop="deptId" />
-      <el-table-column label="所属网格" align="center" prop="deptName" />
-      <el-table-column label="创建者ID" align="center" prop="userId" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -180,7 +197,7 @@
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -190,45 +207,107 @@
     />
 
     <!-- 添加或修改小区信息对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="楼栋数" prop="ldNum">
-          <el-input v-model="form.ldNum" placeholder="请输入楼栋数" />
-        </el-form-item>
-        <el-form-item label="建筑面积" prop="jzArea">
-          <el-input v-model="form.jzArea" placeholder="请输入建筑面积" />
-        </el-form-item>
-        <el-form-item label="占地面积" prop="zdArea">
-          <el-input v-model="form.zdArea" placeholder="请输入占地面积" />
-        </el-form-item>
-        <el-form-item label="物业负责人" prop="wyResponse">
-          <el-input v-model="form.wyResponse" placeholder="请输入物业负责人" />
-        </el-form-item>
-        <el-form-item label="联系电话" prop="wyPhone">
-          <el-input v-model="form.wyPhone" placeholder="请输入联系电话" />
-        </el-form-item>
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body top="15px">
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="所属网格" prop="deptId">
+              <treeselect v-model="form.deptId" :options="deptOptions" :disable-branch-nodes="true"
+                          placeholder="请选择所属网格" style="width:100%;" @select="selectedTree"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="小区名称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入小区名称" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="小区类型" prop="xqType">
+              <el-select
+                v-model="form.xqType"
+                placeholder="小区类型"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_xq_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="楼栋数" prop="ldNum">
+              <el-input v-model="form.ldNum" placeholder="请输入楼栋数" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="建筑面积" prop="jzArea">
+              <el-input v-model="form.jzArea" placeholder="请输入建筑面积" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="占地面积" prop="zdArea">
+              <el-input v-model="form.zdArea" placeholder="请输入占地面积" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="物业管理方式" prop="wyType">
+              <el-select
+                v-model="form.wyType"
+                placeholder="物业管理方式"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_wy_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="物业负责人" prop="wyResponse">
+              <el-input v-model="form.wyResponse" placeholder="请输入物业负责人" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="联系电话" prop="wyPhone">
+              <el-input v-model="form.wyPhone" placeholder="请输入联系电话" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="建成日期" prop="buildDate">
+              <el-date-picker clearable style="width: 100%"
+                              v-model="form.buildDate"
+                              type="date"
+                              value-format="yyyy-MM-dd"
+                              placeholder="请选择建成日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-form-item label="小区地址" prop="xqAddress">
           <el-input v-model="form.xqAddress" placeholder="请输入小区地址" />
         </el-form-item>
-        <el-form-item label="建成日期" prop="buildDate">
-          <el-date-picker clearable
-            v-model="form.buildDate"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="请选择建成日期">
-          </el-date-picker>
-        </el-form-item>
         <el-form-item label="小区描述" prop="xqDescribe">
-          <el-input v-model="form.xqDescribe" placeholder="请输入小区描述" />
-        </el-form-item>
-        <el-form-item label="部门id" prop="deptId">
-          <el-input v-model="form.deptId" placeholder="请输入部门id" />
-        </el-form-item>
-        <el-form-item label="所属网格" prop="deptName">
-          <el-input v-model="form.deptName" placeholder="请输入所属网格" />
-        </el-form-item>
-        <el-form-item label="创建者ID" prop="userId">
-          <el-input v-model="form.userId" placeholder="请输入创建者ID" />
+          <el-input v-model="form.xqDescribe" type="textarea" placeholder="请输入小区描述" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -241,9 +320,14 @@
 
 <script>
 import { listXqinfo, getXqinfo, delXqinfo, addXqinfo, updateXqinfo } from "@/api/szxc/xqinfo";
+import { deptTreeSelect } from "@/api/system/user";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 
 export default {
   name: "Xqinfo",
+  components: { Treeselect },
+  dicts: ['szxc_xq_type', 'szxc_wy_type'],
   data() {
     return {
       // 遮罩层
@@ -260,6 +344,8 @@ export default {
       total: 0,
       // 小区信息表格数据
       xqinfoList: [],
+      // 组织树选项
+      deptOptions: undefined,
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -268,6 +354,7 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
+        name: null,
         xqType: null,
         ldNum: null,
         jzArea: null,
@@ -287,15 +374,35 @@ export default {
       // 表单校验
       rules: {
         deptId: [
-          { required: true, message: "部门id不能为空", trigger: "blur" }
+          { required: true, message: "所属网格不能为空", trigger: "blur" }
+        ],
+        name: [
+          { required: true, message: "小区名称不能为空", trigger: "blur" }
+        ],
+        xqType: [
+          { required: true, message: "小区类型不能为空", trigger: "blur" }
+        ],
+        xqAddress: [
+          { required: true, message: "小区地址不能为空", trigger: "blur" }
         ],
       }
     };
   },
   created() {
     this.getList();
+    this.getDeptTree();
   },
   methods: {
+    /** 查询组织下拉树结构 */
+    getDeptTree() {
+      deptTreeSelect().then(response => {
+        this.deptOptions = response.data;
+      });
+    },
+    selectedTree(node){
+      this.form.deptId = node.id;
+      this.form.deptName = node.label;
+    },
     /** 查询小区信息列表 */
     getList() {
       this.loading = true;
@@ -314,6 +421,7 @@ export default {
     reset() {
       this.form = {
         id: null,
+        name: null,
         xqType: null,
         ldNum: null,
         jzArea: null,

From 40fa9ef9b264b3b950a4df67f9945c3a70c32e90 Mon Sep 17 00:00:00 2001
From: wanglei <wl2666675>
Date: Fri, 29 Mar 2024 10:08:15 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E6=88=BF=E5=B1=8B=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/views/szxc/houseinfo/index.vue | 968 +++++++++++++-------
 ruoyi-ui/src/views/szxc/jminfo/index.vue    |  80 +-
 ruoyi-ui/src/views/szxc/ldinfo/index.vue    |   5 +-
 3 files changed, 740 insertions(+), 313 deletions(-)

diff --git a/ruoyi-ui/src/views/szxc/houseinfo/index.vue b/ruoyi-ui/src/views/szxc/houseinfo/index.vue
index 3cc6656..575318b 100644
--- a/ruoyi-ui/src/views/szxc/houseinfo/index.vue
+++ b/ruoyi-ui/src/views/szxc/houseinfo/index.vue
@@ -1,13 +1,9 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="居民id" prop="ownerId">
-        <el-input
-          v-model="queryParams.ownerId"
-          placeholder="请输入居民id"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="70px">
+      <el-form-item label="所属网格" prop="deptId">
+        <treeselect v-model="queryParams.deptId" :options="deptOptions" :disable-branch-nodes="true" style="width:215px;"
+                    placeholder="请选择所属网格"/>
       </el-form-item>
       <el-form-item label="户主姓名" prop="ownerName">
         <el-input
@@ -25,14 +21,6 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="小区id" prop="xqId">
-        <el-input
-          v-model="queryParams.xqId"
-          placeholder="请输入小区id"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
       <el-form-item label="小区名称" prop="houseName">
         <el-input
           v-model="queryParams.houseName"
@@ -41,14 +29,6 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="楼栋id" prop="buildId">
-        <el-input
-          v-model="queryParams.buildId"
-          placeholder="请输入楼栋id"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
       <el-form-item label="楼栋名称" prop="ldName">
         <el-input
           v-model="queryParams.ldName"
@@ -73,69 +53,35 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="房屋面积" prop="houseArea">
-        <el-input
-          v-model="queryParams.houseArea"
-          placeholder="请输入房屋面积"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
       <el-form-item label="房屋性质" prop="houseProp">
-        <el-input
+        <el-select
           v-model="queryParams.houseProp"
-          placeholder="请输入房屋性质"
+          placeholder="房屋性质"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_fw_xz"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="取暖方式" prop="qnfs">
-        <el-input
+        <el-select
           v-model="queryParams.qnfs"
-          placeholder="请输入取暖方式"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="房屋简介" prop="houseIntro">
-        <el-input
-          v-model="queryParams.houseIntro"
-          placeholder="请输入房屋简介"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="房屋照片" prop="housePicture">
-        <el-input
-          v-model="queryParams.housePicture"
-          placeholder="请输入房屋照片"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="部门id" prop="deptId">
-        <el-input
-          v-model="queryParams.deptId"
-          placeholder="请输入部门id"
+          placeholder="取暖方式"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="所属网格" prop="deptName">
-        <el-input
-          v-model="queryParams.deptName"
-          placeholder="请输入所属网格"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="创建者ID" prop="userId">
-        <el-input
-          v-model="queryParams.userId"
-          placeholder="请输入创建者ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_qnfs"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -189,28 +135,43 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="houseinfoList" @selection-change="handleSelectionChange">
+    <el-table v-loading="loading" :data="houseinfoList" @selection-change="handleSelectionChange" border>
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="主键id" align="center" prop="id" />
-      <el-table-column label="居民id" align="center" prop="ownerId" />
+      <el-table-column label="主键ID" align="center" prop="id" />
+      <el-table-column label="所属网格" align="center" prop="deptName" />
       <el-table-column label="户主姓名" align="center" prop="ownerName" />
       <el-table-column label="身份证号" align="center" prop="cardId" />
-      <el-table-column label="小区id" align="center" prop="xqId" />
       <el-table-column label="小区名称" align="center" prop="houseName" />
-      <el-table-column label="楼栋id" align="center" prop="buildId" />
       <el-table-column label="楼栋名称" align="center" prop="ldName" />
       <el-table-column label="单元" align="center" prop="unit" />
       <el-table-column label="门牌号" align="center" prop="doorNo" />
-      <el-table-column label="房屋类型" align="center" prop="houseType" />
+      <el-table-column label="房屋类型" align="center" prop="houseType" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_xqfwlx" :value="scope.row.houseType"/>
+        </template>
+      </el-table-column>
       <el-table-column label="房屋面积" align="center" prop="houseArea" />
-      <el-table-column label="房屋性质" align="center" prop="houseProp" />
-      <el-table-column label="取暖方式" align="center" prop="qnfs" />
-      <el-table-column label="厕所类型" align="center" prop="toiletType" />
+      <el-table-column label="房屋性质" align="center" prop="houseProp" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_fw_xz" :value="scope.row.houseProp"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="取暖方式" align="center" prop="qnfs" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_qnfs" :value="scope.row.qnfs"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="厕所类型" align="center" prop="toiletType" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_cs_type" :value="scope.row.toiletType"/>
+        </template>
+      </el-table-column>
       <el-table-column label="房屋简介" align="center" prop="houseIntro" />
-      <el-table-column label="房屋照片" align="center" prop="housePicture" />
-      <el-table-column label="部门id" align="center" prop="deptId" />
-      <el-table-column label="所属网格" align="center" prop="deptName" />
-      <el-table-column label="创建者ID" align="center" prop="userId" />
+      <el-table-column label="房屋照片" align="center" prop="housePicture" >
+        <template slot-scope="scope">
+          <image-preview :src="scope.row.housePicture" :width="50" :height="50"/>
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -240,249 +201,644 @@
     />
 
     <!-- 添加或修改房屋信息对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="居民id" prop="ownerId">
-          <el-input v-model="form.ownerId" placeholder="请输入居民id" />
+
+        <el-row :gutter="10" v-if="!form.id">
+          <el-col :span="12">
+            <el-form-item label="户主姓名" prop="ownerName">
+              <el-input readonly
+                        placeholder="请选择户主姓名"
+                        v-model="form.ownerName">
+                <el-button slot="append" icon="el-icon-search" @click="ownerSelect"></el-button>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="身份证号" prop="cardId">
+              <el-input v-model="form.cardId" placeholder="请输入身份证号" disabled/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="10" v-if="!form.id">
+          <el-col :span="12">
+            <el-form-item label="小区名称" prop="houseName">
+              <el-input readonly
+                        placeholder="请选择小区名称"
+                        v-model="form.houseName">
+                <el-button slot="append" icon="el-icon-search" @click="houseSelect"></el-button>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="楼栋名称" prop="ldName">
+              <el-input readonly
+                        placeholder="请选择楼栋名称"
+                        v-model="form.ldName">
+                <el-button slot="append" icon="el-icon-search" @click="ldSelect"></el-button>
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="10" v-if="!form.id">
+          <el-col :span="12">
+            <el-form-item label="所属网格" prop="deptName">
+              <el-input v-model="form.deptName" placeholder="请输入所属网格" disabled/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="取暖方式" prop="qnfs">
+              <el-select
+                v-model="form.qnfs"
+                placeholder="取暖方式"
+                clearable disabled
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_qnfs"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="单元" prop="unit">
+              <el-input v-model="form.unit" placeholder="请输入单元" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="门牌号" prop="doorNo">
+              <el-input v-model="form.doorNo" placeholder="请输入门牌号" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="房屋面积" prop="houseArea">
+              <el-input v-model="form.houseArea" placeholder="请输入房屋面积" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="房屋性质" prop="houseProp">
+              <el-select
+                v-model="form.houseProp"
+                placeholder="房屋性质"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_fw_xz"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="房屋类型" prop="houseType">
+              <el-select
+                v-model="form.houseType"
+                placeholder="房屋类型"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_xqfwlx"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="厕所类型" prop="toiletType">
+              <el-select
+                v-model="form.toiletType"
+                placeholder="厕所类型"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_cs_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-form-item label="房屋照片" prop="housePicture">
+          <image-upload v-model="form.housePicture"/>
         </el-form-item>
-        <el-form-item label="户主姓名" prop="ownerName">
-          <el-input v-model="form.ownerName" placeholder="请输入户主姓名" />
+
+        <el-form-item label="房屋简介" prop="houseIntro">
+          <el-input v-model="form.houseIntro" type="textarea" placeholder="请输入房屋简介" />
         </el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog title="选择居民" :visible.sync="jmin.visible" width="1000px" append-to-body>
+      <el-form :model="jmin.queryParams" ref="queryForm" size="small" :inline="true" label-width="70px">
         <el-form-item label="身份证号" prop="cardId">
-          <el-input v-model="form.cardId" placeholder="请输入身份证号" />
-        </el-form-item>
-        <el-form-item label="小区id" prop="xqId">
-          <el-input v-model="form.xqId" placeholder="请输入小区id" />
-        </el-form-item>
-        <el-form-item label="小区名称" prop="houseName">
-          <el-input v-model="form.houseName" placeholder="请输入小区名称" />
-        </el-form-item>
-        <el-form-item label="楼栋id" prop="buildId">
-          <el-input v-model="form.buildId" placeholder="请输入楼栋id" />
-        </el-form-item>
-        <el-form-item label="楼栋名称" prop="ldName">
-          <el-input v-model="form.ldName" placeholder="请输入楼栋名称" />
-        </el-form-item>
-        <el-form-item label="单元" prop="unit">
-          <el-input v-model="form.unit" placeholder="请输入单元" />
-        </el-form-item>
-        <el-form-item label="门牌号" prop="doorNo">
-          <el-input v-model="form.doorNo" placeholder="请输入门牌号" />
+          <el-input
+            v-model="jmin.queryParams.cardId"
+            placeholder="请输入身份证号"
+            clearable
+            @keyup.enter.native="jminQuery"
+          />
         </el-form-item>
-        <el-form-item label="房屋面积" prop="houseArea">
-          <el-input v-model="form.houseArea" placeholder="请输入房屋面积" />
+        <el-form-item label="姓名" prop="name">
+          <el-input
+            v-model="jmin.queryParams.name"
+            placeholder="请输入姓名"
+            clearable
+            @keyup.enter.native="jminQuery"
+          />
         </el-form-item>
-        <el-form-item label="房屋性质" prop="houseProp">
-          <el-input v-model="form.houseProp" placeholder="请输入房屋性质" />
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="jminQuery">搜索</el-button>
         </el-form-item>
-        <el-form-item label="取暖方式" prop="qnfs">
-          <el-input v-model="form.qnfs" placeholder="请输入取暖方式" />
-        </el-form-item>
-        <el-form-item label="房屋简介" prop="houseIntro">
-          <el-input v-model="form.houseIntro" placeholder="请输入房屋简介" />
-        </el-form-item>
-        <el-form-item label="房屋照片" prop="housePicture">
-          <el-input v-model="form.housePicture" placeholder="请输入房屋照片" />
+      </el-form>
+      <el-alert title="双击选择户主" type="warning" :closable="false"></el-alert>
+      <el-table v-loading="jmin.loading" :data="jmin.list" border @cell-dblclick="jminDblclick">
+        <el-table-column label="姓名" align="center" prop="name" min-width="80"/>
+        <el-table-column label="身份证号" align="center" prop="cardId" min-width="180"/>
+        <el-table-column label="所属网格" align="center" prop="deptName" min-width="100"/>
+        <el-table-column label="性别" align="center" prop="sex">
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.sex"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="籍贯" align="center" prop="jg" min-width="180"/>
+        <el-table-column label="手机号" align="center" prop="phone" min-width="120"/>
+        <el-table-column label="现居住地" align="center" prop="currentAddress" min-width="180"/>
+      </el-table>
+      <pagination
+        v-show="jmin.total>0"
+        :total="jmin.total"
+        :page.sync="jmin.queryParams.pageNum"
+        :limit.sync="jmin.queryParams.pageSize"
+        @pagination="getlistJminfo"
+      />
+    </el-dialog>
+
+    <el-dialog title="选择小区" :visible.sync="xq.visible" width="1100px" append-to-body>
+      <el-form :model="xq.queryParams" ref="queryForm" size="small" :inline="true" label-width="70px">
+        <el-form-item label="小区名称" prop="name">
+          <el-input
+            v-model="xq.queryParams.name"
+            placeholder="请输入小区名称"
+            clearable
+            @keyup.enter.native="xqQuery"
+          />
         </el-form-item>
-        <el-form-item label="部门id" prop="deptId">
-          <el-input v-model="form.deptId" placeholder="请输入部门id" />
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="xqQuery">搜索</el-button>
         </el-form-item>
-        <el-form-item label="所属网格" prop="deptName">
-          <el-input v-model="form.deptName" placeholder="请输入所属网格" />
+      </el-form>
+      <el-alert title="双击选择小区" type="warning" :closable="false"></el-alert>
+      <el-table v-loading="xq.loading" :data="xq.list" border @cell-dblclick="xqDblclick">
+        <el-table-column label="所属网格" align="center" prop="deptName" />
+        <el-table-column label="小区类型" align="center" prop="xqType" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_xq_type" :value="scope.row.xqType"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="小区名称" align="center" prop="name" />
+        <el-table-column label="物业管理方式" align="center" prop="wyType" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_wy_type" :value="scope.row.wyType"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="物业负责人" align="center" prop="wyResponse" />
+        <el-table-column label="联系电话" align="center" prop="wyPhone" />
+        <el-table-column label="小区地址" align="center" prop="xqAddress" />
+        <el-table-column label="建成日期" align="center" prop="buildDate">
+          <template slot-scope="scope">
+            <span>{{ parseTime(scope.row.buildDate, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="小区描述" align="center" prop="xqDescribe" />
+      </el-table>
+      <pagination
+        v-show="xq.total>0"
+        :total="xq.total"
+        :page.sync="xq.queryParams.pageNum"
+        :limit.sync="xq.queryParams.pageSize"
+        @pagination="getlistXqinfo"
+      />
+    </el-dialog>
+
+    <el-dialog title="选择楼栋" :visible.sync="ld.visible" width="1000px" append-to-body>
+      <el-form :model="ld.queryParams" ref="queryForm" size="small" :inline="true" label-width="70px">
+        <el-form-item label="楼栋名称" prop="name">
+          <el-input
+            v-model="ld.queryParams.name"
+            placeholder="请输入楼栋名称"
+            clearable
+            @keyup.enter.native="ldQuery"
+          />
         </el-form-item>
-        <el-form-item label="创建者ID" prop="userId">
-          <el-input v-model="form.userId" placeholder="请输入创建者ID" />
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="ldQuery">搜索</el-button>
         </el-form-item>
       </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
+      <el-alert title="双击选择楼栋" type="warning" :closable="false"></el-alert>
+      <el-table v-loading="ld.loading" :data="ld.list" border @cell-dblclick="ldDblclick">
+        <el-table-column label="所属网格" align="center" prop="deptName" />
+        <el-table-column label="所属小区" align="center" prop="xqName" />
+        <el-table-column label="楼栋名称" align="center" prop="ldName" />
+        <el-table-column label="楼栋类型" align="center" prop="ldType" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_ld_type" :value="scope.row.ldType"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="楼栋类别" align="center" prop="ldSort" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_ldlb" :value="scope.row.ldSort"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="楼栋结构" align="center" prop="ldjg" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_ldjg" :value="scope.row.ldjg"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="取暖方式" align="center" prop="qnfs" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_qnfs" :value="scope.row.qnfs"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="楼层数" align="center" prop="lcNum" />
+        <el-table-column label="单元数" align="center" prop="unitNum" />
+        <el-table-column label="户数" align="center" prop="huNum" />
+      </el-table>
+      <pagination
+        v-show="ld.total>0"
+        :total="ld.total"
+        :page.sync="ld.queryParams.pageNum"
+        :limit.sync="ld.queryParams.pageSize"
+        @pagination="getlistLdinfo"
+      />
     </el-dialog>
+
   </div>
 </template>
 
 <script>
-  import { listHouseinfo, getHouseinfo, delHouseinfo, addHouseinfo, updateHouseinfo } from "@/api/szxc/houseinfo";
+import { listHouseinfo, getHouseinfo, delHouseinfo, addHouseinfo, updateHouseinfo } from "@/api/szxc/houseinfo";
+import { listJminfo } from "@/api/szxc/jminfo";
+import { listXqinfo } from "@/api/szxc/xqinfo";
+import { listLdinfo } from "@/api/szxc/ldinfo";
+import { deptTreeSelect } from "@/api/system/user";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 
-  export default {
-    name: "Houseinfo",
-    data() {
-      return {
+export default {
+  name: "Houseinfo",
+  dicts: ['szxc_qnfs', 'szxc_fw_xz', 'szxc_xq_type', 'szxc_wy_type', 'szxc_cs_type', 'szxc_xqfwlx'],
+  components: { Treeselect },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 房屋信息表格数据
+      houseinfoList: [],
+      // 组织树选项
+      deptOptions: undefined,
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        ownerId: null,
+        ownerName: null,
+        cardId: null,
+        xqId: null,
+        houseName: null,
+        buildId: null,
+        ldName: null,
+        unit: null,
+        doorNo: null,
+        houseType: null,
+        houseArea: null,
+        houseProp: null,
+        qnfs: null,
+        toiletType: null,
+        houseIntro: null,
+        housePicture: null,
+        deptId: null,
+        deptName: null,
+        userId: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        ownerName: [
+          { required: true, message: "户主姓名不能为空", trigger: "blur" }
+        ],
+        houseName: [
+          { required: true, message: "小区名称不能为空", trigger: "blur" }
+        ],
+        deptId: [
+          { required: true, message: "部门id不能为空", trigger: "blur" }
+        ],
+      },
+      // 居民信息
+      jmin: {
+        visible: false,
         // 遮罩层
-        loading: true,
-        // 选中数组
-        ids: [],
-        // 非单个禁用
-        single: true,
-        // 非多个禁用
-        multiple: true,
-        // 显示搜索条件
-        showSearch: true,
+        loading: false,
         // 总条数
         total: 0,
-        // 房屋信息表格数据
-        houseinfoList: [],
-        // 弹出层标题
-        title: "",
-        // 是否显示弹出层
-        open: false,
         // 查询参数
-        queryParams: {
+        queryParams:{
           pageNum: 1,
           pageSize: 10,
-          ownerId: null,
-          ownerName: null,
-          cardId: null,
-          xqId: null,
-          houseName: null,
-          buildId: null,
-          ldName: null,
-          unit: null,
-          doorNo: null,
-          houseType: null,
-          houseArea: null,
-          houseProp: null,
-          qnfs: null,
-          toiletType: null,
-          houseIntro: null,
-          housePicture: null,
-          deptId: null,
-          deptName: null,
-          userId: null
+          off: '0',
+          cardId: '',
+          name: ''
         },
-        // 表单参数
-        form: {},
-        // 表单校验
-        rules: {
-          ownerName: [
-            { required: true, message: "户主姓名不能为空", trigger: "blur" }
-          ],
-          houseName: [
-            { required: true, message: "小区名称不能为空", trigger: "blur" }
-          ],
-          deptId: [
-            { required: true, message: "部门id不能为空", trigger: "blur" }
-          ],
-        }
+        // 查询列表
+        list: []
+      },
+      // 小区信息
+      xq: {
+        visible: false,
+        // 遮罩层
+        loading: false,
+        // 总条数
+        total: 0,
+        // 查询参数
+        queryParams:{
+          pageNum: 1,
+          pageSize: 10,
+        },
+        // 查询列表
+        list: []
+      },
+      // 楼栋信息
+      ld: {
+        visible: false,
+        // 遮罩层
+        loading: false,
+        // 总条数
+        total: 0,
+        // 查询参数
+        queryParams:{
+          pageNum: 1,
+          pageSize: 10,
+          xqId: null
+        },
+        // 查询列表
+        list: []
+      },
+    };
+  },
+  created() {
+    this.getList();
+    this.getDeptTree();
+  },
+  methods: {
+    /** 查询组织下拉树结构 */
+    getDeptTree() {
+      deptTreeSelect().then(response => {
+        this.deptOptions = response.data;
+      });
+    },
+    /** 查询房屋信息列表 */
+    getList() {
+      this.loading = true;
+      listHouseinfo(this.queryParams).then(response => {
+        this.houseinfoList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        ownerId: null,
+        ownerName: null,
+        cardId: null,
+        xqId: null,
+        houseName: null,
+        buildId: null,
+        ldName: null,
+        unit: null,
+        doorNo: null,
+        houseType: null,
+        houseArea: null,
+        houseProp: null,
+        qnfs: null,
+        toiletType: null,
+        houseIntro: null,
+        housePicture: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        deptId: null,
+        deptName: null,
+        userId: null
       };
+      this.resetForm("form");
     },
-    created() {
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
       this.getList();
     },
-    methods: {
-      /** 查询房屋信息列表 */
-      getList() {
-        this.loading = true;
-        listHouseinfo(this.queryParams).then(response => {
-          this.houseinfoList = response.rows;
-          this.total = response.total;
-          this.loading = false;
-        });
-      },
-      // 取消按钮
-      cancel() {
-        this.open = false;
-        this.reset();
-      },
-      // 表单重置
-      reset() {
-        this.form = {
-          id: null,
-          ownerId: null,
-          ownerName: null,
-          cardId: null,
-          xqId: null,
-          houseName: null,
-          buildId: null,
-          ldName: null,
-          unit: null,
-          doorNo: null,
-          houseType: null,
-          houseArea: null,
-          houseProp: null,
-          qnfs: null,
-          toiletType: null,
-          houseIntro: null,
-          housePicture: null,
-          createBy: null,
-          createTime: null,
-          updateBy: null,
-          updateTime: null,
-          deptId: null,
-          deptName: null,
-          userId: null
-        };
-        this.resetForm("form");
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.queryParams.pageNum = 1;
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.resetForm("queryForm");
-        this.handleQuery();
-      },
-      // 多选框选中数据
-      handleSelectionChange(selection) {
-        this.ids = selection.map(item => item.id)
-        this.single = selection.length!==1
-        this.multiple = !selection.length
-      },
-      /** 新增按钮操作 */
-      handleAdd() {
-        this.reset();
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加房屋信息";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getHouseinfo(id).then(response => {
+        this.form = response.data;
         this.open = true;
-        this.title = "添加房屋信息";
-      },
-      /** 修改按钮操作 */
-      handleUpdate(row) {
-        this.reset();
-        const id = row.id || this.ids
-        getHouseinfo(id).then(response => {
-          this.form = response.data;
-          this.open = true;
-          this.title = "修改房屋信息";
-        });
-      },
-      /** 提交按钮 */
-      submitForm() {
-        this.$refs["form"].validate(valid => {
-          if (valid) {
-            if (this.form.id != null) {
-              updateHouseinfo(this.form).then(response => {
-                this.$modal.msgSuccess("修改成功");
-                this.open = false;
-                this.getList();
-              });
-            } else {
-              addHouseinfo(this.form).then(response => {
-                this.$modal.msgSuccess("新增成功");
-                this.open = false;
-                this.getList();
-              });
-            }
+        this.title = "修改房屋信息";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateHouseinfo(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addHouseinfo(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
           }
-        });
-      },
-      /** 删除按钮操作 */
-      handleDelete(row) {
-        const ids = row.id || this.ids;
-        this.$modal.confirm('是否确认删除房屋信息编号为"' + ids + '"的数据项？').then(function() {
-          return delHouseinfo(ids);
-        }).then(() => {
-          this.getList();
-          this.$modal.msgSuccess("删除成功");
-        }).catch(() => {});
-      },
-      /** 导出按钮操作 */
-      handleExport() {
-        this.download('szxc/houseinfo/export', {
-          ...this.queryParams
-        }, `houseinfo_${new Date().getTime()}.xlsx`)
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除房屋信息编号为"' + ids + '"的数据项？').then(function() {
+        return delHouseinfo(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('szxc/houseinfo/export', {
+        ...this.queryParams
+      }, `houseinfo_${new Date().getTime()}.xlsx`)
+    },
+    // 点击选择居民
+    ownerSelect(){
+      this.jmin.visible = true;
+      this.getlistJminfo()
+    },
+    /** 查询居民信息列表 */
+    getlistJminfo() {
+      this.jmin.loading = true;
+      listJminfo(this.jmin.queryParams).then(response => {
+        this.jmin.list = response.rows;
+        this.jmin.total = response.total;
+        this.jmin.loading = false;
+      });
+    },
+    // 居民查询
+    jminQuery(){
+      this.jmin.queryParams.pageNum = 1;
+      this.getlistJminfo();
+    },
+    // 居民选择 选中数据
+    jminDblclick(row) {
+      this.form.ownerId = row.id;
+      this.form.ownerName = row.name;
+      this.form.cardId = row.cardId;
+      this.jmin.visible = false
+    },
+    // 点击选择小区
+    houseSelect(){
+      this.xq.visible = true;
+      this.getlistXqinfo()
+    },
+    /** 查询小区信息列表 */
+    getlistXqinfo() {
+      this.xq.loading = true;
+      listXqinfo(this.xq.queryParams).then(response => {
+        this.xq.list = response.rows;
+        this.xq.total = response.total;
+        this.xq.loading = false;
+      });
+    },
+    // 小区查询
+    xqQuery(){
+      this.xq.queryParams.pageNum = 1;
+      this.getlistXqinfo();
+    },
+    // 小区选择 选中数据
+    xqDblclick(row) {
+      this.form.xqId = row.id;
+      this.form.houseName = row.name;
+      this.xq.visible = false
+    },
+    // 楼栋
+    ldSelect(){
+      if(this.form.xqId) {
+        this.ld.queryParams.xqId = this.form.xqId;
+        this.ld.visible = true;
+        this.getlistLdinfo()
+      }else {
+        this.$confirm('还未选择小区，请先选择小区', '提示', {
+          confirmButtonText: '确定',
+          showConfirmButton: false,
+          type: 'warning'
+        })
       }
-    }
-  };
+    },
+    /** 查询楼栋信息列表 */
+    getlistLdinfo() {
+      this.ld.loading = true;
+      listLdinfo(this.ld.queryParams).then(response => {
+        this.ld.list = response.rows;
+        this.ld.total = response.total;
+        this.ld.loading = false;
+      });
+    },
+    // 楼栋查询
+    ldQuery(){
+      this.ld.queryParams.pageNum = 1;
+      this.getlistLdinfo();
+    },
+    // 楼栋选择 选中数据
+    ldDblclick(row) {
+      this.form.buildId = row.id;
+      this.form.ldName = row.ldName;
+      this.form.deptId = row.deptId;
+      this.form.deptName = row.deptName;
+      this.form.qnfs = row.qnfs;
+      this.ld.visible = false
+    },
+  }
+};
 </script>
diff --git a/ruoyi-ui/src/views/szxc/jminfo/index.vue b/ruoyi-ui/src/views/szxc/jminfo/index.vue
index 066982a..3cd6284 100644
--- a/ruoyi-ui/src/views/szxc/jminfo/index.vue
+++ b/ruoyi-ui/src/views/szxc/jminfo/index.vue
@@ -412,6 +412,7 @@
               <el-dropdown-item command="handleBankInfo">银行卡信息</el-dropdown-item>
               <el-dropdown-item command="handleHzbg">户主变更</el-dropdown-item>
               <el-dropdown-item command="handleClxx">车辆信息</el-dropdown-item>
+              <el-dropdown-item command="handleFwxx">房屋信息</el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
         </template>
@@ -1069,6 +1070,46 @@
       </div>
     </el-dialog>
 
+    <el-dialog title="房屋信息" :visible.sync="fwxx.visible" width="1200px" append-to-body>
+      <el-table v-loading="fwxx.loading" :data="fwxx.list" border>
+        <el-table-column label="主键ID" align="center" prop="id" />
+        <el-table-column label="所属网格" align="center" prop="deptName" />
+        <el-table-column label="户主姓名" align="center" prop="ownerName" />
+        <el-table-column label="身份证号" align="center" prop="cardId" />
+        <el-table-column label="小区名称" align="center" prop="houseName" />
+        <el-table-column label="楼栋名称" align="center" prop="ldName" />
+        <el-table-column label="单元" align="center" prop="unit" />
+        <el-table-column label="门牌号" align="center" prop="doorNo" />
+        <el-table-column label="房屋类型" align="center" prop="houseType" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_xqfwlx" :value="scope.row.houseType"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="房屋面积" align="center" prop="houseArea" />
+        <el-table-column label="房屋性质" align="center" prop="houseProp" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_fw_xz" :value="scope.row.houseProp"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="取暖方式" align="center" prop="qnfs" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_qnfs" :value="scope.row.qnfs"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="厕所类型" align="center" prop="toiletType" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_cs_type" :value="scope.row.toiletType"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="房屋简介" align="center" prop="houseIntro" />
+        <el-table-column label="房屋照片" align="center" prop="housePicture" >
+          <template slot-scope="scope">
+            <image-preview :src="scope.row.housePicture" :width="50" :height="50"/>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -1079,6 +1120,7 @@ import { listJmtag, addAllJmtag } from "@/api/szxc/jmtag";
 import { listTag } from "@/api/szxc/tag";
 import { listBankinfo, editDefault, addBankinfo, updateBankinfo, delBankinfo } from "@/api/szxc/bankinfo";
 import { listCarinfo, delCarinfo, addCarinfo, updateCarinfo } from "@/api/szxc/carinfo";
+import { listHouseinfo } from "@/api/szxc/houseinfo";
 import { addRecard } from "@/api/szxc/recard";
 import { addOffrecard } from "@/api/szxc/offrecard";
 import { deptTreeSelect } from "@/api/system/user";
@@ -1089,7 +1131,8 @@ export default {
   name: "Jminfo",
   components: { Treeselect },
   dicts: ['szxc_hjxz', 'szxc_gj', 'szxc_head', 'szxc_hzgx', 'szxc_yes_no', 'szxc_off', 'szxc_gj', 'sys_user_sex',
-    'szxc_brqk', 'szxc_hyzk', 'szxc_xueli', 'szxc_zjxy', 'szxc_jkzk', 'szxc_zzmm', 'szxc_hkbg_reason', 'szxc_cartype'],
+    'szxc_brqk', 'szxc_hyzk', 'szxc_xueli', 'szxc_zjxy', 'szxc_jkzk', 'szxc_zzmm', 'szxc_hkbg_reason',
+    'szxc_cartype', 'szxc_qnfs', 'szxc_fw_xz', 'szxc_xq_type', 'szxc_wy_type', 'szxc_cs_type', 'szxc_xqfwlx'],
   data() {
     return {
       queryMore: false,
@@ -1409,6 +1452,16 @@ export default {
           ],
         },
       },
+      // 房屋信息
+      fwxx: {
+        visible: false,
+        // 遮罩层
+        loading: false,
+        // 查询列表
+        list: [],
+        // 居民信息
+        jminRow: null,
+      },
     };
   },
   created() {
@@ -1579,6 +1632,9 @@ export default {
         case "handleClxx":
           this.handleClxx(row);
           break;
+        case "handleFwxx":
+          this.handleFwxx(row);
+          break;
         default:
           break;
       }
@@ -1818,7 +1874,7 @@ export default {
       this.clxx.visible = true;
       this.getlistClxx();
     },
-    /** 查询银行卡信息列表 */
+    /** 查询车辆信息列表 */
     getlistClxx() {
       listCarinfo({
         pageNum: 1,
@@ -1828,7 +1884,7 @@ export default {
         this.clxx.list = response.rows
       });
     },
-    // 添加银行卡
+    // 添加车辆
     clxxAdd(){
       this.resetForm("clxxForm");
       this.clxx.form = {
@@ -1868,7 +1924,7 @@ export default {
         this.$modal.msgSuccess("删除成功");
       }).catch(() => {});
     },
-    // 添加提交银行卡
+    // 添加车辆银行卡
     clxxSubmit(){
       this.$refs["clxxForm"].validate(valid => {
         if (valid) {
@@ -1888,6 +1944,22 @@ export default {
         }
       });
     },
+    // 房屋信息
+    handleFwxx(row){
+      this.fwxx.jminRow = row;
+      this.fwxx.visible = true;
+      this.getlistHouseinfo();
+    },
+    /** 查询房屋信息列表 */
+    getlistHouseinfo() {
+      listHouseinfo({
+        pageNum: 1,
+        pageSize: 100000000,
+        ownerId: this.fwxx.jminRow.id
+      }).then(response => {
+        this.fwxx.list = response.rows
+      });
+    },
   }
 };
 </script>
diff --git a/ruoyi-ui/src/views/szxc/ldinfo/index.vue b/ruoyi-ui/src/views/szxc/ldinfo/index.vue
index 95b73b6..9fc12ea 100644
--- a/ruoyi-ui/src/views/szxc/ldinfo/index.vue
+++ b/ruoyi-ui/src/views/szxc/ldinfo/index.vue
@@ -310,7 +310,7 @@
       </div>
     </el-dialog>
 
-    <el-dialog title="选择小区" :visible.sync="xqInfo.visible" width="900px" append-to-body>
+    <el-dialog title="选择小区" :visible.sync="xqInfo.visible" width="1000px" append-to-body>
       <el-form :model="xqInfo.queryParams" ref="queryForm" size="small" :inline="true" label-width="70px">
         <el-form-item label="小区名称" prop="name">
           <el-input
@@ -344,12 +344,11 @@
         <el-table-column label="物业负责人" align="center" prop="wyResponse" />
         <el-table-column label="联系电话" align="center" prop="wyPhone" />
         <el-table-column label="小区地址" align="center" prop="xqAddress" />
-        <el-table-column label="建成日期" align="center" prop="buildDate" width="180">
+        <el-table-column label="建成日期" align="center" prop="buildDate" >
           <template slot-scope="scope">
             <span>{{ parseTime(scope.row.buildDate, '{y}-{m}-{d}') }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="小区描述" align="center" prop="xqDescribe" />
       </el-table>
       <pagination
         v-show="xqInfo.total>0"