From 5420136712573a00c65a779676248fcba6255db1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AE=B8=E5=AE=8F=E6=9D=B0?= <1943105267@qq.com>
Date: Wed, 30 Oct 2024 15:41:16 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8E=E5=8F=B0=E7=AE=A1=E7=90=86=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E9=9B=86=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/user.js                   |  124 +--
 src/assets/icons/svg/icon_1.svg          |   14 +
 src/assets/icons/svg/icon_2.svg          |   10 +
 src/assets/icons/svg/juming.svg          |    2 +
 src/assets/icons/svg/map.svg             |    1 +
 src/assets/logo/logo.png                 |  Bin 5663 -> 4290 bytes
 src/layout/components/Navbar.vue         |  117 +--
 src/router/index.js                      |    2 +-
 src/settings.js                          |    8 +-
 src/utils/regex/formRegex.js             |   90 ++
 src/utils/regex/index.js                 |   16 +
 src/views/components/xiaoqu/building.vue |    1 -
 src/views/taicangpop/building/index.vue  |  550 +++++++++++
 src/views/taicangpop/check/index.vue     |  730 +++++++++++++++
 src/views/taicangpop/house/index.vue     |  769 ++++++++++++++++
 src/views/taicangpop/person/index.vue    | 1074 ++++++++++++++++++++++
 16 files changed, 3389 insertions(+), 119 deletions(-)
 create mode 100644 src/assets/icons/svg/icon_1.svg
 create mode 100644 src/assets/icons/svg/icon_2.svg
 create mode 100644 src/assets/icons/svg/juming.svg
 create mode 100644 src/assets/icons/svg/map.svg
 create mode 100644 src/utils/regex/formRegex.js
 create mode 100644 src/utils/regex/index.js
 create mode 100644 src/views/taicangpop/building/index.vue
 create mode 100644 src/views/taicangpop/check/index.vue
 create mode 100644 src/views/taicangpop/house/index.vue
 create mode 100644 src/views/taicangpop/person/index.vue

diff --git a/src/api/system/user.js b/src/api/system/user.js
index 9b0211a..f6b1290 100644
--- a/src/api/system/user.js
+++ b/src/api/system/user.js
@@ -1,136 +1,142 @@
-import request from '@/utils/request'
+import request from "@/utils/request";
 import { parseStrEmpty } from "@/utils/ruoyi";
 
 // 查询用户列表
 export function listUser(query) {
   return request({
-    url: '/system/user/list',
-    method: 'get',
-    params: query
-  })
+    url: "/system/user/list",
+    method: "get",
+    params: query,
+  });
 }
 
 // 查询用户详细
 export function getUser(userId) {
   return request({
-    url: '/system/user/' + parseStrEmpty(userId),
-    method: 'get'
-  })
+    url: "/system/user/" + parseStrEmpty(userId),
+    method: "get",
+  });
 }
 
 // 新增用户
 export function addUser(data) {
   return request({
-    url: '/system/user',
-    method: 'post',
-    data: data
-  })
+    url: "/system/user",
+    method: "post",
+    data: data,
+  });
 }
 
 // 修改用户
 export function updateUser(data) {
   return request({
-    url: '/system/user',
-    method: 'put',
-    data: data
-  })
+    url: "/system/user",
+    method: "put",
+    data: data,
+  });
 }
 
 // 删除用户
 export function delUser(userId) {
   return request({
-    url: '/system/user/' + userId,
-    method: 'delete'
-  })
+    url: "/system/user/" + userId,
+    method: "delete",
+  });
 }
 
 // 用户密码重置
 export function resetUserPwd(userId, password) {
   const data = {
     userId,
-    password
-  }
+    password,
+  };
   return request({
-    url: '/system/user/resetPwd',
-    method: 'put',
-    data: data
-  })
+    url: "/system/user/resetPwd",
+    method: "put",
+    data: data,
+  });
 }
 
 // 用户状态修改
 export function changeUserStatus(userId, status) {
   const data = {
     userId,
-    status
-  }
+    status,
+  };
   return request({
-    url: '/system/user/changeStatus',
-    method: 'put',
-    data: data
-  })
+    url: "/system/user/changeStatus",
+    method: "put",
+    data: data,
+  });
 }
 
 // 查询用户个人信息
 export function getUserProfile() {
   return request({
-    url: '/system/user/profile',
-    method: 'get'
-  })
+    url: "/system/user/profile",
+    method: "get",
+  });
 }
 
 // 修改用户个人信息
 export function updateUserProfile(data) {
   return request({
-    url: '/system/user/profile',
-    method: 'put',
-    data: data
-  })
+    url: "/system/user/profile",
+    method: "put",
+    data: data,
+  });
 }
 
 // 用户密码重置
 export function updateUserPwd(oldPassword, newPassword) {
   const data = {
     oldPassword,
-    newPassword
-  }
+    newPassword,
+  };
   return request({
-    url: '/system/user/profile/updatePwd',
-    method: 'put',
-    params: data
-  })
+    url: "/system/user/profile/updatePwd",
+    method: "put",
+    params: data,
+  });
 }
 
 // 用户头像上传
 export function uploadAvatar(data) {
   return request({
-    url: '/system/user/profile/avatar',
-    method: 'post',
-    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-    data: data
-  })
+    url: "/system/user/profile/avatar",
+    method: "post",
+    headers: { "Content-Type": "application/x-www-form-urlencoded" },
+    data: data,
+  });
 }
 
 // 查询授权角色
 export function getAuthRole(userId) {
   return request({
-    url: '/system/user/authRole/' + userId,
-    method: 'get'
-  })
+    url: "/system/user/authRole/" + userId,
+    method: "get",
+  });
 }
 
 // 保存授权角色
 export function updateAuthRole(data) {
   return request({
-    url: '/system/user/authRole',
-    method: 'put',
-    params: data
-  })
+    url: "/system/user/authRole",
+    method: "put",
+    params: data,
+  });
 }
 
 // 查询部门下拉树结构
+// export function deptTreeSelect() {
+//   return request({
+//     url: '/system/user/deptTree',
+//     method: 'get'
+//   })
+// }
 export function deptTreeSelect() {
   return request({
-    url: '/system/user/deptTree',
-    method: 'get'
-  })
+    url: "/system/dept/treeselect",
+    method: "get",
+  });
 }
