From b8253b0cf4cb772fac9584c8629b484d1c060466 Mon Sep 17 00:00:00 2001
From: wanglei <wl2666675>
Date: Tue, 19 Mar 2024 11:32:32 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E5=B1=85=E6=B0=91=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/views/szxc/jminfo/index.vue | 631 +++++++++++++++++------
 1 file changed, 470 insertions(+), 161 deletions(-)

diff --git a/ruoyi-ui/src/views/szxc/jminfo/index.vue b/ruoyi-ui/src/views/szxc/jminfo/index.vue
index a80f907..15f96a8 100644
--- a/ruoyi-ui/src/views/szxc/jminfo/index.vue
+++ b/ruoyi-ui/src/views/szxc/jminfo/index.vue
@@ -1,6 +1,6 @@
 <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="90px">
       <el-form-item label="部门id" prop="deptId">
         <el-input
           v-model="queryParams.deptId"
@@ -33,13 +33,35 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="性别" prop="sex">
+        <el-select
+          v-model="queryParams.sex"
+          placeholder="性别"
+          clearable
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.sys_user_sex"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
       <el-form-item label="国籍" prop="nationality">
-        <el-input
+        <el-select
           v-model="queryParams.nationality"
-          placeholder="请输入国籍"
+          placeholder="国籍"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_gj"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="身份证号" prop="cardId">
         <el-input
@@ -74,28 +96,49 @@
         />
       </el-form-item>
       <el-form-item label="与户主关系" prop="relation">
-        <el-input
+        <el-select
           v-model="queryParams.relation"
-          placeholder="请输入与户主关系"
+          placeholder="与户主关系"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_hzgx"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="户籍性质" prop="jgNature">
-        <el-input
+        <el-select
           v-model="queryParams.jgNature"
-          placeholder="请输入户籍性质"
+          placeholder="户籍性质"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_hjxz"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="是否常住" prop="longLive">
-        <el-input
+        <el-select
           v-model="queryParams.longLive"
-          placeholder="请输入是否常住"
+          placeholder="是否常住"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_long_live"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="户籍地址" prop="hjAddress">
         <el-input
@@ -122,92 +165,124 @@
         />
       </el-form-item>
       <el-form-item label="本人情况" prop="brqk">
-        <el-input
+        <el-select
           v-model="queryParams.brqk"
-          placeholder="请输入本人情况"
+          placeholder="本人情况"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_brqk"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="婚姻" prop="hy">
-        <el-input
+        <el-select
           v-model="queryParams.hy"
-          placeholder="请输入婚姻"
+          placeholder="婚姻"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_hyzk"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="学历" prop="xueli">
-        <el-input
+        <el-select
           v-model="queryParams.xueli"
-          placeholder="请输入学历"
+          placeholder="学历"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_xueli"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="政治面貌" prop="zzmm">
-        <el-input
+        <el-select
           v-model="queryParams.zzmm"
-          placeholder="请输入政治面貌"
+          placeholder="政治面貌"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_zzmm"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="宗教信仰" prop="zjxy">
-        <el-input
+        <el-select
           v-model="queryParams.zjxy"
-          placeholder="请输入宗教信仰"
+          placeholder="宗教信仰"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_zjxy"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="健康状况" prop="jkzk">
-        <el-input
+        <el-select
           v-model="queryParams.jkzk"
-          placeholder="请输入健康状况"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="疾病描述" prop="ills">
-        <el-input
-          v-model="queryParams.ills"
-          placeholder="请输入疾病描述"
+          placeholder="健康状况"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_jkzk"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
-      <el-form-item label="是否户主 0:户主 1:非户主" prop="head">
-        <el-input
+      <el-form-item label="是否户主" prop="head">
+        <el-select
           v-model="queryParams.head"
-          placeholder="请输入是否户主 0:户主 1:非户主"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="同户人员ids" prop="sameHeadIds">
-        <el-input
-          v-model="queryParams.sameHeadIds"
-          placeholder="请输入同户人员ids"
+          placeholder="是否户主"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_head"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
-      <el-form-item label="是否注销 0:正常 1:注销" prop="off">
-        <el-input
+      <el-form-item label="是否注销" prop="off">
+        <el-select
           v-model="queryParams.off"
-          placeholder="请输入是否注销 0:正常 1:注销"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="创建者ID" prop="userId">
-        <el-input
-          v-model="queryParams.userId"
-          placeholder="请输入创建者ID"
+          placeholder="是否注销"
           clearable
-          @keyup.enter.native="handleQuery"
-        />
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_off"
+            :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>
@@ -314,7 +389,7 @@
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -324,91 +399,323 @@
     />
 
     <!-- 添加或修改居民信息对话框 -->
-    <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="部门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="姓名" prop="name">
-          <el-input v-model="form.name" placeholder="请输入姓名" />
-        </el-form-item>
-        <el-form-item label="曾用名" prop="oldName">
-          <el-input v-model="form.oldName" placeholder="请输入曾用名" />
-        </el-form-item>
-        <el-form-item label="国籍" prop="nationality">
-          <el-input v-model="form.nationality" placeholder="请输入国籍" />
-        </el-form-item>
-        <el-form-item label="身份证号" prop="cardId">
-          <el-input v-model="form.cardId" placeholder="请输入身份证号" />
-        </el-form-item>
-        <el-form-item label="出生日期" prop="bornDate">
-          <el-date-picker clearable
-            v-model="form.bornDate"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="请选择出生日期">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="年龄" prop="age">
-          <el-input v-model="form.age" placeholder="请输入年龄" />
-        </el-form-item>
-        <el-form-item label="籍贯" prop="jg">
-          <el-input v-model="form.jg" placeholder="请输入籍贯" />
-        </el-form-item>
-        <el-form-item label="与户主关系" prop="relation">
-          <el-input v-model="form.relation" placeholder="请输入与户主关系" />
-        </el-form-item>
-        <el-form-item label="户籍性质" prop="jgNature">
-          <el-input v-model="form.jgNature" placeholder="请输入户籍性质" />
-        </el-form-item>
-        <el-form-item label="是否常住" prop="longLive">
-          <el-input v-model="form.longLive" placeholder="请输入是否常住" />
-        </el-form-item>
-        <el-form-item label="户籍地址" prop="hjAddress">
-          <el-input v-model="form.hjAddress" placeholder="请输入户籍地址" />
-        </el-form-item>
-        <el-form-item label="手机号" prop="phone">
-          <el-input v-model="form.phone" placeholder="请输入手机号" />
-        </el-form-item>
-        <el-form-item label="现居住地" prop="currentAddress">
-          <el-input v-model="form.currentAddress" placeholder="请输入现居住地" />
-        </el-form-item>
-        <el-form-item label="本人情况" prop="brqk">
-          <el-input v-model="form.brqk" placeholder="请输入本人情况" />
-        </el-form-item>
-        <el-form-item label="婚姻" prop="hy">
-          <el-input v-model="form.hy" placeholder="请输入婚姻" />
-        </el-form-item>
-        <el-form-item label="学历" prop="xueli">
-          <el-input v-model="form.xueli" placeholder="请输入学历" />
-        </el-form-item>
-        <el-form-item label="政治面貌" prop="zzmm">
-          <el-input v-model="form.zzmm" placeholder="请输入政治面貌" />
-        </el-form-item>
-        <el-form-item label="宗教信仰" prop="zjxy">
-          <el-input v-model="form.zjxy" placeholder="请输入宗教信仰" />
-        </el-form-item>
-        <el-form-item label="健康状况" prop="jkzk">
-          <el-input v-model="form.jkzk" placeholder="请输入健康状况" />
-        </el-form-item>
-        <el-form-item label="疾病描述" prop="ills">
-          <el-input v-model="form.ills" placeholder="请输入疾病描述" />
-        </el-form-item>
-        <el-form-item label="是否户主 0:户主 1:非户主" prop="head">
-          <el-input v-model="form.head" placeholder="请输入是否户主 0:户主 1:非户主" />
-        </el-form-item>
-        <el-form-item label="同户人员ids" prop="sameHeadIds">
-          <el-input v-model="form.sameHeadIds" placeholder="请输入同户人员ids" />
-        </el-form-item>
-        <el-form-item label="是否注销 0:正常 1:注销" prop="off">
-          <el-input v-model="form.off" placeholder="请输入是否注销 0:正常 1:注销" />
-        </el-form-item>
-        <el-form-item label="创建者ID" prop="userId">
-          <el-input v-model="form.userId" placeholder="请输入创建者ID" />
-        </el-form-item>
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="户号" prop="acountNo">
+              <el-input v-model="queryParams.acountNo" placeholder="请输入户号" clearable @keyup.enter.native="handleQuery" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属网格" prop="deptName">
+              <el-input v-model="form.deptName" placeholder="请输入所属网格" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="户籍地址" prop="hjAddress">
+              <el-input v-model="form.hjAddress" placeholder="请输入户籍地址" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="户籍性质" prop="jgNature">
+              <el-select
+                v-model="form.jgNature"
+                placeholder="户籍性质"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_hjxz"
+                  :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="head">
+              <el-select
+                v-model="form.head"
+                placeholder="是否户主"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_head"
+                  :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="relation">
+              <el-select
+                v-model="form.relation"
+                placeholder="与户主关系"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_hzgx"
+                  :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="longLive">
+              <el-select
+                v-model="form.longLive"
+                placeholder="是否常住"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_long_live"
+                  :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="off">
+              <el-select
+                v-model="form.off"
+                placeholder="是否注销"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_off"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-divider content-position="left">人员基本信息</el-divider>
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="姓名" prop="name">
+              <el-input v-model="form.name" placeholder="请输入姓名" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="曾用名" prop="oldName">
+              <el-input v-model="form.oldName" placeholder="请输入曾用名" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="国籍" prop="nationality">
+              <el-select
+                v-model="form.nationality"
+                placeholder="国籍"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_gj"
+                  :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="cardId">
+              <el-input v-model="form.cardId" placeholder="请输入身份证号" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="出生日期" prop="bornDate">
+              <el-date-picker clearable style="width:100%;"
+                              v-model="form.bornDate"
+                              type="date"
+                              value-format="yyyy-MM-dd"
+                              placeholder="请选择出生日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="年龄" prop="age">
+              <el-input v-model="form.age" placeholder="请输入年龄" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="性别" prop="sex">
+              <el-select
+                v-model="form.sex"
+                placeholder="性别"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.sys_user_sex"
+                  :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="jg">
+              <el-input v-model="form.jg" placeholder="请输入籍贯" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-divider content-position="left">联系信息</el-divider>
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="手机号" prop="phone">
+              <el-input v-model="form.phone" placeholder="请输入手机号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="现居住地" prop="currentAddress">
+              <el-input v-model="form.currentAddress" placeholder="请输入现居住地" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-divider content-position="left">本人情况</el-divider>
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item label="本人情况" prop="brqk">
+              <el-select
+                v-model="form.brqk"
+                placeholder="本人情况"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_brqk"
+                  :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="hy">
+              <el-select
+                v-model="form.hy"
+                placeholder="婚姻"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_hyzk"
+                  :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="xueli">
+              <el-select
+                v-model="form.xueli"
+                placeholder="学历"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_xueli"
+                  :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="zzmm">
+              <el-select
+                v-model="form.zzmm"
+                placeholder="政治面貌"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_zzmm"
+                  :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="zjxy">
+              <el-select
+                v-model="form.zjxy"
+                placeholder="宗教信仰"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_zjxy"
+                  :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="jkzk">
+              <el-select
+                v-model="form.jkzk"
+                placeholder="健康状况"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="dict in dict.type.szxc_jkzk"
+                  :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="ills">
+              <el-input v-model="form.ills" placeholder="请输入疾病描述" />
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -423,6 +730,8 @@ import { listJminfo, getJminfo, delJminfo, addJminfo, updateJminfo } from "@/api
 
 export default {
   name: "Jminfo",
+  dicts: ['szxc_hjxz', 'szxc_gj', 'szxc_head', 'szxc_hzgx', 'szxc_long_live', 'szxc_off', 'szxc_gj', 'sys_user_sex',
+    'szxc_brqk', 'szxc_hyzk', 'szxc_xueli', 'szxc_zjxy', 'szxc_jkzk'],
   data() {
     return {
       // 遮罩层

From c3c99b1d7caeb1cdbca73dcd7dc60d3cb501e14f Mon Sep 17 00:00:00 2001
From: wanglei <wl2666675>
Date: Wed, 20 Mar 2024 08:36:58 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E6=88=B7=E4=B8=BB=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/views/szxc/address/index.vue | 94 +++++++++++++----------
 1 file changed, 52 insertions(+), 42 deletions(-)

diff --git a/ruoyi-ui/src/views/szxc/address/index.vue b/ruoyi-ui/src/views/szxc/address/index.vue
index ca75a1a..b9eb362 100644
--- a/ruoyi-ui/src/views/szxc/address/index.vue
+++ b/ruoyi-ui/src/views/szxc/address/index.vue
@@ -1,6 +1,6 @@
 <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="90px">
       <el-form-item label="姓名" prop="name">
         <el-input
           v-model="queryParams.name"
@@ -25,6 +25,10 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <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="hjAddress">
         <el-input
           v-model="queryParams.hjAddress"
@@ -33,30 +37,6 @@
           @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>
@@ -109,16 +89,14 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="addressList" @selection-change="handleSelectionChange">
+    <el-table v-loading="loading" :data="addressList" @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="id" />
       <el-table-column label="姓名" align="center" prop="name" />
       <el-table-column label="身份证号" align="center" prop="idCard" />
       <el-table-column label="户号" align="center" prop="acountNo" />
       <el-table-column label="户籍地址" align="center" prop="hjAddress" />
-      <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
@@ -138,7 +116,7 @@
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -159,18 +137,13 @@
         <el-form-item label="户号" prop="acountNo">
           <el-input v-model="form.acountNo" placeholder="请输入户号" />
         </el-form-item>
+        <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-form-item label="户籍地址" prop="hjAddress">
           <el-input v-model="form.hjAddress" 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-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -182,9 +155,13 @@
 
 <script>
 import { listAddress, getAddress, delAddress, addAddress, updateAddress } from "@/api/szxc/address";
+import { deptTreeSelect } from "@/api/system/user";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 
 export default {
   name: "Address",
+  components: { Treeselect },
   data() {
     return {
       // 遮罩层
@@ -203,6 +180,8 @@ export default {
       addressList: [],
       // 弹出层标题
       title: "",
+      // 组织树选项
+      deptOptions: undefined,
       // 是否显示弹出层
       open: false,
       // 查询参数
@@ -213,27 +192,58 @@ export default {
         idCard: null,
         acountNo: null,
         hjAddress: null,
+        deptId: null
+      },
+      // 表单参数
+      form: {
+        id: null,
+        name: null,
+        idCard: null,
+        acountNo: null,
+        hjAddress: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
         deptId: null,
         deptName: null,
         userId: null
       },
-      // 表单参数
-      form: {},
       // 表单校验
       rules: {
+        name: [
+          { required: true, message: "姓名不能为空", trigger: "blur" }
+        ],
+        idCard: [
+          { required: true, message: "身份证号不能为空", trigger: "blur" }
+        ],
         acountNo: [
           { required: true, message: "户号不能为空", trigger: "blur" }
         ],
         deptId: [
-          { required: true, message: "部门id不能为空", trigger: "blur" }
+          { required: true, message: "所属网格不能为空", trigger: "blur" }
+        ],
+        hjAddress: [
+          { 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;

From 4de5b967d123f36045afd7fcb27bdb28c25b1eba Mon Sep 17 00:00:00 2001
From: wanglei <wl2666675>
Date: Wed, 20 Mar 2024 11:29:48 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E5=B1=85=E6=B0=91=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=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/jminfo/index.vue | 387 ++++++++++++++++++-----
 1 file changed, 301 insertions(+), 86 deletions(-)

diff --git a/ruoyi-ui/src/views/szxc/jminfo/index.vue b/ruoyi-ui/src/views/szxc/jminfo/index.vue
index 15f96a8..37609da 100644
--- a/ruoyi-ui/src/views/szxc/jminfo/index.vue
+++ b/ruoyi-ui/src/views/szxc/jminfo/index.vue
@@ -1,18 +1,14 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="90px">
-      <el-form-item label="部门id" prop="deptId">
-        <el-input
-          v-model="queryParams.deptId"
-          placeholder="请输入部门id"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+      <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="deptName">
+      <el-form-item label="身份证号" prop="cardId">
         <el-input
-          v-model="queryParams.deptName"
-          placeholder="请输入所属网格"
+          v-model="queryParams.cardId"
+          placeholder="请输入身份证号"
           clearable
           @keyup.enter.native="handleQuery"
         />
@@ -25,6 +21,21 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="是否户主" prop="head">
+        <el-select
+          v-model="queryParams.head"
+          placeholder="是否户主"
+          clearable
+          style="width:100%"
+        >
+          <el-option
+            v-for="dict in dict.type.szxc_head"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
       <el-form-item label="曾用名" prop="oldName">
         <el-input
           v-model="queryParams.oldName"
@@ -63,14 +74,6 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="身份证号" prop="cardId">
-        <el-input
-          v-model="queryParams.cardId"
-          placeholder="请输入身份证号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
       <el-form-item label="出生日期" prop="bornDate">
         <el-date-picker clearable
           v-model="queryParams.bornDate"
@@ -87,7 +90,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="籍贯" prop="jg">
+      <el-form-item label="籍贯" v-if="queryMore" prop="jg">
         <el-input
           v-model="queryParams.jg"
           placeholder="请输入籍贯"
@@ -95,7 +98,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="与户主关系" prop="relation">
+      <el-form-item label="与户主关系" v-if="queryMore" prop="relation">
         <el-select
           v-model="queryParams.relation"
           placeholder="与户主关系"
@@ -110,7 +113,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="户籍性质" prop="jgNature">
+      <el-form-item label="户籍性质" v-if="queryMore" prop="jgNature">
         <el-select
           v-model="queryParams.jgNature"
           placeholder="户籍性质"
@@ -125,7 +128,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="是否常住" prop="longLive">
+      <el-form-item label="是否常住" v-if="queryMore" prop="longLive">
         <el-select
           v-model="queryParams.longLive"
           placeholder="是否常住"
@@ -140,7 +143,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="户籍地址" prop="hjAddress">
+      <el-form-item label="户籍地址" v-if="queryMore" prop="hjAddress">
         <el-input
           v-model="queryParams.hjAddress"
           placeholder="请输入户籍地址"
@@ -148,7 +151,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="手机号" prop="phone">
+      <el-form-item label="手机号" v-if="queryMore" prop="phone">
         <el-input
           v-model="queryParams.phone"
           placeholder="请输入手机号"
@@ -156,7 +159,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="现居住地" prop="currentAddress">
+      <el-form-item label="现居住地" v-if="queryMore" prop="currentAddress">
         <el-input
           v-model="queryParams.currentAddress"
           placeholder="请输入现居住地"
@@ -164,7 +167,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="本人情况" prop="brqk">
+      <el-form-item label="本人情况" v-if="queryMore" prop="brqk">
         <el-select
           v-model="queryParams.brqk"
           placeholder="本人情况"
@@ -179,7 +182,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="婚姻" prop="hy">
+      <el-form-item label="婚姻" v-if="queryMore" prop="hy">
         <el-select
           v-model="queryParams.hy"
           placeholder="婚姻"
@@ -194,7 +197,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="学历" prop="xueli">
+      <el-form-item label="学历" v-if="queryMore" prop="xueli">
         <el-select
           v-model="queryParams.xueli"
           placeholder="学历"
@@ -209,7 +212,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="政治面貌" prop="zzmm">
+      <el-form-item label="政治面貌" v-if="queryMore" prop="zzmm">
         <el-select
           v-model="queryParams.zzmm"
           placeholder="政治面貌"
@@ -224,7 +227,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="宗教信仰" prop="zjxy">
+      <el-form-item label="宗教信仰" v-if="queryMore" prop="zjxy">
         <el-select
           v-model="queryParams.zjxy"
           placeholder="宗教信仰"
@@ -239,7 +242,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="健康状况" prop="jkzk">
+      <el-form-item label="健康状况" v-if="queryMore" prop="jkzk">
         <el-select
           v-model="queryParams.jkzk"
           placeholder="健康状况"
@@ -254,22 +257,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="是否户主" prop="head">
-        <el-select
-          v-model="queryParams.head"
-          placeholder="是否户主"
-          clearable
-          style="width:100%"
-        >
-          <el-option
-            v-for="dict in dict.type.szxc_head"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="是否注销" prop="off">
+      <el-form-item label="是否注销" v-if="queryMore" prop="off">
         <el-select
           v-model="queryParams.off"
           placeholder="是否注销"
@@ -287,6 +275,8 @@
       <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>
+        <el-button icon="el-icon-caret-bottom" v-if="!queryMore" @click="queryMoreFun" size="mini">更多</el-button>
+        <el-button icon="el-icon-caret-top" v-if="queryMore" @click="queryMoreFun" size="mini">收起</el-button>
       </el-form-item>
     </el-form>
 
@@ -336,41 +326,100 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="jminfoList" @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="部门id" align="center" prop="deptId" />
-      <el-table-column label="所属网格" align="center" prop="deptName" />
-      <el-table-column label="姓名" align="center" prop="name" />
-      <el-table-column label="曾用名" align="center" prop="oldName" />
-      <el-table-column label="国籍" align="center" prop="nationality" />
-      <el-table-column label="身份证号" align="center" prop="cardId" />
-      <el-table-column label="出生日期" align="center" prop="bornDate" width="180">
+    <el-table v-loading="loading" :data="jminfoList" @selection-change="handleSelectionChange" border>
+      <el-table-column type="selection" width="55" align="center" fixed/>
+      <el-table-column label="居民ID" align="center" prop="id" fixed/>
+      <el-table-column label="户号" align="center" prop="acountNo" min-width="120"/>
+      <el-table-column label="所属网格" align="center" prop="deptName" min-width="120"/>
+      <el-table-column label="户籍地址" align="center" prop="hjAddress" min-width="120"/>
+      <el-table-column label="户籍性质" align="center" prop="jgNature" min-width="120">
         <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.bornDate, '{y}-{m}-{d}') }}</span>
+          <dict-tag :options="dict.type.szxc_hjxz" :value="scope.row.jgNature"/>
         </template>
       </el-table-column>
-      <el-table-column label="年龄" align="center" prop="age" />
-      <el-table-column label="性别" align="center" prop="sex" />
-      <el-table-column label="籍贯" align="center" prop="jg" />
-      <el-table-column label="与户主关系" align="center" prop="relation" />
-      <el-table-column label="户籍性质" align="center" prop="jgNature" />
-      <el-table-column label="是否常住" align="center" prop="longLive" />
-      <el-table-column label="户籍地址" align="center" prop="hjAddress" />
-      <el-table-column label="手机号" align="center" prop="phone" />
-      <el-table-column label="现居住地" align="center" prop="currentAddress" />
-      <el-table-column label="本人情况" align="center" prop="brqk" />
-      <el-table-column label="婚姻" align="center" prop="hy" />
-      <el-table-column label="学历" align="center" prop="xueli" />
-      <el-table-column label="政治面貌" align="center" prop="zzmm" />
-      <el-table-column label="宗教信仰" align="center" prop="zjxy" />
-      <el-table-column label="健康状况" align="center" prop="jkzk" />
-      <el-table-column label="疾病描述" align="center" prop="ills" />
-      <el-table-column label="是否户主 0:户主 1:非户主" align="center" prop="head" />
-      <el-table-column label="同户人员ids" align="center" prop="sameHeadIds" />
-      <el-table-column label="是否注销 0:正常 1:注销" align="center" prop="off" />
-      <el-table-column label="创建者ID" align="center" prop="userId" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column label="是否户主" align="center" prop="head" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_head" :value="scope.row.head"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="与户主关系" align="center" prop="relation" min-width="120">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_hzgx" :value="scope.row.relation"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="是否常住" align="center" prop="longLive" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_long_live" :value="scope.row.longLive"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="是否注销" align="center" prop="off" >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.szxc_off" :value="scope.row.off"/>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="人员基本信息" align="center">
+        <el-table-column label="姓名" align="center" prop="name" min-width="120"/>
+        <el-table-column label="曾用名" align="center" prop="oldName" min-width="120"/>
+        <el-table-column label="国籍" align="center" prop="nationality" min-width="120">
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_gj" :value="scope.row.nationality"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="身份证号" align="center" prop="cardId" min-width="180"/>
+        <el-table-column label="出生日期" align="center" prop="bornDate" min-width="120">
+          <template slot-scope="scope">
+            <span>{{ parseTime(scope.row.bornDate, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="年龄" align="center" prop="age" />
+        <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="120"/>
+      </el-table-column>
+
+      <el-table-column label="人员基本信息" align="center">
+        <el-table-column label="手机号" align="center" prop="phone" min-width="120"/>
+        <el-table-column label="现居住地" align="center" prop="currentAddress" min-width="120"/>
+      </el-table-column>
+
+      <el-table-column label="人员基本信息" align="center">
+        <el-table-column label="本人情况" align="center" prop="brqk" min-width="120">
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_brqk" :value="scope.row.brqk"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="婚姻" align="center" prop="hy" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_hyzk" :value="scope.row.hy"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="学历" align="center" prop="xueli" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_xueli" :value="scope.row.xueli"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="政治面貌" align="center" prop="zzmm" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_zzmm" :value="scope.row.zzmm"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="宗教信仰" align="center" prop="zjxy" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_zjxy" :value="scope.row.zjxy"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="健康状况" align="center" prop="jkzk" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.szxc_jkzk" :value="scope.row.jkzk"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="疾病描述" align="center" prop="ills" />
+      </el-table-column>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="120">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -405,19 +454,24 @@
         <el-row :gutter="10">
           <el-col :span="12">
             <el-form-item label="户号" prop="acountNo">
-              <el-input v-model="queryParams.acountNo" placeholder="请输入户号" clearable @keyup.enter.native="handleQuery" />
+              <el-input
+                placeholder="请输入户号查询"
+                v-model="form.acountNo">
+                <el-button slot="append" icon="el-icon-search" @click="acountNoQuery"></el-button>
+              </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="所属网格" prop="deptName">
-              <el-input v-model="form.deptName" placeholder="请输入所属网格" />
+              <treeselect v-model="form.deptId" :options="deptOptions" :disable-branch-nodes="true" :disabled="true"
+                          placeholder="请选择所属网格" style="width:100%;" @select="selectedTree"/>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="12">
             <el-form-item label="户籍地址" prop="hjAddress">
-              <el-input v-model="form.hjAddress" placeholder="请输入户籍地址" />
+              <el-input v-model="form.hjAddress" placeholder="请输入户籍地址" readonly/>
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -722,18 +776,70 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+    <el-dialog title="选择户主信息" :visible.sync="hzInfo.dialogVisible" width="900px" append-to-body>
+      <el-form :model="hzInfo.queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
+        <el-form-item label="身份证号" prop="idCard">
+          <el-input
+            v-model="hzInfo.queryParams.idCard"
+            placeholder="请输入身份证号"
+            clearable
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="姓名" prop="name">
+          <el-input
+            v-model="hzInfo.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="hzInfoQuery">搜索</el-button>
+        </el-form-item>
+
+      </el-form>
+      <el-table v-loading="hzInfo.loading" :data="hzInfo.addressList" border @cell-dblclick="hzInfoDblclick">
+        <el-table-column label="序号" align="center" prop="index" width="50">
+          <template slot-scope="scope">
+            {{ scope.$index + 1 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="户号" align="center" prop="acountNo" />
+        <el-table-column label="姓名" align="center" prop="name" />
+        <el-table-column label="户籍地址" align="center" prop="hjAddress" />
+        <el-table-column label="所属网格" align="center" prop="deptName" />
+      </el-table>
+
+      <pagination
+        v-show="hzInfo.total>0"
+        :total="hzInfo.total"
+        :page.sync="hzInfo.queryParams.pageNum"
+        :limit.sync="hzInfo.queryParams.pageSize"
+        @pagination="getlistAddress"
+      />
+
+    </el-dialog>
+
   </div>
 </template>
 
 <script>
 import { listJminfo, getJminfo, delJminfo, addJminfo, updateJminfo } from "@/api/szxc/jminfo";
+import { listAddress } from "@/api/szxc/address";
+import { deptTreeSelect } from "@/api/system/user";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 
 export default {
   name: "Jminfo",
+  components: { Treeselect },
   dicts: ['szxc_hjxz', 'szxc_gj', 'szxc_head', 'szxc_hzgx', 'szxc_long_live', 'szxc_off', 'szxc_gj', 'sys_user_sex',
     'szxc_brqk', 'szxc_hyzk', 'szxc_xueli', 'szxc_zjxy', 'szxc_jkzk'],
   data() {
     return {
+      queryMore: false,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -750,6 +856,8 @@ export default {
       jminfoList: [],
       // 弹出层标题
       title: "",
+      // 组织树选项
+      deptOptions: undefined,
       // 是否显示弹出层
       open: false,
       // 查询参数
@@ -780,12 +888,45 @@ export default {
         jkzk: null,
         ills: null,
         head: null,
-        sameHeadIds: null,
+        acountNo: null,
         off: null,
         userId: null
       },
       // 表单参数
-      form: {},
+      form: {
+        id: null,
+        deptId: null,
+        deptName: null,
+        name: null,
+        oldName: null,
+        nationality: null,
+        cardId: null,
+        bornDate: null,
+        age: null,
+        sex: null,
+        jg: null,
+        relation: null,
+        jgNature: null,
+        longLive: null,
+        hjAddress: null,
+        phone: null,
+        currentAddress: null,
+        brqk: null,
+        hy: null,
+        xueli: null,
+        zzmm: null,
+        zjxy: null,
+        jkzk: null,
+        ills: null,
+        head: null,
+        acountNo: null,
+        off: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        userId: null
+      },
       // 表单校验
       rules: {
         deptId: [
@@ -797,13 +938,48 @@ export default {
         off: [
           { required: true, message: "是否注销 0:正常 1:注销不能为空", trigger: "blur" }
         ],
+      },
+      // 户主信息
+      hzInfo: {
+        dialogVisible: false,
+        // 遮罩层
+        loading: false,
+        // 总条数
+        total: 0,
+        // 查询参数
+        queryParams:{
+          pageNum: 1,
+          pageSize: 10,
+          name: null,
+          idCard: null,
+          acountNo: null,
+          hjAddress: null,
+          deptId: null
+        },
+        // 查询列表
+        addressList: []
       }
     };
   },
   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;
+    },
+    acountNoQuery(){
+      this.hzInfo.dialogVisible = true;
+      this.getlistAddress()
+    },
     /** 查询居民信息列表 */
     getList() {
       this.loading = true;
@@ -846,7 +1022,7 @@ export default {
         jkzk: null,
         ills: null,
         head: null,
-        sameHeadIds: null,
+        acountNo: null,
         off: null,
         createBy: null,
         createTime: null,
@@ -866,6 +1042,12 @@ export default {
       this.resetForm("queryForm");
       this.handleQuery();
     },
+    // 更多或收起
+    queryMoreFun(){
+      this.queryMore = !this.queryMore;
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)
@@ -923,7 +1105,40 @@ export default {
       this.download('szxc/jminfo/export', {
         ...this.queryParams
       }, `jminfo_${new Date().getTime()}.xlsx`)
-    }
+    },
+    /** 查询户主信息列表 */
+    getlistAddress() {
+      this.hzInfo.loading = true;
+      listAddress(this.hzInfo.queryParams).then(response => {
+        this.hzInfo.addressList = response.rows;
+        this.hzInfo.total = response.total;
+        this.hzInfo.loading = false;
+      });
+    },
+    hzInfoQuery(){
+      this.hzInfo.queryParams.pageNum = 1;
+      this.getlistAddress();
+    },
+    // 户主选择 选中数据
+    hzInfoDblclick(row) {
+      console.log(row)
+      this.form.acountNo = row.acountNo;
+      this.form.deptId = row.deptId;
+      this.form.deptName = row.deptName;
+      this.form.hjAddress = row.hjAddress;
+      this.hzInfo.dialogVisible = false
+    },
   }
 };
 </script>
+
+<style scoped>
+::v-deep.el-divider--horizontal{
+  height: 2px;
+  margin: 40px 0;
+}
+::v-deep.el-divider__text{
+  font-size: 18px;
+  font-weight: bolder;
+}
+</style>