diff --git a/src/assets/icons/svg/icon_1.svg b/src/assets/icons/svg/icon_1.svg
new file mode 100644
index 0000000..632e1bd
--- /dev/null
+++ b/src/assets/icons/svg/icon_1.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
+<path d="M37.9,29.1v-2.2h-2.8c-0.1-0.6-0.4-1.2-0.7-1.7l2.1-2.1l-1.6-1.6l-2.1,2.1c-0.5-0.4-1.1-0.6-1.7-0.7v-2.8h-2.2v2.8
+	c-0.6,0.1-1.1,0.4-1.6,0.7l-2.2-2.1L23.3,23l2.2,2.2c-0.2,0.5-0.5,1.1-0.6,1.6h-3v2.2h3c0.1,0.6,0.4,1.1,0.7,1.6l-2.2,2.2l1.6,1.6
+	l2.2-2.2c0.5,0.4,1,0.6,1.6,0.7v3h2.2v-3c0.6-0.1,1.1-0.4,1.6-0.6l2.2,2.2l1.6-1.6l-2.1-2.1c0.4-0.5,0.6-1.1,0.7-1.6h2.7V29.1z
+	 M30,30.8c-1.6,0-3-1.4-3-3c0-1.6,1.4-3,3-3c1.6,0,3,1.4,3,3S31.6,30.8,30,30.8z"/>
+<path d="M22.1,33.3h-1.6V16h11v2.3c0.7,0.1,1.9,0.1,2.6,0.4v-4.3c0-0.6-0.5-1.1-1.1-1.1H20.6V5.1c0-0.6-0.5-1.1-1.1-1.1H5.8
+	C5.1,4,4.6,4.5,4.6,5.1V33h-1c-1,0-1.5,0.5-1.5,1.5S2.6,36,3.6,36h20.8C23.2,34.9,23,34.6,22.1,33.3z M17,27.7
+	c0,0.9-0.6,1.5-1.5,1.5H9.6c-0.9,0-1.5-0.6-1.5-1.5s0.6-1.5,1.5-1.5h5.9C16.4,26.2,17,27,17,27.7z M15.6,21.2H9.6
+	c-0.9,0-1.5-0.6-1.5-1.5c0-0.9,0.6-1.5,1.5-1.5h5.9c0.9,0,1.5,0.6,1.5,1.5C17,20.6,16.4,21.2,15.6,21.2z M15.6,13.1H9.6
+	c-0.9,0-1.5-0.6-1.5-1.5c0-0.9,0.6-1.5,1.5-1.5h5.9c0.9,0,1.5,0.6,1.5,1.5C17,12.5,16.4,13.1,15.6,13.1z"/>
+</svg>
diff --git a/src/assets/icons/svg/icon_2.svg b/src/assets/icons/svg/icon_2.svg
new file mode 100644
index 0000000..8504b7a
--- /dev/null
+++ b/src/assets/icons/svg/icon_2.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
+<path d="M20,4c0.5,0,0.9,0.2,1.1,0.5l8.9,8.2l7.8,6.6c0.5,0.5,0.5,0.9,0.2,1.4c-0.2,0.5-0.7,0.9-1.1,0.9h-5.2V36H8V21.6H3.2
+	c-0.7,0-1.1-0.2-1.4-0.9c0-0.5,0-0.9,0.5-1.4L18.9,4.5C19.1,4.3,19.6,4,20,4z M22.5,26.6c0,0-1.8,2.3-2.7,2.3
+	c-0.7,0-2.7-2.3-2.7-2.3s-2.7,0.5-3.9,1.4c-0.9,0.7-1.4,5-1.4,5h16c0,0-0.2-4.1-1.4-5C25.3,27.1,22.5,26.6,22.5,26.6z M19.8,16.1
+	c-1.1,0-2.1,0.5-2.7,1.1c-0.9,0.9-1.1,1.8-1.1,3c0,2.3,1.8,4.1,4.1,4.1s4.1-1.8,4.1-4.1c0-1.1-0.5-2.1-1.1-3
+	C21.9,16.6,21,16.1,19.8,16.1z"/>
+</svg>
diff --git a/src/assets/icons/svg/juming.svg b/src/assets/icons/svg/juming.svg
new file mode 100644
index 0000000..c4968ca
--- /dev/null
+++ b/src/assets/icons/svg/juming.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1648098799488" class="icon" viewBox="0 0 1048 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3911" xmlns:xlink="http://www.w3.org/1999/xlink" width="131" height="128"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M334.571747 570.128513a14.452891 14.452891 0 0 0 14.452891 14.70645h125.638727c7.987124 0 14.452891-6.592547 14.452891-14.83323V528.671536c0-8.240683-6.338987-14.83323-14.452891-14.83323h-125.638727c-7.987124 0-14.452891 6.592547-14.452891 14.706451v41.583756zM474.663365 233.78185c7.987124 0 14.452891-6.592547 14.452891-14.83323V177.491643c0-8.240683-6.338987-14.83323-14.452891-14.83323h-125.638727c-7.987124 0-14.452891 6.592547-14.452891 14.70645v41.456977a14.452891 14.452891 0 0 0 14.452891 14.70645h125.638727z" p-id="3912"></path><path d="M464.013867 985.966077c0-22.440015 2.535595-44.372911 6.972886-65.798688h-107.382444v-100.155999h-112.453634v100.155999H87.731584c-9.381701 0-16.734926-7.480005-16.734927-16.861706V87.985143c0-4.437291 1.648137-8.874582 4.81763-12.044076s7.480005-4.94441 11.917297-4.94441h439.291816c4.437291 0 8.747802 1.774916 11.917296 4.94441s4.94441 7.606785 4.81763 11.917296v347.376501a101.246304 101.246304 0 0 1 68.080723-26.243407c1.014238 0 1.901696 0 2.915934 0.12678v-50.711898a16.89974 16.89974 0 0 1 16.734927-16.861706h272.069332c4.437291 0 8.747802 1.774916 11.790517 4.94441 3.169494 3.169494 4.94441 7.480005 4.94441 11.917296v49.063761c27.891544 17.749164 52.106475 40.696298 70.996657 67.827164V305.919525c0-19.524081-15.847468-35.371549-35.244769-35.371549H614.628204V35.498329A35.498329 35.498329 0 0 0 579.256655 0H35.371549A35.574396 35.574396 0 0 0 0 35.498329v920.167388a35.498329 35.498329 0 0 0 35.371549 35.498329h428.895877c-0.12678-1.774916-0.253559-3.549833-0.253559-5.197969z" p-id="3913"></path><path d="M334.571747 394.665346a14.452891 14.452891 0 0 0 14.452891 14.70645h125.638727c7.987124 0 14.452891-6.592547 14.452891-14.83323v-41.456976c0-8.240683-6.338987-14.83323-14.452891-14.83323h-125.638727c-7.987124 0-14.452891 6.592547-14.452891 14.70645v41.710536zM334.571747 745.71846c0 3.930172 1.521357 7.606785 4.183732 10.395939 2.662375 2.789154 6.465767 4.310511 10.269159 4.310511h125.638727c7.987124 0 14.452891-6.592547 14.452891-14.83323v-41.456977c0-8.240683-6.338987-14.83323-14.452891-14.83323h-125.638727c-7.987124 0-14.452891 6.592547-14.452891 14.706451v41.710536zM280.056457 353.208369c0-8.240683-6.338987-14.83323-14.452891-14.83323h-125.638728c-7.987124 0-14.452891 6.592547-14.45289 14.706451v41.456976c0 3.803392 1.521357 7.606785 4.183731 10.395939 2.662375 2.789154 6.465767 4.310511 10.269159 4.310512h125.638728c7.987124 0 14.452891-6.592547 14.452891-14.83323v-41.203418zM280.056457 528.671536c0-8.240683-6.338987-14.83323-14.452891-14.83323h-125.638728c-7.987124 0-14.452891 6.592547-14.45289 14.706451v41.456976c0 3.803392 1.521357 7.606785 4.183731 10.395939 2.662375 2.789154 6.465767 4.310511 10.269159 4.310512h125.638728c7.987124 0 14.452891-6.592547 14.452891-14.83323V528.671536zM280.056457 177.618423c0-8.240683-6.338987-14.83323-14.452891-14.83323h-125.638728c-7.987124 0-14.452891 6.592547-14.45289 14.83323v41.456976c0 3.803392 1.521357 7.606785 4.183731 10.395939 2.789154 2.789154 6.338987 4.310511 10.269159 4.310512h125.638728c7.987124 0 14.452891-6.592547 14.452891-14.83323v-41.330197zM139.964838 689.428253c-7.987124 0-14.452891 6.592547-14.45289 14.70645v41.456977c0 3.803392 1.521357 7.606785 4.183731 10.395939 2.662375 2.789154 6.465767 4.310511 10.269159 4.310511h125.638728c7.987124 0 14.452891-6.592547 14.452891-14.83323v-41.456976c0-8.240683-6.338987-14.83323-14.452891-14.83323h-125.638728z" p-id="3914"></path><path d="M787.682555 432.065371c-38.921382 0-75.180389 12.170856-104.973628 32.835954 0 0-0.12678 0-0.12678 0.126779-16.861706 10.522719-46.781726 8.621023-68.714622 7.353226-20.918658-1.141018-39.048161 14.70645-40.315959 35.625108a38.109991 38.109991 0 0 0 35.625109 40.315959l6.846106 0.380339c-8.367463 21.172217-13.185093 44.119351-13.185094 68.207503 0 55.402749 24.595271 104.973629 63.389873 138.9506-82.406834 43.612232-138.823821 130.329578-138.823821 230.105238 0 21.045438 16.988486 38.033923 38.033923 38.033923s38.033923-16.988486 38.033924-38.033923c0-101.550576 82.660394-184.210969 184.337749-184.21097 101.930915 0 184.718088-82.913953 184.718089-184.718088s-82.913953-184.971648-184.844869-184.971648z m0 293.495109c-59.966819 0-108.650241-48.810202-108.650241-108.650241s48.810202-108.650241 108.650241-108.650241 108.650241 48.810202 108.650242 108.650241-48.683422 108.650241-108.650242 108.650241zM987.867773 819.377492a38.148025 38.148025 0 0 0-53.627832-4.94441 38.148025 38.148025 0 0 0-4.94441 53.627832c27.511205 32.962734 42.597994 74.80005 42.597994 117.905163 0 21.045438 16.988486 38.033923 38.033923 38.033923s38.033923-16.988486 38.033924-38.033923c0.12678-60.854278-21.298997-119.933639-60.093599-166.588585z" p-id="3915"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/svg/map.svg b/src/assets/icons/svg/map.svg
new file mode 100644
index 0000000..5280b24
--- /dev/null
+++ b/src/assets/icons/svg/map.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1730273791795" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5295" width="128" height="128" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M184.204 412.113L702.999 930.91H186.205a93.09 93.09 0 0 1-93.09-93.09l-0.024-334.593 91.113-91.113zM568.669 93.091a253.324 253.324 0 0 0-79.918 184.855c0 67.63 26.46 129.07 69.725 174.662l5.283 5.4L728.25 621.614c8.378 8.331 21.644 8.96 30.79 1.908l2.188-1.908 164.491-163.678a225.687 225.687 0 0 0 5.213-5.329v385.21a93.09 93.09 0 0 1-93.09 93.091h-36.073l-568.18-568.18L503.225 93.09h65.466z m176.082 0c102.772 0 186.181 87.668 186.181 195.863 0 54.11-20.829 103.052-54.574 138.496L756.736 553.356a16.407 16.407 0 0 1-23.97 0L613.12 427.496c-33.745-35.444-54.575-84.386-54.575-138.495 0-108.195 83.41-195.91 186.182-195.91z m-340.271 0L93.09 404.457V186.182a93.09 93.09 0 0 1 93.092-93.091H404.48z m340.247 93.09a93.09 93.09 0 1 0 0 186.183 93.09 93.09 0 0 0 0-186.182z" p-id="5296" ></path></svg>
\ No newline at end of file
diff --git a/src/assets/logo/logo.png b/src/assets/logo/logo.png
index e26376026420542212ed58d90d0ed34f554fa4ae..adc6c11f536461b1aeb6a64bbe604538a919cd8a 100644
GIT binary patch
literal 4290
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

literal 5663
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

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 466cd98..bf3a95c 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,13 +1,22 @@
 <template>
   <div class="navbar">
-    <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
-
-    <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/>
-    <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/>
+    <hamburger
+      id="hamburger-container"
+      :is-active="sidebar.opened"
+      class="hamburger-container"
+      @toggleClick="toggleSideBar"
+    />
+
+    <breadcrumb
+      id="breadcrumb-container"
+      class="breadcrumb-container"
+      v-if="!topNav"
+    />
+    <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav" />
 
     <div class="right-menu">
-      <template v-if="device!=='mobile'">
-        <search id="header-search" class="right-menu-item" />
+      <template v-if="device !== 'mobile'">
+        <!-- <search id="header-search" class="right-menu-item" />
 
         <el-tooltip content="源码地址" effect="dark" placement="bottom">
           <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
@@ -21,22 +30,24 @@
 
         <el-tooltip content="布局大小" effect="dark" placement="bottom">
           <size-select id="size-select" class="right-menu-item hover-effect" />
-        </el-tooltip>
-
+        </el-tooltip> -->
       </template>
 
-      <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
+      <el-dropdown
+        class="avatar-container right-menu-item hover-effect"
+        trigger="click"
+      >
         <div class="avatar-wrapper">
-          <img :src="avatar" class="user-avatar">
+          <img :src="avatar" class="user-avatar" />
           <i class="el-icon-caret-bottom" />
         </div>
         <el-dropdown-menu slot="dropdown">
           <router-link to="/user/profile">
             <el-dropdown-item>个人中心</el-dropdown-item>
           </router-link>
-          <el-dropdown-item @click.native="setting = true">
+          <!-- <el-dropdown-item @click.native="setting = true">
             <span>布局设置</span>
-          </el-dropdown-item>
+          </el-dropdown-item> -->
           <el-dropdown-item divided @click.native="logout">
             <span>退出登录</span>
           </el-dropdown-item>
@@ -47,15 +58,15 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
-import Breadcrumb from '@/components/Breadcrumb'
-import TopNav from '@/components/TopNav'
-import Hamburger from '@/components/Hamburger'
-import Screenfull from '@/components/Screenfull'
-import SizeSelect from '@/components/SizeSelect'
-import Search from '@/components/HeaderSearch'
-import RuoYiGit from '@/components/RuoYi/Git'
-import RuoYiDoc from '@/components/RuoYi/Doc'
+import { mapGetters } from "vuex";
+import Breadcrumb from "@/components/Breadcrumb";
+import TopNav from "@/components/TopNav";
+import Hamburger from "@/components/Hamburger";
+import Screenfull from "@/components/Screenfull";
+import SizeSelect from "@/components/SizeSelect";
+import Search from "@/components/HeaderSearch";
+import RuoYiGit from "@/components/RuoYi/Git";
+import RuoYiDoc from "@/components/RuoYi/Doc";
 
 export default {
   components: {
@@ -66,48 +77,46 @@ export default {
     SizeSelect,
     Search,
     RuoYiGit,
-    RuoYiDoc
+    RuoYiDoc,
   },
   computed: {
-    ...mapGetters([
-      'sidebar',
-      'avatar',
-      'device'
-    ]),
+    ...mapGetters(["sidebar", "avatar", "device"]),
     setting: {
       get() {
-        return this.$store.state.settings.showSettings
+        return this.$store.state.settings.showSettings;
       },
       set(val) {
-        this.$store.dispatch('settings/changeSetting', {
-          key: 'showSettings',
-          value: val
-        })
-      }
+        this.$store.dispatch("settings/changeSetting", {
+          key: "showSettings",
+          value: val,
+        });
+      },
     },
     topNav: {
       get() {
-        return this.$store.state.settings.topNav
-      }
-    }
+        return this.$store.state.settings.topNav;
+      },
+    },
   },
   methods: {
     toggleSideBar() {
-      this.$store.dispatch('app/toggleSideBar')
+      this.$store.dispatch("app/toggleSideBar");
     },
     async logout() {
-      this.$confirm('确定注销并退出系统吗？', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        this.$store.dispatch('LogOut').then(() => {
-          location.href = '/index';
+      this.$confirm("确定注销并退出系统吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.$store.dispatch("LogOut").then(() => {
+            location.href = "/index";
+          });
         })
-      }).catch(() => {});
-    }
-  }
-}
+        .catch(() => {});
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
@@ -116,18 +125,18 @@ export default {
   overflow: hidden;
   position: relative;
   background: #fff;
-  box-shadow: 0 1px 4px rgba(0,21,41,.08);
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
 
   .hamburger-container {
     line-height: 46px;
     height: 100%;
     float: left;
     cursor: pointer;
-    transition: background .3s;
-    -webkit-tap-highlight-color:transparent;
+    transition: background 0.3s;
+    -webkit-tap-highlight-color: transparent;
 
     &:hover {
-      background: rgba(0, 0, 0, .025)
+      background: rgba(0, 0, 0, 0.025);
     }
   }
 
@@ -164,10 +173,10 @@ export default {
 
       &.hover-effect {
         cursor: pointer;
-        transition: background .3s;
+        transition: background 0.3s;
 
         &:hover {
-          background: rgba(0, 0, 0, .025)
+          background: rgba(0, 0, 0, 0.025);
         }
       }
     }
diff --git a/src/router/index.js b/src/router/index.js
index 8c882d8..e5ce5a1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -71,7 +71,7 @@ export const constantRoutes = [
     path: "/index",
     component: () => import("@/views/index"),
     name: "Index",
-    meta: { title: "首页", icon: "dashboard", affix: true },
+    meta: { title: "街道", icon: "map", affix: true },
   },
   {
     path: "/shequ",
diff --git a/src/settings.js b/src/settings.js
index 6a0b09f..25d8328 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -2,7 +2,7 @@ module.exports = {
   /**
    * 侧边栏主题 深色主题theme-dark，浅色主题theme-light
    */
-  sideTheme: 'theme-dark',
+  sideTheme: "theme-dark",
 
   /**
    * 是否系统布局配置
@@ -22,7 +22,7 @@ module.exports = {
   /**
    * 是否固定头部
    */
-  fixedHeader: false,
+  fixedHeader: true,
 
   /**
    * 是否显示logo
@@ -40,5 +40,5 @@ module.exports = {
    * The default is only used in the production env
    * If you want to also use it in dev, you can pass ['production', 'development']
    */
-  errorLog: 'production'
-}
+  errorLog: "production",
+};
diff --git a/src/utils/regex/formRegex.js b/src/utils/regex/formRegex.js
new file mode 100644
index 0000000..3ec4078
--- /dev/null
+++ b/src/utils/regex/formRegex.js
@@ -0,0 +1,90 @@
+/*
+ * @Author: 许宏杰
+ * @Date: 2021-12-28 16:05:36
+ * @LastEditors: 许宏杰
+ * @LastEditTime: 2022-03-24 14:25:05
+ * @FilePath: \taicangpopulationpc\src\utils\regex\formRegex.js
+ */
+//以key:value方式一次性全部导出
+export default {
+  // 邮箱
+  checkEmail: (rule, value, callback) => {
+    const mailReg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
+    if (!value) {
+      return callback(new Error("邮箱不能为空"));
+    }
+    setTimeout(() => {
+      if (mailReg.test(value)) {
+        callback();
+      } else {
+        callback(new Error("请输入正确的邮箱格式"));
+      }
+    }, 100);
+  },
+  //手机号
+  checkPhone: (rule, value, callback) => {
+    const phoneReg = /^1[3|4|5|7|8][0-9]{9}$/;
+    if (!value) {
+      return callback(new Error("电话号码不能为空"));
+    }
+    setTimeout(() => {
+      // Number.isInteger是es6验证数字是否为整数的方法,但是我实际用的时候输入的数字总是识别成字符串
+      // 所以我就在前面加了一个+实现隐式转换
+      if (!Number.isInteger(+value)) {
+        callback(new Error("请输入数字值"));
+      } else {
+        if (phoneReg.test(value)) {
+          callback();
+        } else {
+          callback(new Error("电话号码格式不正确"));
+        }
+      }
+    }, 100);
+  },
+  //正整数大于0
+  checkcontractLeaseArea: (rule, value, callback) => {
+    const contractLeaseArea = /^[1-9]\d*$/;
+    if (!value) {
+      return callback(new Error("数字不能小于且等于0"));
+    }
+    setTimeout(() => {
+      if (contractLeaseArea.test(value)) {
+        callback();
+      } else {
+        callback(new Error("请输入大于0的数字"));
+      }
+    }, 100);
+  },
+  //只接受中文汉字
+  ChineseCharacters(text) {
+    let personalName = (rule, value, callback) => {
+      const names = /^[\u4e00-\u9fa5]{2,15}$/;
+      if (!value) {
+        return callback(new Error(`${text}名称不能为空`));
+      }
+      setTimeout(() => {
+        if (names.test(value)) {
+          callback();
+        } else {
+          callback(new Error(`${text}只能为中文汉字`));
+        }
+      }, 100);
+    };
+    return personalName;
+  },
+  //身份证
+  idCard: (rule, value, callback) => {
+    let id =
+      /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
+    if (!value) {
+      return callback(new Error("身份证号码不能为空"));
+    }
+    setTimeout(() => {
+      if (id.test(value)) {
+        callback();
+      } else {
+        callback(new Error("请输入正确的身份证号码"));
+      }
+    }, 100);
+  },
+};
diff --git a/src/utils/regex/index.js b/src/utils/regex/index.js
new file mode 100644
index 0000000..d056f71
--- /dev/null
+++ b/src/utils/regex/index.js
@@ -0,0 +1,16 @@
+/*
+ * @Author: 许宏杰
+ * @Date: 2021-12-28 10:21:48
+ * @LastEditors: 许宏杰
+ * @LastEditTime: 2021-12-28 16:22:32
+ * @FilePath: \hezhangzhipc\src\utils\regex\index.js
+ */
+import formRegex from './formRegex.js'//引入自己的正则文件目录
+
+export default {
+    formRegex,//导出
+}
+
+//页面使用
+// 引入 import 名字 from "@/utils/regex/index.js";
+// 使用 名字.index导出名字.key
\ No newline at end of file
diff --git a/src/views/components/xiaoqu/building.vue b/src/views/components/xiaoqu/building.vue
index 7501789..4f0bb2b 100644
--- a/src/views/components/xiaoqu/building.vue
+++ b/src/views/components/xiaoqu/building.vue
@@ -77,7 +77,6 @@ export default {
       } else {
         // 初始化每层楼的数组
         let floors = Array.from({ length: this.info.floor }, () => []);
-
         // 遍历房间数据
         this.list.forEach((room) => {
           // 提取房间号前几位作为楼层号
diff --git a/src/views/taicangpop/building/index.vue b/src/views/taicangpop/building/index.vue
new file mode 100644
index 0000000..aaf32da
--- /dev/null
+++ b/src/views/taicangpop/building/index.vue
@@ -0,0 +1,550 @@
+<template>
+  <div class="app-container">
+    <div class="table_container">
+      <el-row :gutter="20">
+        <el-col :span="4" :xs="24">
+          <div class="from_tree">
+            <div class="head-container">
+              <el-input
+                v-model="deptName"
+                placeholder="请输入部门名称"
+                clearable
+                size="small"
+                prefix-icon="el-icon-search"
+                style="margin-bottom: 20px"
+              />
+            </div>
+            <div class="head-container">
+              <el-tree
+                :data="deptOptions"
+                :props="defaultProps"
+                :expand-on-click-node="false"
+                :filter-node-method="filterNode"
+                node-key="id"
+                :default-expanded-keys="defaultKey"
+                :current-node-key="defaultActive"
+                highlight-current
+                ref="tree"
+                @node-click="handleNodeClick"
+              />
+              <!-- :default-checked-keys="defaultActive" -->
+            </div>
+          </div>
+        </el-col>
+        <el-col :span="20" :xs="24">
+          <div class="from_table">
+            <el-form
+              :model="queryParams"
+              ref="queryForm"
+              :inline="true"
+              v-show="showSearch"
+            >
+              <el-form-item label="名称" prop="name">
+                <el-input
+                  v-model="queryParams.name"
+                  placeholder="请输入名称"
+                  clearable
+                  size="small"
+                  @keyup.enter.native="handleQuery"
+                />
+              </el-form-item>
+              <el-form-item>
+                <el-button
+                  class="search_btn"
+                  type="primary"
+                  icon="el-icon-search"
+                  size="mini"
+                  @click="handleQuery"
+                  >搜索</el-button
+                >
+                <el-button
+                  class="agin_btn"
+                  icon="el-icon-refresh"
+                  size="mini"
+                  @click="resetQuery"
+                  >重置</el-button
+                >
+              </el-form-item>
+            </el-form>
+
+            <el-row :gutter="10" class="mb8">
+              <el-col :span="1.5">
+                <el-button
+                  type="new"
+                  size="mini"
+                  @click="handleAdd"
+                  v-hasPermi="['taicangpop:building:add']"
+                  >新增</el-button
+                >
+              </el-col>
+              <el-col :span="1.5">
+                <el-button
+                  type="revise"
+                  size="mini"
+                  :disabled="single"
+                  @click="handleUpdate"
+                  v-hasPermi="['taicangpop:building:edit']"
+                  >修改</el-button
+                >
+              </el-col>
+              <el-col :span="1.5">
+                <el-button
+                  type="remove"
+                  size="mini"
+                  :disabled="multiple"
+                  @click="handleDelete"
+                  v-hasPermi="['taicangpop:building:remove']"
+                  >删除</el-button
+                >
+              </el-col>
+              <el-col :span="1.5">
+                <el-button
+                  type="export"
+                  size="mini"
+                  :loading="exportLoading"
+                  @click="handleExport"
+                  v-hasPermi="['taicangpop:building:export']"
+                  >导出</el-button
+                >
+              </el-col>
+              <right-toolbar
+                :showSearch.sync="showSearch"
+                @queryTable="getList"
+              ></right-toolbar>
+            </el-row>
+            <el-table
+              v-loading="loading"
+              :data="buildingList"
+              @selection-change="handleSelectionChange"
+            >
+              <el-table-column type="selection" width="55" align="center" />
+              <el-table-column
+                label="组团名称"
+                align="center"
+                prop="deptname"
+              />
+              <el-table-column label="名称" align="center" prop="name" />
+              <el-table-column label="层数" align="center" prop="floor" />
+              <el-table-column label="每层单元数" align="center" prop="unit" />
+              <el-table-column label="每层总户数" align="center" prop="house" />
+              <el-table-column
+                label="操作"
+                align="center"
+                class-name="small-padding fixed-width"
+                width="200"
+              >
+                <template slot-scope="scope">
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-zoom-in"
+                    @click="handleInfo(scope.row)"
+                    >查看</el-button
+                  >
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-edit"
+                    @click="handleUpdate(scope.row)"
+                    v-hasPermi="['taicangpop:building:edit']"
+                    >修改</el-button
+                  >
+                  <el-button
+                    class="table_icon_text"
+                    size="mini"
+                    type="text"
+                    icon="el-icon-delete"
+                    @click="handleDelete(scope.row)"
+                    v-hasPermi="['taicangpop:building:remove']"
+                    >删除</el-button
+                  >
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <pagination
+              v-show="total > 0"
+              :total="total"
+              :page.sync="queryParams.pageNum"
+              :limit.sync="queryParams.pageSize"
+              @pagination="getList"
+            />
+
+            <!-- 添加或修改楼栋管理对话框 -->
+            <el-dialog
+              :title="title"
+              :visible.sync="open"
+              width="500px"
+              append-to-body
+              :close-on-click-modal="false"
+              :destroy-on-close="true"
+            >
+              <el-form
+                ref="form"
+                :model="form"
+                :rules="rules"
+                label-width="auto"
+              >
+                <el-form-item label="名称" prop="name">
+                  <el-input v-model="form.name" placeholder="请输入名称" />
+                </el-form-item>
+                <el-form-item label="归属部门" prop="deptId">
+                  <treeselect
+                    v-model="form.deptId"
+                    :options="deptOptions"
+                    :show-count="true"
+                    placeholder="请选择归属部门"
+                  />
+                </el-form-item>
+                <el-form-item label="层数" prop="floor">
+                  <el-input v-model="form.floor" 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="house">
+                  <el-input
+                    v-model="form.house"
+                    placeholder="请输入每层总户数"
+                  />
+                </el-form-item>
+                <el-form-item label="备注" prop="remark">
+                  <el-input
+                    v-model="form.remark"
+                    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="infoOpen"
+              width="500px"
+              append-to-body
+              :close-on-click-modal="false"
+              :destroy-on-close="true"
+            >
+              <el-descriptions
+                title="楼幢详情"
+                :column="1"
+                border
+                class="textData"
+              >
+                <el-descriptions-item label="苑名称">{{
+                  form.deptname
+                }}</el-descriptions-item>
+                <el-descriptions-item label="楼名称">{{
+                  form.name
+                }}</el-descriptions-item>
+
+                <el-descriptions-item label="层数">{{
+                  form.floor
+                }}</el-descriptions-item>
+                <el-descriptions-item label="每层单元数">{{
+                  form.unit
+                }}</el-descriptions-item>
+                <el-descriptions-item label="每层总户数">{{
+                  form.house
+                }}</el-descriptions-item>
+                <el-descriptions-item label="备注">{{
+                  form.remark
+                }}</el-descriptions-item>
+              </el-descriptions>
+            </el-dialog>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  listBuilding,
+  getBuilding,
+  delBuilding,
+  addBuilding,
+  updateBuilding,
+  exportBuilding,
+} from "@/api/taicangpop/building";
+
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+//部门
+import { treeselect } from "@/api/system/dept";
+//校正
+import check from "@/utils/regex/index.js";
+export default {
+  name: "Building",
+  components: { Treeselect },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 楼栋管理表格数据
+      buildingList: [],
+      // 弹出层标题
+      title: "",
+      // 部门名称
+      deptName: undefined,
+      // 部门树选项
+      deptOptions: undefined,
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      // 是否显示弹出层
+      open: false,
+      //详情弹出层
+      infoOpen: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: null,
+        deptId: undefined,
+      },
+      defaultKey: [],
+      defaultActive: "",
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        name: [{ required: true, message: "名称不能为空", trigger: "blur" }],
+        deptId: [
+          { required: true, message: "归属部门不能为空", trigger: "blur" },
+        ],
+      },
+      autoWidth: {
+        width: "",
+      },
+    };
+  },
+  watch: {
+    // 根据名称筛选部门树
+    deptName(val) {
+      this.$refs.tree.filter(val);
+    },
+  },
+  created() {
+    this.getTreeselect();
+    // this.getList();
+  },
+
+  methods: {
+    /** 查询部门下拉树结构 */
+    getTreeselect() {
+      treeselect().then((response) => {
+        this.deptOptions = response.data;
+
+        //默认展开项
+        this.deptOptions.forEach((item) => {
+          item.children.forEach((child) => {
+            if (child.children) {
+              child.children.forEach((childs) => {
+                if (childs.children) {
+                  childs.children.forEach((childss) => {
+                    // console.warn("默认展开4", childss);
+                    this.defaultKey.push(childss.id);
+                  });
+                }
+              });
+            }
+          });
+        });
+
+        // 默认选中
+        this.defaultActive =
+          this.deptOptions[0].children[0].children[0].children[0].children[0].id;
+
+        //需要注意的是setCurrentKey函数必须要放到$nextTick里面，要不然tree还未渲染上，是找不到defaultActive的
+        this.$nextTick(() => {
+          this.$refs.tree.setCurrentKey(this.defaultActive);
+        });
+
+        this.queryParams = {
+          pageNum: 1,
+          pageSize: 10,
+          name: null,
+          deptId: this.defaultActive,
+        };
+        this.getList();
+      });
+    },
+    // 筛选节点
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+    // 节点单击事件
+    handleNodeClick(data) {
+      if (!data.children) {
+        this.queryParams.deptId = data.id;
+        this.getList();
+      }
+    },
+
+    /** 查询楼栋管理列表 */
+    getList() {
+      this.loading = true;
+      listBuilding(this.queryParams).then((response) => {
+        this.buildingList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        name: null,
+        floor: null,
+        unit: null,
+        house: null,
+        createId: null,
+        createBy: null,
+        createTime: null,
+        updateId: null,
+        updateBy: null,
+        updateTime: null,
+        remark: null,
+        userId: null,
+        deptId: 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;
+    },
+    /** 查看按钮操作 */
+    handleLook(row) {
+      this.reset();
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加楼栋管理";
+    },
+    /**查看详情 */
+    handleInfo(row) {
+      this.reset();
+      let id = row.id;
+      getBuilding(id).then((response) => {
+        this.form = response.data;
+        this.infoOpen = true;
+      });
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids;
+      getBuilding(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) {
+            updateBuilding(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            this.form.userId = JSON.parse(
+              sessionStorage.getItem("USER_INFO")
+            ).userId;
+            addBuilding(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 delBuilding(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$modal
+        .confirm("是否确认导出所有楼栋管理数据项？")
+        .then(() => {
+          this.exportLoading = true;
+          return exportBuilding(queryParams);
+        })
+        .then((response) => {
+          this.$download.name(response.msg);
+          this.exportLoading = false;
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+::v-deep .el-descriptions-row th {
+  text-align: center !important;
+  width: 130px !important;
+}
+::v-deep .textData {
+  padding-bottom: 10px;
+}
+</style>
diff --git a/src/views/taicangpop/check/index.vue b/src/views/taicangpop/check/index.vue
new file mode 100644
index 0000000..b08b8c5
--- /dev/null
+++ b/src/views/taicangpop/check/index.vue
@@ -0,0 +1,730 @@
+<template>
+  <div class="app-container">
+    <div class="table_container">
+      <el-row :gutter="20">
+        <!--部门数据-->
+        <el-col :span="4" :xs="24">
+          <div class="from_tree">
+            <div class="head-container">
+              <el-input
+                v-model="deptName"
+                placeholder="请输入部门名称"
+                clearable
+                size="small"
+                prefix-icon="el-icon-search"
+                style="margin-bottom: 20px"
+              />
+            </div>
+            <div class="head-container">
+              <el-tree
+                :props="defaultProps"
+                :expand-on-click-node="false"
+                :filter-node-method="filterNode"
+                :load="loadNode"
+                lazy
+                ref="tree"
+                node-key="id"
+                :default-expanded-keys="defaultExpandKeys"
+                @node-click="handleNodeClick"
+                @node-expand="handleNodeExpand"
+                @node-collapse="handleNodeCollapse"
+                :current-node-key="defaultActive"
+                highlight-current
+              />
+            </div>
+          </div>
+        </el-col>
+        <!--用户数据-->
+        <el-col :span="20" :xs="24">
+          <el-form
+            :model="queryParams"
+            ref="queryForm"
+            :inline="true"
+            v-show="showSearch"
+            label-width="68px"
+          >
+            <el-form-item label="分色" prop="color">
+              <el-select
+                v-model="queryParams.color"
+                placeholder="请选择分色"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in dict.type.b_color_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                class="search_btn"
+                type="primary"
+                icon="el-icon-search"
+                size="mini"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button
+                class="agin_btn"
+                icon="el-icon-refresh"
+                size="mini"
+                @click="resetQuery"
+                >重置
+              </el-button>
+            </el-form-item>
+          </el-form>
+
+          <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+              <el-button
+                type="new"
+                size="mini"
+                @click="handleAdd"
+                v-hasPermi="['taicangpop:check:add']"
+                >新增</el-button
+              >
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                type="revise"
+                size="mini"
+                :disabled="single"
+                @click="handleUpdate"
+                v-hasPermi="['taicangpop:check:edit']"
+                >修改</el-button
+              >
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                type="remove"
+                size="mini"
+                :disabled="multiple"
+                @click="handleDelete"
+                v-hasPermi="['taicangpop:check:remove']"
+                >删除</el-button
+              >
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                type="export"
+                size="mini"
+                :loading="exportLoading"
+                @click="handleExport"
+                v-hasPermi="['taicangpop:check:export']"
+                >导出</el-button
+              >
+            </el-col>
+            <right-toolbar
+              :showSearch.sync="showSearch"
+              @queryTable="getList"
+            ></right-toolbar>
+          </el-row>
+
+          <el-table
+            v-loading="loading"
+            :data="checkList"
+            @selection-change="handleSelectionChange"
+          >
+            <el-table-column type="selection" width="55" align="center" />
+            <el-table-column label="组团名称" align="center" prop="deptname" />
+            <el-table-column
+              label="楼栋名称"
+              align="center"
+              prop="buildingname"
+            />
+            <el-table-column label="住户名称" align="center" prop="housename" />
+            <!-- <el-table-column label="网格员id" align="center" prop="managerId" /> -->
+            <el-table-column label="分色" align="center" prop="color">
+              <template slot-scope="scope">
+                <dict-tag
+                  :options="dict.type.b_color_type"
+                  :value="scope.row.color"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="操作"
+              align="center"
+              class-name="small-padding fixed-width"
+              width="200"
+            >
+              <template slot-scope="scope">
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-zoom-in"
+                  @click="handleInfo(scope.row)"
+                  >查看</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-edit"
+                  @click="handleUpdate(scope.row)"
+                  v-hasPermi="['taicangpop:check:edit']"
+                  >修改</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-delete"
+                  @click="handleDelete(scope.row)"
+                  v-hasPermi="['taicangpop:check:remove']"
+                  >删除</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <pagination
+            v-show="total > 0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
+          />
+        </el-col>
+      </el-row>
+
+      <!-- 添加或修改巡检记录管理对话框 -->
+      <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="managerId">
+            <el-input v-model="form.managerId" placeholder="请输入网格员id" />
+          </el-form-item> -->
+          <el-form-item label="组团" prop="deptId">
+            <treeselect
+              v-model="form.deptId"
+              :options="deptOptions"
+              :show-count="true"
+              placeholder="请选择归属组团"
+              @select="treeSelect"
+            />
+          </el-form-item>
+          <el-form-item label="楼栋" prop="buildingId">
+            <el-select
+              v-model="form.buildingId"
+              placeholder="请输入楼栋"
+              filterable
+              @change="selectBuildingChange"
+            >
+              <el-option
+                v-for="dict in buildingList"
+                :key="parseInt(dict.id)"
+                :label="dict.name"
+                :value="parseInt(dict.id)"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="住户" prop="houseId">
+            <el-select
+              v-model="form.houseId"
+              placeholder="请输入住户"
+              filterable
+            >
+              <el-option
+                v-for="dict in houselist"
+                :key="parseInt(dict.id)"
+                :label="dict.name"
+                :value="parseInt(dict.id)"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <!-- <el-form-item label="分色" prop="color">
+            <el-select v-model="form.color" placeholder="请选择分色">
+              <el-option
+                v-for="dict in dict.type.b_color_type"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              ></el-option>
+            </el-select>
+          </el-form-item> -->
+          <el-form-item label="备注" prop="remark">
+            <el-input
+              v-model="form.remark"
+              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="infoOpen"
+        width="500px"
+        append-to-body
+        :close-on-click-modal="false"
+        :destroy-on-close="true"
+      >
+        <el-descriptions title="巡检详情" :column="1" border class="textData">
+          <el-descriptions-item label="苑名称">{{
+            form.deptname
+          }}</el-descriptions-item>
+          <el-descriptions-item label="楼名称">{{
+            form.buildingname
+          }}</el-descriptions-item>
+          <el-descriptions-item label="室名称">{{
+            form.housename
+          }}</el-descriptions-item>
+          <el-descriptions-item label="备注">{{
+            form.remark
+          }}</el-descriptions-item>
+        </el-descriptions>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  listCheck,
+  getCheck,
+  delCheck,
+  addCheck,
+  updateCheck,
+  exportCheck,
+} from "@/api/taicangpop/check";
+import { treeselect, getDept, listDept } from "@/api/system/dept";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import { listBuilding } from "@/api/taicangpop/building";
+import { listHouse } from "@/api/taicangpop/house";
+
+export default {
+  name: "Check",
+  dicts: ["b_color_type"],
+  components: { Treeselect },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 巡检记录管理表格数据
+      checkList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      infoOpen: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        managerId: null,
+        color: null,
+        buildingId: null,
+        houseId: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {},
+      // 部门树选项
+      deptOptions: undefined,
+      // 部门名称
+      deptName: undefined,
+      defaultProps: {
+        children: "children",
+        label: "label",
+        isLeaf: "leaf",
+      },
+      //   default-expanded-keys
+      defaultExpandKeys: [],
+      defaultActive: "",
+      buildingList: [],
+      houselist: [],
+      deptId: null,
+      isInit: true,
+    };
+  },
+  created() {
+    // this.getList();
+  },
+  methods: {
+    treeSelect(node, instanceId) {
+      // console.log(node);
+      if (!node.children) {
+        this.deptId = node.id;
+        let queryBuildingParams = {
+          deptId: node.id,
+        };
+        this.getBuildingList(queryBuildingParams);
+      }
+    },
+    /** 查询楼栋管理列表 */
+    getBuildingList(queryBuildingParams) {
+      listBuilding(queryBuildingParams).then((response) => {
+        this.buildingList = response.rows;
+      });
+    },
+    selectBuildingChange(val) {
+      //   console.log(val);
+      let queryHouseParams = {
+        buildingId: val,
+        deptId: this.deptId,
+      };
+      this.getHouseList(queryHouseParams);
+    },
+    /** 查询楼栋管理列表 */
+    getHouseList(queryHouseParams) {
+      // this.queryHouseParams
+      listHouse(queryHouseParams).then((response) => {
+        this.houselist = response.rows;
+      });
+    },
+    /** 查询部门下拉树结构 */
+    getTreeselect(node, resolve) {
+      treeselect().then((response) => {
+        this.deptOptions = response.data;
+        let datas = response.data;
+        datas.forEach((item) => {
+          item.children = item.children;
+          item.label = item.label;
+          item.id = item.id;
+          item.parentId = item.id;
+        });
+        if (this.isInit) {
+          // 动态展开第一级
+          this.defaultExpandKeys = [this.deptOptions[0].id];
+        }
+        return resolve(datas);
+      });
+    },
+    // 筛选节点
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+    // 节点展开关闭
+    handleNodeExpand() {
+      this.isInit = false;
+    },
+    handleNodeCollapse() {
+      this.isInit = false;
+    },
+    // 节点单击事件
+    handleNodeClick(data, node) {
+      this.isInit = false;
+      //   console.log(data, node);
+      // 苑
+      if (node.level == 5) {
+        //默认请求list项
+        this.queryParams = {
+          pageNum: 1,
+          pageSize: 10,
+          deptId: data.id,
+        };
+        this.getList();
+      }
+      // 栋
+      else if (node.level == 6) {
+        //默认请求list项
+        this.queryParams = {
+          pageNum: 1,
+          pageSize: 10,
+          deptId: data.deptId,
+          buildingId: data.id,
+        };
+        this.getList();
+      }
+      // 室
+      else if (node.level == 7) {
+        //默认请求list项
+        this.queryParams = {
+          pageNum: 1,
+          pageSize: 10,
+          deptId: data.parentId,
+          buildingId: data.buildingId,
+          houseId: data.id,
+        };
+        this.getList();
+      }
+      //   this.queryParams.deptId = data.id;
+      //   this.getList();
+    },
+    reqListDept(queryParam, resolve) {
+      listDept(queryParam).then((res) => {
+        let datas = res.data;
+        // console.log(datas);
+        datas.forEach((item) => {
+          item.children = item.children;
+          item.label = item.deptName;
+          item.id = item.deptId;
+          item.parentId = item.parentId;
+        });
+        if (this.isInit) {
+          // 动态展开第一级
+          this.defaultExpandKeys.push(datas[0].deptId);
+        }
+
+        return resolve(datas);
+      });
+    },
+    // 请求楼栋表
+    reqListBuilding(queryParam, resolve) {
+      listBuilding(queryParam).then((res) => {
+        let datas = res.rows;
+        // console.log(datas);
+        datas.forEach((item) => {
+          item.children = item.children;
+          item.label = item.name;
+          item.id = item.id;
+          item.parentId = item.deptId;
+        });
+
+        if (this.isInit) {
+          // 动态展开第一级
+          this.defaultExpandKeys.push(datas[0].id);
+        }
+        return resolve(datas);
+      });
+    },
+    // 请求住户表
+    reqListHouse(queryParam, resolve) {
+      listHouse(queryParam).then((res) => {
+        let datas = res.rows;
+        // console.log(datas);
+        datas.forEach((item) => {
+          item.label = item.name;
+          item.id = item.id;
+          item.parentId = item.deptId;
+          item.leaf = true;
+        });
+        this.defaultActive = res.rows[0].id;
+        // console.log("默认选中项", this.defaultActive);
+        //需要注意的是setCurrentKey函数必须要放到$nextTick里面，要不然tree还未渲染上，是找不到defaultActive的
+        this.$nextTick(() => {
+          this.$refs.tree.setCurrentKey(this.defaultActive);
+        });
+        //默认请求list项
+        this.queryParams = {
+          pageNum: 1,
+          pageSize: 10,
+          deptId: datas[0].parentId,
+          houseId: datas[0].id,
+          buildingId: datas[0].buildingId,
+        };
+        this.getList();
+        return resolve(datas);
+      });
+    },
+    loadNode(node, resolve) {
+      this.defaultActive = "";
+      this.defaultExpandKeys = [];
+      if (node.level == 0) {
+        // console.log("走了");
+        this.getTreeselect(node, resolve);
+      }
+      if (node.level > 0 && node.level < 5) {
+        // console.log(node.data);
+        let queryParam = {
+          parentId: node.data.id,
+        };
+        // console.log("<5", node.data);
+        this.reqListDept(queryParam, resolve);
+      }
+      // 5级子节点根据id获取接口数据
+      else if (node.level == 5) {
+        let queryParam = {
+          deptId: node.data.id,
+        };
+        // console.log("building", node);
+        this.reqListBuilding(queryParam, resolve);
+      }
+      // 6级子节点根据id获取接口数据
+      else if (node.level == 6) {
+        let queryParam = {
+          buildingId: node.data.id,
+          deptId: node.data.parentId,
+        };
+        // console.log("housing", node);
+        this.reqListHouse(queryParam, resolve);
+      } else {
+        return resolve([]); // 加上这个，防止在该节点没有子节点时一直转圈的问题发生。
+      }
+    },
+    /** 查询巡检记录管理列表 */
+    getList() {
+      this.loading = true;
+      listCheck(this.queryParams).then((response) => {
+        this.checkList = response.rows;
+        // console.log(this.checkList);
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        managerId: null,
+        color: null,
+        buildingId: null,
+        houseId: null,
+        createId: null,
+        createBy: null,
+        createTime: null,
+        updateId: null,
+        updateBy: null,
+        updateTime: null,
+        remark: null,
+        userId: null,
+        deptId: 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();
+      this.open = true;
+      this.title = "添加巡检记录管理";
+    },
+    /**查看详情 */
+    handleInfo(row) {
+      const id = row.id;
+      getCheck(id).then((response) => {
+        this.form = response.data;
+        this.infoOpen = true;
+      });
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids;
+      getCheck(id).then((response) => {
+        this.form = response.data;
+        let Data = {
+          deptId: this.form.deptId,
+        };
+        listBuilding(Data).then((res) => {
+          this.buildingList = res.rows;
+        });
+        let queryParam = {
+          buildingId: this.form.buildingId,
+          deptId: this.form.deptId,
+        };
+        listHouse(queryParam).then((res) => {
+          this.houselist = res.rows;
+          this.open = true;
+        });
+
+        this.title = "修改巡检记录管理";
+        // 数据要调整
+        // console.log(this.form);
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateCheck(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            this.form.userId = JSON.parse(
+              sessionStorage.getItem("USER_INFO")
+            ).userId;
+            addCheck(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 delCheck(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$modal
+        .confirm("是否确认导出所有巡检记录管理数据项？")
+        .then(() => {
+          this.exportLoading = true;
+          return exportCheck(queryParams);
+        })
+        .then((response) => {
+          this.$download.name(response.msg);
+          this.exportLoading = false;
+        })
+        .catch(() => {});
+    },
+  },
+  watch: {
+    // 根据名称筛选部门树
+    deptName(val) {
+      this.$refs.tree.filter(val);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+::v-deep .el-descriptions-row th {
+  text-align: center !important;
+  width: 130px !important;
+}
+::v-deep .textData {
+  padding-bottom: 10px;
+}
+</style>
diff --git a/src/views/taicangpop/house/index.vue b/src/views/taicangpop/house/index.vue
new file mode 100644
index 0000000..fed465f
--- /dev/null
+++ b/src/views/taicangpop/house/index.vue
@@ -0,0 +1,769 @@
+<template>
+  <div class="app-container">
+    <div class="table_container">
+      <el-row :gutter="20">
+        <el-col :span="4" :xs="24">
+          <div class="from_tree">
+            <div class="head-container">
+              <el-input
+                v-model="deptName"
+                placeholder="请输入部门名称"
+                clearable
+                size="small"
+                prefix-icon="el-icon-search"
+                style="margin-bottom: 20px"
+              />
+            </div>
+            <div class="head-container">
+              <el-tree
+                :props="defaultProps"
+                :expand-on-click-node="false"
+                :filter-node-method="filterNode"
+                ref="tree"
+                lazy
+                :load="loadNode"
+                @node-click="handleNodeClick"
+                node-key="id"
+                :default-expanded-keys="defaultExpandKeys"
+                :current-node-key="defaultActive"
+                highlight-current
+              />
+            </div>
+          </div>
+        </el-col>
+        <el-col :span="20" :xs="24">
+          <div class="from_table">
+            <el-form
+              :model="queryParams"
+              ref="queryForm"
+              :inline="true"
+              v-show="showSearch"
+            >
+              <el-form-item label="名称" prop="name">
+                <el-input
+                  v-model="queryParams.name"
+                  placeholder="请输入名称"
+                  clearable
+                  size="small"
+                  @keyup.enter.native="handleQuery"
+                />
+              </el-form-item>
+              <el-form-item label="分色" prop="color">
+                <el-select
+                  v-model="queryParams.color"
+                  placeholder="请选择分色"
+                  clearable
+                  size="small"
+                >
+                  <el-option
+                    v-for="dict in dict.type.b_color_type"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="巡检时间">
+                <el-date-picker
+                  v-model="daterangeCheckTime"
+                  size="small"
+                  style="width: 240px"
+                  value-format="yyyy-MM-dd"
+                  type="daterange"
+                  range-separator="-"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                ></el-date-picker>
+              </el-form-item>
+              <el-form-item>
+                <el-button
+                  class="search_btn"
+                  type="primary"
+                  icon="el-icon-search"
+                  size="mini"
+                  @click="handleQuery"
+                  >搜索</el-button
+                >
+                <el-button
+                  class="agin_btn"
+                  icon="el-icon-refresh"
+                  size="mini"
+                  @click="resetQuery"
+                  >重置</el-button
+                >
+              </el-form-item>
+            </el-form>
+
+            <el-row :gutter="10" class="mb8">
+              <el-col :span="1.5">
+                <el-button
+                  type="new"
+                  size="mini"
+                  @click="handleAdd"
+                  v-hasPermi="['taicangpop:house:add']"
+                  >新增</el-button
+                >
+              </el-col>
+              <el-col :span="1.5">
+                <el-button
+                  type="revise"
+                  size="mini"
+                  :disabled="single"
+                  @click="handleUpdate"
+                  v-hasPermi="['taicangpop:house:edit']"
+                  >修改</el-button
+                >
+              </el-col>
+              <el-col :span="1.5">
+                <el-button
+                  type="remove"
+                  size="mini"
+                  :disabled="multiple"
+                  @click="handleDelete"
+                  v-hasPermi="['taicangpop:house:remove']"
+                  >删除</el-button
+                >
+              </el-col>
+              <el-col :span="1.5">
+                <el-button
+                  type="export"
+                  size="mini"
+                  :loading="exportLoading"
+                  @click="handleExport"
+                  v-hasPermi="['taicangpop:house:export']"
+                  >导出</el-button
+                >
+              </el-col>
+              <right-toolbar
+                :showSearch.sync="showSearch"
+                @queryTable="getList"
+              ></right-toolbar>
+            </el-row>
+
+            <el-table
+              v-loading="loading"
+              :data="houseList"
+              @selection-change="handleSelectionChange"
+            >
+              <el-table-column type="selection" width="55" align="center" />
+              <el-table-column
+                label="组团名称"
+                align="center"
+                prop="deptname"
+              />
+              <el-table-column
+                label="楼栋名称"
+                align="center"
+                prop="buildingname"
+              />
+              <el-table-column label="名称" align="center" prop="name" />
+
+              <el-table-column label="分色" align="center" prop="color">
+                <template slot-scope="scope">
+                  <dict-tag
+                    :options="dict.type.b_color_type"
+                    :value="scope.row.color"
+                  />
+                </template>
+              </el-table-column>
+              <el-table-column
+                label="巡检时间"
+                align="center"
+                prop="checkTime"
+                width="180"
+              >
+                <template slot-scope="scope">
+                  <span>{{
+                    parseTime(scope.row.checkTime, "{y}-{m}-{d}")
+                  }}</span>
+                </template>
+              </el-table-column>
+
+              <el-table-column
+                label="操作"
+                align="center"
+                class-name="small-padding fixed-width"
+                width="200"
+              >
+                <template slot-scope="scope">
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-zoom-in"
+                    @click="handleInfo(scope.row)"
+                    >查看</el-button
+                  >
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-edit"
+                    @click="handleUpdate(scope.row)"
+                    v-hasPermi="['taicangpop:house:edit']"
+                    >修改</el-button
+                  >
+                  <el-button
+                    class="table_icon_text"
+                    size="mini"
+                    type="text"
+                    icon="el-icon-delete"
+                    @click="handleDelete(scope.row)"
+                    v-hasPermi="['taicangpop:house:remove']"
+                    >删除</el-button
+                  >
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <pagination
+              v-show="total > 0"
+              :total="total"
+              :page.sync="queryParams.pageNum"
+              :limit.sync="queryParams.pageSize"
+              @pagination="getList"
+            />
+
+            <!-- 添加或修改住户管理对话框 -->
+            <el-dialog
+              :title="title"
+              :visible.sync="open"
+              width="500px"
+              append-to-body
+              :close-on-click-modal="false"
+              :destroy-on-close="true"
+            >
+              <el-form
+                ref="form"
+                :model="form"
+                :rules="rules"
+                label-width="auto"
+                class="data_container"
+              >
+                <el-form-item label="名称" prop="name">
+                  <el-input v-model="form.name" placeholder="请输入名称" />
+                </el-form-item>
+                <el-form-item label="归属部门" prop="deptId">
+                  <treeselect
+                    v-model="form.deptId"
+                    :options="deptOptions"
+                    :show-count="true"
+                    placeholder="请选择归属部门"
+                    @select="depidChange"
+                  />
+                </el-form-item>
+                <el-form-item label="所属楼栋" prop="buildingId">
+                  <el-select v-model="form.buildingId" placeholder="请选择楼幢">
+                    <el-option
+                      v-for="item in louList"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.id"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="户主" v-if="xiu">
+                  <el-select v-model="form.holderId" placeholder="请选择户主">
+                    <el-option
+                      v-for="item in huzhuList"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.id"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <!-- <el-form-item label="分色" prop="color">
+                  <el-select v-model="form.color" placeholder="请选择分色">
+                    <el-option
+                      v-for="dict in dict.type.b_color_type"
+                      :key="dict.value"
+                      :label="dict.label"
+                      :value="dict.value"
+                    ></el-option>
+                  </el-select>
+                </el-form-item> -->
+                <!-- <el-form-item label="巡检时间" prop="checkTime">
+                  <el-date-picker
+                    clearable
+                    size="small"
+                    v-model="form.checkTime"
+                    type="date"
+                    value-format="yyyy-MM-dd"
+                    placeholder="选择巡检时间"
+                  >
+                  </el-date-picker>
+                </el-form-item> -->
+                <el-form-item label="备注" prop="remark">
+                  <el-input
+                    v-model="form.remark"
+                    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="infoOpen"
+              width="500px"
+              append-to-body
+              :close-on-click-modal="false"
+              :destroy-on-close="true"
+            >
+              <el-descriptions
+                title="住户详情"
+                :column="1"
+                border
+                class="textData"
+              >
+                <el-descriptions-item label="所属网格">{{
+                  form.parentname
+                }}</el-descriptions-item>
+                <el-descriptions-item label="苑名称">{{
+                  form.deptname
+                }}</el-descriptions-item>
+                <el-descriptions-item label="楼名称">{{
+                  form.buildingname
+                }}</el-descriptions-item>
+                <el-descriptions-item label="室名称">{{
+                  form.name
+                }}</el-descriptions-item>
+                <!-- <el-descriptions-item label="户主">
+                  {{
+                  form.holdername
+                }}
+                </el-descriptions-item> -->
+                <el-descriptions-item label="类型">{{
+                  form.type == 1 ? "户籍" : "流动"
+                }}</el-descriptions-item>
+                <el-descriptions-item label="分色">{{
+                  form.colorname
+                }}</el-descriptions-item>
+                <el-descriptions-item label="巡检事件">{{
+                  form.checkTime
+                }}</el-descriptions-item>
+                <el-descriptions-item label="备注">{{
+                  form.remark
+                }}</el-descriptions-item>
+              </el-descriptions>
+            </el-dialog>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  listHouse,
+  getHouse,
+  delHouse,
+  addHouse,
+  updateHouse,
+  exportHouse,
+} from "@/api/taicangpop/house";
+import { listPerson } from "@/api/taicangpop/person";
+import { treeselect, listDept } from "@/api/system/dept";
+import { listBuilding } from "@/api/taicangpop/building";
+
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+
+export default {
+  name: "House",
+  dicts: ["b_color_type"],
+  components: { Treeselect },
+  data() {
+    return {
+      infoBoole: false,
+      value: "",
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 住户管理表格数据
+      houseList: [],
+      // 部门名称
+      deptName: undefined,
+      // 部门树选项
+      deptOptions: undefined,
+      defaultProps: {
+        children: "children",
+        label: "label",
+        isLeaf: "leaf",
+      },
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      //详情弹出层
+      infoOpen: false,
+      // 部门权限id时间范围
+      daterangeCheckTime: [],
+      xiu: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: null,
+        color: null,
+        checkTime: null,
+        deptId: undefined,
+        buildingId: undefined,
+      },
+      defaultExpandKeys: [],
+      defaultActive: "",
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        name: [{ required: true, message: "名称不能为空", trigger: "blur" }],
+        color: [{ required: true, message: "分色不能为空", trigger: "change" }],
+        checkTime: [
+          { required: true, message: "巡检时间不能为空", trigger: "blur" },
+        ],
+      },
+      louList: [],
+      huzhuList: [],
+    };
+  },
+  watch: {
+    // 根据名称筛选部门树
+    deptName(val) {
+      this.$refs.tree.filter(val);
+    },
+  },
+  created() {
+    // this.getTreeselect();
+    // this.getList();
+  },
+  methods: {
+    /**
+     * 部门发生变化
+     */
+    getId(e) {
+      //   console.log(e, "aaaaalllll");
+    },
+    depidChange(node, instanceId) {
+      //   console.log(node, "选中");
+      if (!node.children) {
+        let parmar = {
+          deptId: node.id,
+        };
+        listBuilding(parmar).then((res) => {
+          this.louList = res.rows;
+        });
+      } else {
+        this.louList = [];
+
+        this.form.deptId = undefined;
+      }
+    },
+
+    /** 查询部门下拉树结构 */
+    getTreeselect(node, resolve) {
+      if (resolve) {
+        treeselect().then((response) => {
+          this.deptOptions = response.data;
+          let datas = response.data;
+          datas.forEach((item) => {
+            item.children = item.children;
+            item.label = item.label;
+            item.id = item.id;
+            item.parentId = item.id;
+          });
+          this.defaultExpandKeys.push(datas[0].id);
+          return resolve(datas);
+        });
+      }
+    },
+    loadNode(node, resolve) {
+      this.defaultExpandKeys = [];
+      this.defaultActive = "";
+      if (node.level == 0) {
+        this.getTreeselect(node, resolve);
+      }
+      if (node.level > 0 && node.level < 5) {
+        let queryParam = {
+          parentId: node.data.id,
+        };
+        this.reqListDept(queryParam, resolve);
+      }
+      // 5级子节点根据id获取接口数据
+      else if (node.level == 5) {
+        let queryParam = {
+          deptId: node.data.id,
+        };
+        this.reqListBuilding(queryParam, resolve);
+      } else {
+        return resolve([]); // 加上这个，防止在该节点没有子节点时一直转圈的问题发生。
+      }
+    },
+    reqListDept(queryParam, resolve) {
+      listDept(queryParam).then((res) => {
+        let datas = res.data;
+        datas.forEach((item) => {
+          item.children = item.children;
+          item.label = item.deptName;
+          item.id = item.deptId;
+          item.parentId = item.parentId;
+        });
+        // 动态展开第一级
+        this.defaultExpandKeys.push(datas[0].deptId);
+        return resolve(datas);
+      });
+    },
+    // 请求楼栋表
+    reqListBuilding(queryParam, resolve) {
+      listBuilding(queryParam).then((res) => {
+        let datas = res.rows;
+        datas.forEach((item) => {
+          item.children = item.children;
+          item.label = item.name;
+          item.id = item.id;
+          item.parentId = item.deptId;
+          item.leaf = true;
+        });
+        this.defaultActive = res.rows[0].id;
+        // console.log("默认选中项", this.defaultActive);
+        //需要注意的是setCurrentKey函数必须要放到$nextTick里面，要不然tree还未渲染上，是找不到defaultActive的
+        this.$nextTick(() => {
+          this.$refs.tree.setCurrentKey(this.defaultActive);
+        });
+        //默认请求list项
+        this.queryParams = {
+          pageNum: 1,
+          pageSize: 10,
+          buildingId: datas[0].id,
+          deptId: datas[0].parentId,
+        };
+        this.getList();
+        return resolve(datas);
+      });
+    },
+    // 筛选节点
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+    // 节点单击事件
+    handleNodeClick(data, node) {
+      if (node.level == 5) {
+        let deptId = //默认请求list项
+          (this.queryParams = {
+            pageNum: 1,
+            pageSize: 10,
+            deptId: data.id,
+          });
+        this.getList();
+      } // 栋
+      else if (node.level == 6) {
+        //默认请求list项
+        this.queryParams = {
+          pageNum: 1,
+          pageSize: 10,
+          deptId: data.deptId,
+          buildingId: data.id,
+        };
+        this.getList();
+      } // 室
+      else if (node.level == 7) {
+        //默认请求list项
+        this.queryParams = {
+          pageNum: 1,
+          pageSize: 10,
+          deptId: data.parentId,
+          buildingId: data.buildingId,
+          houseId: data.id,
+        };
+        this.getList();
+      } //
+    },
+    /** 查询住户管理列表 */
+    getList() {
+      this.loading = true;
+      this.queryParams.params = {};
+      if (null != this.daterangeCheckTime && "" != this.daterangeCheckTime) {
+        this.queryParams.params["beginCheckTime"] = this.daterangeCheckTime[0];
+        this.queryParams.params["endCheckTime"] = this.daterangeCheckTime[1];
+      }
+      listHouse(this.queryParams).then((response) => {
+        this.houseList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        name: null,
+        buildingId: null,
+        color: null,
+        checkTime: null,
+        holderId: null,
+        createId: null,
+        createBy: null,
+        createTime: null,
+        updateId: null,
+        updateBy: null,
+        updateTime: null,
+        remark: null,
+        userId: null,
+        deptId: null,
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.daterangeCheckTime = [];
+      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.xiu = false;
+      this.title = "添加住户管理";
+    },
+    /**查看详情 */
+    handleInfo(row) {
+      this.reset();
+      const id = row.id;
+      getHouse(id).then((response) => {
+        this.form = response.data;
+        this.infoOpen = true;
+      });
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row, text) {
+      this.reset();
+      const id = row.id || this.ids;
+      getHouse(id).then((response) => {
+        this.form = response.data;
+        // 字典回显
+        let Data = {
+          deptId: this.form.deptId,
+        };
+        listBuilding(Data).then((res) => {
+          this.louList = res.rows;
+        });
+        let params = {
+          buildingId: this.form.buildingId,
+          deptId: this.form.deptId,
+          houseId: this.form.id,
+        };
+        listPerson(params).then((res) => {
+          this.huzhuList = res.rows;
+          // console.log("户主", res);
+          this.open = true;
+        });
+        this.title = "修改住户管理";
+        // 显示可修改户主
+        this.xiu = true;
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateHouse(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            this.form.userId = JSON.parse(
+              sessionStorage.getItem("USER_INFO")
+            ).userId;
+            addHouse(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 delHouse(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$modal
+        .confirm("是否确认导出所有住户管理数据项？")
+        .then(() => {
+          this.exportLoading = true;
+          return exportHouse(queryParams);
+        })
+        .then((response) => {
+          this.$download.name(response.msg);
+          this.exportLoading = false;
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+::v-deep .el-descriptions-row th {
+  text-align: center !important;
+  width: 130px !important;
+}
+::v-deep .textData {
+  padding-bottom: 10px;
+}
+</style>
+<style lang="scss" scoped>
+::v-deep .el-descriptions-row th {
+  text-align: center !important;
+  width: 130px !important;
+}
+::v-deep .textData {
+  padding-bottom: 10px;
+}
+</style>
diff --git a/src/views/taicangpop/person/index.vue b/src/views/taicangpop/person/index.vue
new file mode 100644
index 0000000..cbbd5ac
--- /dev/null
+++ b/src/views/taicangpop/person/index.vue
@@ -0,0 +1,1074 @@
+<template>
+  <div class="app-container">
+    <el-row :gutter="20">
+      <el-col :span="4" :xs="24">
+        <div class="from_tree">
+          <div class="head-container">
+            <el-input
+              v-model="deptName"
+              placeholder="请输入部门名称"
+              clearable
+              size="small"
+              prefix-icon="el-icon-search"
+              style="margin-bottom: 20px"
+            />
+          </div>
+          <div class="head-container">
+            <el-tree
+              :props="defaultProps"
+              :expand-on-click-node="false"
+              :filter-node-method="filterNode"
+              ref="tree"
+              lazy
+              :load="loadNode"
+              @node-click="handleNodeClick"
+              node-key="id"
+              :default-expanded-keys="defaultExpandKeys"
+              :current-node-key="defaultActive"
+              highlight-current
+            />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="20" :xs="24">
+        <div class="from_table">
+          <el-form
+            :model="queryParams"
+            ref="queryForm"
+            :inline="true"
+            v-show="showSearch"
+          >
+            <el-form-item label="名称" prop="name">
+              <el-input
+                v-model="queryParams.name"
+                placeholder="请输入名称"
+                clearable
+                size="small"
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+
+            <el-form-item label="类型" prop="type">
+              <el-select
+                v-model="queryParams.type"
+                placeholder="请选择类型"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in dict.type.b_person_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="分色" prop="color">
+              <el-select
+                v-model="queryParams.color"
+                placeholder="请选择分色"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in dict.type.b_color_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+
+            <!-- <el-form-item label="最后1次核酸日期">
+            <el-date-picker
+              v-model="daterangeHesuanTime"
+              size="small"
+              style="width: 240px"
+              value-format="yyyy-MM-dd"
+              type="daterange"
+              range-separator="-"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+            ></el-date-picker>
+          </el-form-item> -->
+            <el-form-item>
+              <el-button
+                class="search_btn"
+                type="primary"
+                icon="el-icon-search"
+                size="mini"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button
+                class="agin_btn"
+                icon="el-icon-refresh"
+                size="mini"
+                @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </el-form>
+
+          <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+              <el-button
+                type="new"
+                size="mini"
+                @click="handleAdd"
+                v-hasPermi="['taicangpop:person:add']"
+                >新增</el-button
+              >
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                type="revise"
+                size="mini"
+                :disabled="single"
+                @click="handleUpdate"
+                v-hasPermi="['taicangpop:person:edit']"
+                >修改</el-button
+              >
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                type="remove"
+                size="mini"
+                :disabled="multiple"
+                @click="handleDelete"
+                v-hasPermi="['taicangpop:person:remove']"
+                >删除</el-button
+              >
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                type="export"
+                size="mini"
+                :loading="exportLoading"
+                @click="handleExport"
+                v-hasPermi="['taicangpop:person:export']"
+                >导出</el-button
+              >
+            </el-col>
+            <!-- 暂时隐藏，不给客户使用 -->
+            <!-- <el-col :span="1.5">
+              <el-button type="export" size="mini" @click="loadFile"
+                >批量导入</el-button
+              >
+            </el-col> -->
+            <right-toolbar
+              :showSearch.sync="showSearch"
+              @queryTable="getList"
+            ></right-toolbar>
+          </el-row>
+
+          <el-table
+            v-loading="loading"
+            :data="personList"
+            @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="deptname" />
+            <el-table-column
+              label="楼栋名称"
+              align="center"
+              prop="buildingname"
+            />
+            <el-table-column label="住户名称" align="center" prop="housename" />
+            <el-table-column label="名字" align="center" prop="name" />
+            <!-- <el-table-column label="身份证" align="center" prop="credentialNo" /> -->
+            <!-- <el-table-column label="楼栋id" align="center" prop="buildingId" /> -->
+            <!-- <el-table-column label="住户id" align="center" prop="houseId" /> -->
+            <el-table-column label="类型" align="center" prop="type">
+              <template slot-scope="scope">
+                <dict-tag
+                  :options="dict.type.b_person_type"
+                  :value="scope.row.type"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="联系电话"
+              align="center"
+              prop="phone"
+              width="200"
+            />
+            <el-table-column label="分色" align="center" prop="color">
+              <template slot-scope="scope">
+                <dict-tag
+                  :options="dict.type.b_color_type"
+                  :value="scope.row.color"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column label="党员" align="center" prop="isD" />
+            <el-table-column label="困难户" align="center" prop="isK" />
+            <el-table-column label="退役军人" align="center" prop="isJ" />
+            <el-table-column label="信访户" align="center" prop="isX" />
+            <!-- <el-table-column
+              label="最后1次核酸日期"
+              align="center"
+              prop="hesuanTime"
+              width="180"
+            >
+              <template slot-scope="scope">
+                <span>{{
+                  parseTime(scope.row.hesuanTime, "{y}-{m}-{d}")
+                }}</span>
+              </template>
+            </el-table-column> -->
+            <!-- <el-table-column
+            label="工作单位"
+            align="center"
+            prop="workunit"
+          /> -->
+            <!-- <el-table-column label="备注" align="center" prop="remark" /> -->
+            <el-table-column
+              label="操作"
+              align="center"
+              fixed="right"
+              class-name="small-padding fixed-width"
+              width="200"
+            >
+              <template slot-scope="scope">
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-zoom-in"
+                  @click="handleInfo(scope.row)"
+                  >查看</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-edit"
+                  @click="handleUpdate(scope.row)"
+                  v-hasPermi="['taicangpop:person:edit']"
+                  >修改</el-button
+                >
+                <el-button
+                  class="table_icon_text"
+                  size="mini"
+                  type="text"
+                  icon="el-icon-delete"
+                  @click="handleDelete(scope.row)"
+                  v-hasPermi="['taicangpop:person:remove']"
+                  >删除</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <pagination
+            v-show="total > 0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
+          />
+
+          <!-- 添加或修改居民管理对话框 -->
+          <el-dialog
+            :title="title"
+            :visible.sync="open"
+            width="500px"
+            append-to-body
+            :close-on-click-modal="false"
+            :destroy-on-close="true"
+          >
+            <el-form
+              ref="form"
+              :model="form"
+              :rules="rules"
+              label-width="auto"
+              class="data_container"
+            >
+              <el-form-item label="名称" prop="name">
+                <el-input v-model="form.name" placeholder="请输入名称" />
+              </el-form-item>
+              <el-form-item label="身份证" prop="credentialNo">
+                <el-input
+                  v-model="form.credentialNo"
+                  placeholder="请输入身份证"
+                />
+              </el-form-item>
+              <el-form-item label="组团" prop="deptId">
+                <treeselect
+                  :value="value"
+                  v-model="form.deptId"
+                  :options="deptOptions"
+                  :show-count="true"
+                  placeholder="请选择归属组团"
+                  @select="treeSelect"
+                />
+              </el-form-item>
+              <el-form-item label="楼栋" prop="buildingId">
+                <el-select
+                  v-model="form.buildingId"
+                  placeholder="请输入楼栋"
+                  filterable
+                  @change="selectBuildingChange"
+                >
+                  <el-option
+                    v-for="dict in buildingList"
+                    :key="parseInt(dict.id)"
+                    :label="dict.name"
+                    :value="parseInt(dict.id)"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="住户" prop="houseId">
+                <el-select
+                  v-model="form.houseId"
+                  placeholder="请输入住户"
+                  filterable
+                >
+                  <el-option
+                    v-for="dict in houselist"
+                    :key="parseInt(dict.id)"
+                    :label="dict.name"
+                    :value="parseInt(dict.id)"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="联系电话" prop="phone">
+                <el-input v-model="form.phone" placeholder="请输入联系电话" />
+              </el-form-item>
+              <el-form-item label="类型" prop="type">
+                <el-select
+                  v-model="form.type"
+                  placeholder="请选择类型"
+                  @change="changeType"
+                >
+                  <el-option
+                    v-for="dict in dict.type.b_person_type"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="parseInt(dict.value)"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="分色" prop="color">
+                <!-- //默认 -->
+                <el-select
+                  v-model="form.color"
+                  placeholder="请选择分色"
+                  v-if="!form.type"
+                >
+                  <el-option
+                    v-for="dict in []"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  ></el-option>
+                </el-select>
+                <!-- 户籍 -->
+                <el-select
+                  v-model="form.color"
+                  placeholder="请选择分色"
+                  v-if="form.type === '1' || form.type === 1"
+                >
+                  <el-option
+                    v-for="dict in dict.type.b_census_color_type"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  ></el-option>
+                </el-select>
+                <!-- 流动 -->
+                <el-select
+                  v-model="form.color"
+                  placeholder="请选择分色"
+                  :disabled="false"
+                  v-if="form.type === '2' || form.type === 2"
+                >
+                  <el-option
+                    v-for="dict in dict.type.b_flow_color_type"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="党员" prop="isD">
+                <el-select v-model="form.isD" placeholder="请选择是否党员">
+                  <el-option
+                    v-for="dict in isD"
+                    :key="dict.value"
+                    :label="dict.name"
+                    :value="dict.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="困难户" prop="isK">
+                <el-select v-model="form.isK" placeholder="请选择是否困难户">
+                  <el-option
+                    v-for="dict in isK"
+                    :key="dict.value"
+                    :label="dict.name"
+                    :value="dict.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="退役军人" prop="isJ">
+                <el-select v-model="form.isJ" placeholder="请选择是退役军人">
+                  <el-option
+                    v-for="dict in isJ"
+                    :key="dict.value"
+                    :label="dict.name"
+                    :value="dict.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="信访户" prop="isX">
+                <el-select v-model="form.isX" placeholder="请选择信访户">
+                  <el-option
+                    v-for="dict in isX"
+                    :key="dict.value"
+                    :label="dict.name"
+                    :value="dict.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <!-- <el-form-item label="最后1次核酸日期" prop="hesuanTime">
+                <el-date-picker
+                  clearable
+                  size="small"
+                  v-model="form.hesuanTime"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择最后1次核酸日期"
+                >
+                </el-date-picker>
+              </el-form-item> -->
+              <el-form-item label="工作单位" prop="workunit">
+                <el-input
+                  v-model="form.workunit"
+                  type="textarea"
+                  placeholder="请输入内容"
+                />
+              </el-form-item>
+              <el-form-item label="备注" prop="remark">
+                <el-input
+                  v-model="form.remark"
+                  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="fileOpen"
+            width="500px"
+            append-to-body
+            :close-on-click-modal="false"
+            :destroy-on-close="true"
+            @close="closeFile"
+          >
+            <fileUpload v-model="file" :logo="'Upload'" />
+          </el-dialog>
+          <!-- 详情样式 -->
+          <el-dialog
+            title="详情信息"
+            :visible.sync="infoOpen"
+            width="500px"
+            append-to-body
+            :close-on-click-modal="false"
+            :destroy-on-close="true"
+          >
+            <el-descriptions
+              title="居民详情"
+              :column="1"
+              border
+              class="textData"
+            >
+              <el-descriptions-item label="名称">{{
+                form.name
+              }}</el-descriptions-item>
+              <el-descriptions-item label="身份证号">{{
+                form.credentialNo
+              }}</el-descriptions-item>
+              <el-descriptions-item label="所属网格">{{
+                form.parentname
+              }}</el-descriptions-item>
+              <el-descriptions-item label="苑名称">{{
+                form.deptname
+              }}</el-descriptions-item>
+              <el-descriptions-item label="楼名称">{{
+                form.buildingname
+              }}</el-descriptions-item>
+              <el-descriptions-item label="室名称">{{
+                form.housename
+              }}</el-descriptions-item>
+              <el-descriptions-item label="类型">{{
+                form.type == 1 ? "户籍" : "流动"
+              }}</el-descriptions-item>
+              <el-descriptions-item label="联系电话">{{
+                form.phone
+              }}</el-descriptions-item>
+              <el-descriptions-item label="分色">{{
+                form.colorname
+              }}</el-descriptions-item>
+              <el-descriptions-item label="党员">{{
+                form.isD == 1 ? "是" : form.isD == 0 ? "否" : ""
+              }}</el-descriptions-item>
+              <el-descriptions-item label="困难户">{{
+                form.isK == 1 ? "是" : form.isK == 0 ? "否" : ""
+              }}</el-descriptions-item>
+              <el-descriptions-item label="退役军人">{{
+                form.isJ == 1 ? "是" : form.isJ == 0 ? "否" : ""
+              }}</el-descriptions-item>
+              <el-descriptions-item label="信访户">{{
+                form.isX == 1 ? "是" : form.isX == 0 ? "否" : ""
+              }}</el-descriptions-item>
+              <!-- <el-descriptions-item label="最后1次核酸日期">{{
+                form.hesuanTime
+              }}</el-descriptions-item> -->
+              <el-descriptions-item label="工作单位">{{
+                form.workunit
+              }}</el-descriptions-item>
+              <el-descriptions-item label="备注">{{
+                form.remark
+              }}</el-descriptions-item>
+            </el-descriptions>
+          </el-dialog>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import {
+  listPerson,
+  getPerson,
+  delPerson,
+  addPerson,
+  updatePerson,
+  exportPerson,
+} from "@/api/taicangpop/person";
+import { treeselect, listDept } from "@/api/system/dept";
+import { listBuilding } from "@/api/taicangpop/building";
+import { listHouse } from "@/api/taicangpop/house";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+//校正
+import check from "@/utils/regex/index.js";
+
+export default {
+  name: "Person",
+  dicts: [
+    "b_person_type",
+    "b_color_type",
+    "b_census_color_type",
+    "b_flow_color_type",
+  ],
+  components: { Treeselect },
+  data() {
+    return {
+      baseUrl: process.env.VUE_APP_BASE_API,
+      file: "",
+      value: "",
+      infoBoole: false,
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 居民管理表格数据
+      personList: [],
+      // 部门名称
+      deptName: undefined,
+      // 部门树选项
+      deptOptions: undefined,
+      defaultProps: {
+        children: "children",
+        label: "label",
+        isLeaf: "leaf",
+      },
+      isD: [
+        {
+          name: "是",
+          value: 1,
+        },
+        {
+          name: "否",
+          value: 0,
+        },
+      ],
+      isK: [
+        {
+          name: "是",
+          value: 1,
+        },
+        {
+          name: "否",
+          value: 0,
+        },
+      ],
+      isJ: [
+        {
+          name: "是",
+          value: 1,
+        },
+        {
+          name: "否",
+          value: 0,
+        },
+      ],
+      isX: [
+        {
+          name: "是",
+          value: 1,
+        },
+        {
+          name: "否",
+          value: 0,
+        },
+      ],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      fileOpen: false,
+      infoOpen: false,
+      // 部门权限id时间范围
+      daterangeHesuanTime: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: null,
+        credentialNo: null,
+        buildingId: null,
+        houseId: null,
+        type: null,
+        color: null,
+        isD: null,
+        isK: null,
+        isJ: null,
+        isX: null,
+        hesuanTime: null,
+        deptId: undefined,
+      },
+      defaultExpandKeys: [], //默认展开项
+      defaultActive: "",
+      buildingList: [],
+      houselist: [],
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        deptId: [
+          { required: true, message: "组团名称不能为空", trigger: "change" },
+        ],
+        name: [{ required: true, message: "名称不能为空", trigger: "change" }],
+        credentialNo: [
+          { required: true, message: "身份证不能为空", trigger: "blur" },
+          {
+            validator: check.formRegex.idCard,
+            trigger: "blur",
+          },
+        ],
+        buildingId: [
+          { required: true, message: "楼栋id不能为空", trigger: "blur" },
+        ],
+        houseId: [
+          { required: true, message: "住户id不能为空", trigger: "blur" },
+        ],
+        type: [{ required: true, message: "类型不能为空", trigger: "change" }],
+        phone: [
+          { required: true, message: "手机号不能为空", trigger: "blur" },
+          {
+            validator: check.formRegex.checkPhone,
+            trigger: "change",
+          },
+        ],
+        color: [{ required: true, message: "分色不能为空", trigger: "change" }],
+      },
+      fileList: [],
+    };
+  },
+  watch: {
+    // 根据名称筛选部门树
+    deptName(val) {
+      this.$refs.tree.filter(val);
+    },
+  },
+  created() {},
+  methods: {
+    //类型户籍
+    changeType(val) {
+      this.form.color = null;
+    },
+    closeFile() {
+      this.file = "";
+    },
+    loadFile() {
+      this.fileOpen = true;
+    },
+    treeSelect(node, instanceId) {
+      //   console.log(this.form.deptId, "aaaaaa");
+      if (!node.children) {
+        this.form.deptId = node.id;
+        let queryBuildingParams = {
+          deptId: node.id,
+        };
+        this.getBuildingList(queryBuildingParams);
+      } else {
+        this.form.deptId = null;
+      }
+    },
+    /** 查询楼栋管理列表 */
+    getBuildingList(queryBuildingParams) {
+      listBuilding(queryBuildingParams).then((response) => {
+        this.buildingList = response.rows;
+      });
+    },
+    selectBuildingChange(val) {
+      //   console.log(val);
+      let queryHouseParams = {
+        buildingId: val,
+        deptId: this.deptId,
+      };
+      this.getHouseList(queryHouseParams);
+    },
+    /** 查询楼栋管理列表 */
+    getHouseList(queryHouseParams) {
+      // this.queryHouseParams
+      listHouse(queryHouseParams).then((response) => {
+        this.houselist = response.rows;
+      });
+    },
+    /** 查询部门下拉树结构 */
+    getTreeselect(node, resolve) {
+      treeselect().then((response) => {
+        this.deptOptions = response.data;
+        let datas = response.data;
+        datas.forEach((item) => {
+          item.children = item.children;
+          item.label = item.label;
+          item.id = item.id;
+          item.parentId = item.id;
+        });
+        this.defaultExpandKeys.push(datas[0].id);
+        return resolve(datas);
+      });
+    },
+    loadNode(node, resolve) {
+      this.defaultExpandKeys = []; //清除默认展开项
+      this.defaultActive = "";
+      if (node.level == 0) {
+        this.getTreeselect(node, resolve);
+      }
+      if (node.level > 0 && node.level < 5) {
+        let queryParam = {
+          parentId: node.data.id,
+        };
+        this.reqListDept(queryParam, resolve);
+      }
+      // 5级子节点根据id获取接口数据
+      else if (node.level == 5) {
+        let queryParam = {
+          deptId: node.data.id,
+        };
+        this.reqListBuilding(queryParam, resolve);
+      } // 6级子节点根据id获取接口数据
+      else if (node.level == 6) {
+        let queryParam = {
+          buildingId: node.data.id,
+          deptId: node.data.parentId,
+        };
+        this.reqListHouse(queryParam, resolve);
+        // console.log(resolve, "完毕");
+      } else {
+        return resolve([]); // 加上这个，防止在该节点没有子节点时一直转圈的问题发生。
+      }
+    },
+    reqListDept(queryParam, resolve) {
+      listDept(queryParam).then((res) => {
+        let datas = res.data;
+        // console.log(datas);
+        datas.forEach((item) => {
+          item.children = item.children;
+          item.label = item.deptName;
+          item.id = item.deptId;
+          item.parentId = item.parentId;
+        });
+        this.defaultExpandKeys.push(datas[0].id);
+        return resolve(datas);
+      });
+    },
+    // 请求楼栋表
+    reqListBuilding(queryParam, resolve) {
+      listBuilding(queryParam).then((res) => {
+        let datas = res.rows;
+        // console.log(datas);
+        datas.forEach((item) => {
+          item.children = item.children;
+          item.label = item.name;
+          item.id = item.id;
+          item.parentId = item.deptId;
+        });
+        this.defaultExpandKeys.push(datas[0].id);
+        return resolve(datas);
+      });
+    },
+    // 请求住户表
+    reqListHouse(queryParam, resolve) {
+      listHouse(queryParam).then((res) => {
+        let datas = res.rows;
+
+        datas.forEach((item) => {
+          item.label = item.name;
+          item.id = item.id;
+          item.parentId = item.deptId;
+          item.leaf = true;
+        });
+        this.defaultActive = res.rows[0].id;
+        // console.log("默认选中项", this.defaultActive);
+        //需要注意的是setCurrentKey函数必须要放到$nextTick里面，要不然tree还未渲染上，是找不到defaultActive的
+        this.$nextTick(() => {
+          this.$refs.tree.setCurrentKey(this.defaultActive);
+        });
+        //默认请求list项
+        this.queryParams = {
+          pageNum: 1,
+          pageSize: 10,
+          deptId: datas[0].parentId,
+          houseId: datas[0].id,
+          buildingId: datas[0].buildingId,
+        };
+        this.getList();
+        return resolve(datas);
+      });
+    },
+    // 筛选节点
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+    // 节点单击事件
+    handleNodeClick(data, node) {
+      //苑
+      if (node.level == 5) {
+        let deptId = //默认请求list项
+          (this.queryParams = {
+            pageNum: 1,
+            pageSize: 10,
+            deptId: data.id,
+          });
+        this.getList();
+      } // 栋
+      else if (node.level == 6) {
+        //默认请求list项
+        this.queryParams = {
+          pageNum: 1,
+          pageSize: 10,
+          deptId: data.deptId,
+          buildingId: data.id,
+        };
+        this.getList();
+      } // 室
+      else if (node.level == 7) {
+        //默认请求list项
+        this.queryParams = {
+          pageNum: 1,
+          pageSize: 10,
+          deptId: data.parentId,
+          buildingId: data.buildingId,
+          houseId: data.id,
+        };
+        this.getList();
+      }
+    },
+    /** 查询居民管理列表 */
+    getList() {
+      this.loading = true;
+      this.queryParams.params = {};
+      if (null != this.daterangeHesuanTime && "" != this.daterangeHesuanTime) {
+        this.queryParams.params["beginHesuanTime"] =
+          this.daterangeHesuanTime[0];
+        this.queryParams.params["endHesuanTime"] = this.daterangeHesuanTime[1];
+      }
+      listPerson(this.queryParams).then((response) => {
+        this.personList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        name: null,
+        credentialNo: null,
+        buildingId: null,
+        houseId: null,
+        type: null,
+        phone: null,
+        color: null,
+        isD: 0,
+        isK: 0,
+        isJ: 0,
+        isX: 0,
+        hesuanTime: null,
+        workunit: null,
+        createId: null,
+        createBy: null,
+        createTime: null,
+        updateId: null,
+        updateBy: null,
+        updateTime: null,
+        remark: null,
+        userId: null,
+        deptId: null,
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.daterangeHesuanTime = [];
+      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 = "添加居民管理";
+    },
+    /** 查看详情*/
+    handleInfo(row) {
+      this.reset();
+      const id = row.id || this.ids;
+      getPerson(id).then((response) => {
+        this.form = response.data;
+        this.infoOpen = true;
+      });
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids;
+      getPerson(id).then((response) => {
+        this.form = response.data;
+        // console.log("室", this.form);
+        let Data = {
+          deptId: this.form.deptId,
+        };
+        listBuilding(Data).then((res) => {
+          this.buildingList = res.rows;
+        });
+        let queryParam = {
+          buildingId: this.form.buildingId,
+          deptId: this.form.deptId,
+        };
+        listHouse(queryParam).then((res) => {
+          this.houselist = res.rows;
+          this.open = true;
+        });
+        this.title = "修改居民管理";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.id != null) {
+            updatePerson(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            this.form.userId = JSON.parse(
+              sessionStorage.getItem("USER_INFO")
+            ).userId;
+            addPerson(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 delPerson(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$modal
+        .confirm("是否确认导出所有居民管理数据项？")
+        .then(() => {
+          this.exportLoading = true;
+          return exportPerson(queryParams);
+        })
+        .then((response) => {
+          this.$download.name(response.msg);
+          this.exportLoading = false;
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.from_table {
+  padding-right: 10px;
+}
+</style>
+<style lang="scss" scoped>
+::v-deep .el-descriptions-row th {
+  text-align: center !important;
+  width: 130px !important;
+}
+::v-deep .textData {
+  padding-bottom: 10px;
+}
+</style>