From c1b109123989c3f765f2691b2c859f6904d2a4af Mon Sep 17 00:00:00 2001
From: bibi <541660090@qq.com>
Date: Thu, 10 Feb 2022 14:32:56 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9F=BA=E7=A1=80=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/basic/resident/index.js               |  24 +++
 src/components/table/index.vue                |   1 +
 .../Basic/Authority/depend/permissions.vue    |  36 ----
 src/views/Basic/Authority/index.vue           |   1 -
 .../EstateInfo/_buildingManage/index.vue      |   1 -
 .../EstateInfo/_houseHoldAudit/index.vue      |   1 +
 .../_houseHoldInfo/depend/addForm.vue         | 163 ++++++++++++++----
 .../_houseHoldInfo/depend/config.js           |   5 +
 .../EstateInfo/_houseHoldInfo/depend/form.js  |   2 +-
 .../Basic/EstateInfo/_houseHoldInfo/index.vue | 152 ++++++++++++++--
 .../Basic/EstateInfo/_houseManage/index.vue   |   1 +
 src/views/Basic/WorkOrder/index.vue           |   1 +
 12 files changed, 305 insertions(+), 83 deletions(-)

diff --git a/src/api/basic/resident/index.js b/src/api/basic/resident/index.js
index 02f22c5..6b34584 100644
--- a/src/api/basic/resident/index.js
+++ b/src/api/basic/resident/index.js
@@ -38,6 +38,30 @@ export function residentInfo(params) {
 		params: params,
 	})
 }
+// 迁出
+export function moveOut(params) {
+	return httpService({
+		url: `/user/resident/moveOut`,
+		method: 'post',
+		data: params,
+	})
+}
+// 迁入
+export function moveIn(params) {
+	return httpService({
+		url: `/user/resident/moveIn`,
+		method: 'post',
+		data: params,
+	})
+}
+// 根据房屋查租户
+export function findTenantByEstateId(params) {
+	return httpService({
+		url: `/user/resident/findTenantByEstateId`,
+		method: 'get',
+		params: params,
+	})
+}
 // 住户审核
 // 审核列表
 export function reviewList(params) {
diff --git a/src/components/table/index.vue b/src/components/table/index.vue
index 2a60d42..321f3f3 100644
--- a/src/components/table/index.vue
+++ b/src/components/table/index.vue
@@ -29,6 +29,7 @@
       :data-source="tableData"
       :pagination="pagination"
       :scroll="{ x: 1400 }"
+      @change="handleTableChange"
       :row-selection="{
         selectedRowKeys: selectedRowKeys,
         onChange: selectionChoosed,
diff --git a/src/views/Basic/Authority/depend/permissions.vue b/src/views/Basic/Authority/depend/permissions.vue
index 3e2b098..4973417 100644
--- a/src/views/Basic/Authority/depend/permissions.vue
+++ b/src/views/Basic/Authority/depend/permissions.vue
@@ -80,7 +80,6 @@
 </template>
 
 <script>
-import { columns, pagination, searchForm } from "./config.js";
 import { getrolelist, FindAllMenus, roleDel } from "@/api/basic/role";
 import addForm from "./form.vue";
 export default {
@@ -94,13 +93,7 @@ export default {
 				title: "新增角色",
 				editId:null
 			},
-			tableChoosed: [],
 			roleList: [],
-			// 分页
-			pagination: pagination,
-			//   列
-			columns: columns,
-			searchForm: searchForm,
 			expandedKeys: [],
 			replaceFields: {
 				children: "childrenList",
@@ -110,8 +103,6 @@ export default {
 			autoExpandParent: true,
 			checkedKeys: [],
 			selectedKeys: [],
-			//   数据
-			tableData: [],
 			ActionsList: [],
 			menus: [],
 		};
@@ -180,33 +171,6 @@ export default {
 			// console.log('onSelect', info);
 			this.selectedKeys = selectedKeys;
 		},
-		reset() {
-			this.searchForm.keyword = "";
-		},
-		handleTableChange(pagination) {
-			const pager = { ...this.pagination };
-			pager.current = pagination.current;
-			pager.pageSize = pagination.pageSize;
-			this.pagination = pager;
-		},
-		del(data) {
-			this.$confirm({
-				title: "是否删除",
-				// okText:'删除',
-				// cancelText:'取消',
-				icon: "delete",
-				onOk: function () {
-					console.log(data);
-				},
-			});
-		},
-		Actions(data) {
-			console.log(data);
-		},
-		selectionChoosed(data) {
-			console.log(data);
-			this.tableChoosed = data;
-		},
 	},
 	watch: {
 		checkedKeys(val) {
diff --git a/src/views/Basic/Authority/index.vue b/src/views/Basic/Authority/index.vue
index e75678f..90ef62b 100644
--- a/src/views/Basic/Authority/index.vue
+++ b/src/views/Basic/Authority/index.vue
@@ -274,7 +274,6 @@ export default {
 			this.getPeople();
 		},
 		handleTableChange(pagination) {
-			console.log(pagination);
 			const pager = { ...this.pagination };
 			pager.current = pagination.current;
 			pager.pageSize = pagination.pageSize;
diff --git a/src/views/Basic/EstateInfo/_buildingManage/index.vue b/src/views/Basic/EstateInfo/_buildingManage/index.vue
index be1c017..2f6e9fb 100644
--- a/src/views/Basic/EstateInfo/_buildingManage/index.vue
+++ b/src/views/Basic/EstateInfo/_buildingManage/index.vue
@@ -92,7 +92,6 @@ export default {
 			this.getData()
 		},
 		handleTableChange(pagination) {
-			console.log(pagination);
 			const pager = { ...this.pagination };
 			pager.current = pagination.current;
 			pager.pageSize = pagination.pageSize;
diff --git a/src/views/Basic/EstateInfo/_houseHoldAudit/index.vue b/src/views/Basic/EstateInfo/_houseHoldAudit/index.vue
index a49724d..256b8c0 100644
--- a/src/views/Basic/EstateInfo/_houseHoldAudit/index.vue
+++ b/src/views/Basic/EstateInfo/_houseHoldAudit/index.vue
@@ -58,6 +58,7 @@
         :data-source="tableData"
         :pagination="pagination"
         :scroll="{ x: 1400 }"
+        @change="handleTableChange"
         :row-selection="{
           selectedRowKeys: selectedRowKeys,
           onChange: selectionChoosed,
diff --git a/src/views/Basic/EstateInfo/_houseHoldInfo/depend/addForm.vue b/src/views/Basic/EstateInfo/_houseHoldInfo/depend/addForm.vue
index 8c770c8..452bc8c 100644
--- a/src/views/Basic/EstateInfo/_houseHoldInfo/depend/addForm.vue
+++ b/src/views/Basic/EstateInfo/_houseHoldInfo/depend/addForm.vue
@@ -80,38 +80,42 @@
               </a-form-model-item>
             </a-col>
             <a-col :span="12">
-              身份证徽面照
+              身份证头像照
+              <!-- head -->
               <a-upload
-                name="avatar"
                 list-type="picture-card"
-                class="avatar-uploader"
-                :show-upload-list="false"
-                action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
-                :before-upload="beforeUpload"
-                @change="handleChange"
+                :action="`${$upload}`"
+                :headers="uploadHeaders"
+                accept='.jpg,.JPG,.png,.PNG,.jpeg,.JPEG'
+                @preview="handlePreview"
+                @change="headChange"
+                :file-list="headList"
               >
-                <img v-if="imageUrl" :src="imageUrl" alt="avatar" />
-                <div v-else>
-                  <a-icon :type="loading ? 'loading' : 'plus'" />
-                  <div class="ant-upload-text"></div>
+                <div v-if="headList.length < 1">
+                  <a-icon type="plus" />
+                  <div class="ant-upload-text">
+                    上传照片
+                  </div>
                 </div>
               </a-upload>
             </a-col>
             <a-col :span="12">
-              身份证头像照
+              身份证徽面照
+              <!-- back -->
               <a-upload
-                name="avatar"
                 list-type="picture-card"
-                class="avatar-uploader"
-                :show-upload-list="false"
-                action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
-                :before-upload="beforeUpload"
-                @change="handleChange"
+                :action="`${$upload}`"
+                :headers="uploadHeaders"
+                accept='.jpg,.JPG,.png,.PNG,.jpeg,.JPEG'
+                @preview="handlePreview"
+                @change="backChange"
+                :file-list="backList"
               >
-                <img v-if="imageUrl" :src="imageUrl" alt="avatar" />
-                <div v-else>
-                  <a-icon :type="loading ? 'loading' : 'plus'" />
-                  <div class="ant-upload-text"></div>
+                <div v-if="backList.length < 1">
+                  <a-icon type="plus" />
+                  <div class="ant-upload-text">
+                    上传照片
+                  </div>
                 </div>
               </a-upload>
             </a-col>
@@ -207,14 +211,17 @@
             </a-col>
             <a-col :span="24">
               住户照片
+              <!-- pic -->
               <a-upload
-                action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
                 list-type="picture-card"
-                :file-list="fileList"
+                :action="`${$upload}`"
+                :headers="uploadHeaders"
+                accept='.jpg,.JPG,.png,.PNG,.jpeg,.JPEG'
                 @preview="handlePreview"
-                @change="handleChange"
+                @change="picChange"
+                :file-list="picList"
               >
-                <div v-if="fileList.length < 4">
+                <div v-if="picList.length < 4">
                   <a-icon type="plus" />
                   <div class="ant-upload-text">
                     上传照片
@@ -240,11 +247,14 @@
         <a-button type="primary" @click="submit"> 提交 </a-button>
       </div>
     </a-drawer>
+    <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
+      <img alt="example" style="width: 100%" :src="previewImage" />
+    </a-modal>
   </div>
 </template>
 
 <script>
-import { form, rules, options } from "./form.js"
+import { form, rules, options, uploadHeaders } from "./form.js"
 import { estate } from '@/api/basic/estate'
 import { residentInsert, residentUpdate, residentInfo } from '@/api/basic/resident'
 function getBase64(file) {
@@ -269,11 +279,15 @@ export default {
 			rules,
 			options,
 			loading: false,
-			imageUrl: '',
 			estateArr:[],
 			estateData:[],
 			title:'新增住户',
-			fileList: [],
+			previewVisible:false,
+			uploadHeaders,
+			previewImage:'',
+			headList: [],
+			backList: [],
+			picList: [],
 		}
 	},
 	mounted() {
@@ -297,6 +311,43 @@ export default {
 			})
 		},
 		submit(){
+			// 照片
+			// 头像
+			let head = []
+			for(let item of this.headList){
+				// 新增的照片
+				if(item.response){
+					head.push(item.response.data)
+				}else{
+				// 已添加的照片
+					head.push(item.url.split('/')[item.url.split('/').length-1])
+				}
+			}
+			this.form.idCardFrontImgUrls = head
+			// 徽面
+			let back = []
+			for(let item of this.backList){
+				// 新增的照片
+				if(item.response){
+					back.push(item.response.data)
+				}else{
+				// 已添加的照片
+					back.push(item.url.split('/')[item.url.split('/').length-1])
+				}
+			}
+			this.form.idCardBackImgUrls = back
+			// 照片
+			let pic = []
+			for(let item of this.picList){
+				// 新增的照片
+				if(item.response){
+					pic.push(item.response.data)
+				}else{
+				// 已添加的照片
+					pic.push(item.url.split('/')[item.url.split('/').length-1])
+				}
+			}
+			this.form.residentImgUrls = pic
 			this.$refs.ruleForm.validate(async valid => {
 				if(valid){
 					if(this.title === '新增住户'){
@@ -325,6 +376,9 @@ export default {
 			this.$refs.ruleForm.resetFields();
 			this.$emit('close')
 			this.estateArr = []
+			this.headList =  []
+			this.backList =  []
+			this.picList = []
 		},
 		success(){
 			this.$emit('success')
@@ -336,8 +390,17 @@ export default {
 			this.previewImage = file.url || file.preview;
 			this.previewVisible = true;
 		},
-		handleChange(info){
-			console.log(info);
+		headChange(info){
+			this.headList = info.fileList
+		},
+		backChange(info){
+			this.backList = info.fileList
+		},
+		picChange(info){
+			this.picList = info.fileList
+		},
+		handleCancel() {
+			this.previewVisible = false;
 		},
 		beforeUpload(file) {
 			const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
@@ -385,6 +448,42 @@ export default {
 					// idCardFrontImgUrls
 					// idCardBackImgUrls
 					// residentImgUrls
+					const head = []
+					for(let item of res.data.idCardFrontImgUrls){
+						let obj = {
+							name:item.url.split('_')[0] +'.'+ item.url.split('.')[1],
+							url: this.$ImgUrl(item.url),
+							uid:item.url.split('_')[1],
+							status:'done',
+							thumbUrl: this.$ImgUrl(item.url),
+						}
+						head.push(obj)
+					}
+					this.headList = head
+					const back = []
+					for(let item of res.data.idCardBackImgUrls){
+						let obj = {
+							name:item.url.split('_')[0] +'.'+ item.url.split('.')[1],
+							url: this.$ImgUrl(item.url),
+							uid:item.url.split('_')[1],
+							status:'done',
+							thumbUrl: this.$ImgUrl(item.url),
+						}
+						back.push(obj)
+					}
+					this.backList = back
+					const pic = []
+					for(let item of res.data.residentImgUrls){
+						let obj = {
+							name:item.url.split('_')[0] +'.'+ item.url.split('.')[1],
+							url: this.$ImgUrl(item.url),
+							uid:item.url.split('_')[1],
+							status:'done',
+							thumbUrl: this.$ImgUrl(item.url),
+						}
+						pic.push(obj)
+					}
+					this.picList = pic
 				})
 			}else{
 				this.form.id = null
@@ -394,6 +493,6 @@ export default {
 	}
 };
 </script>
+<style lang="less" scoped>
 
-<style>
 </style>
\ No newline at end of file
diff --git a/src/views/Basic/EstateInfo/_houseHoldInfo/depend/config.js b/src/views/Basic/EstateInfo/_houseHoldInfo/depend/config.js
index cfbdf70..cd5c628 100644
--- a/src/views/Basic/EstateInfo/_houseHoldInfo/depend/config.js
+++ b/src/views/Basic/EstateInfo/_houseHoldInfo/depend/config.js
@@ -74,4 +74,9 @@ export const pagination = {
 	showTotal: (total) => `共 ${total} 条`,
 	showSizeChanger: true,
 	showQuickJumper: true,
+}
+export const rules = {
+	estateId:[{required:true,message:'请选择房屋',trigger:'change'}],
+	identity:[{required:true,message:'请选择身份',trigger:'change'}],
+	linkUserId	:[{required:true,message:'请输入姓名',trigger:'change'}],
 }
\ No newline at end of file
diff --git a/src/views/Basic/EstateInfo/_houseHoldInfo/depend/form.js b/src/views/Basic/EstateInfo/_houseHoldInfo/depend/form.js
index 9a2b690..386efc3 100644
--- a/src/views/Basic/EstateInfo/_houseHoldInfo/depend/form.js
+++ b/src/views/Basic/EstateInfo/_houseHoldInfo/depend/form.js
@@ -1,5 +1,5 @@
 export const form = {
-	id:undefined,
+	id:null,
 	manageEstateId: undefined,
 	type:'',
 	identity:undefined,
diff --git a/src/views/Basic/EstateInfo/_houseHoldInfo/index.vue b/src/views/Basic/EstateInfo/_houseHoldInfo/index.vue
index 7a8b086..7f5e296 100644
--- a/src/views/Basic/EstateInfo/_houseHoldInfo/index.vue
+++ b/src/views/Basic/EstateInfo/_houseHoldInfo/index.vue
@@ -16,7 +16,7 @@
           </a-space>
         </a-col>
         <a-col :span="4">
-          <a-button class="add-btn" @click="drawer.add.show = true">添加住户</a-button>
+          <a-button class="add-btn" @click="show.add = true">添加住户</a-button>
         </a-col>
       </a-row>
     </div>
@@ -49,6 +49,7 @@
         :data-source="tableData"
         :pagination="pagination"
         :scroll="{ x: 1400 }"
+		@change="handleTableChange"
         :row-selection="{
           selectedRowKeys: selectedRowKeys,
           onChange: selectionChoosed,
@@ -78,7 +79,8 @@
         <span slot="action" slot-scope="text, row">
             <a-space>
               <a class="ant-dropdown-link"  @click="edit(row)">编辑</a>
-              <!-- <a class="ant-dropdown-link" @click="del(row)">删除</a> -->
+              <a class="ant-dropdown-link" @click="show.in=true,inform.residentId = row.id">迁入</a>
+              <a class="ant-dropdown-link" @click="out(row)">迁出</a>
             </a-space>
         </span>
         <span slot="tags" slot-scope="tag">
@@ -90,13 +92,50 @@
         </span>
       </a-table>
     </div>
-	<add-form :show="drawer.add.show" :editId="editId" @close='close' @success='success'></add-form>
+	<add-form :show="show.add" :editId="editId" @close='close' @success='success'></add-form>
+	<a-modal
+      title="迁入"
+      :visible="show.in"
+      @ok="insubmit"
+      @cancel="inclose"
+    >
+      <div>
+		<a-form-model
+			ref="ruleForm"
+			:model="inform"
+			:rules="rules"
+			layout="vertical"
+		>
+			<a-form-model-item label="关联房屋" prop="estateId">
+				<a-cascader
+                  :options="estateData"
+                  v-model="estateArr"
+                  :field-names="{ label: 'name', value: 'id', children: 'childList' }"
+                  placeholder="楼栋/单元/房间号"
+                  @change="onChange"
+                  style="width: 90%"
+                />
+			</a-form-model-item>
+			<a-form-model-item label="住户身份" prop="identity">
+                <a-select v-model="inform.identity" placeholder="请选择住户身份" style="width: 90%">
+                  <a-select-option v-for="item in options.identity" :key="item.id" :value="item.id">{{item.name}}</a-select-option>
+                </a-select>
+              </a-form-model-item>
+			  <a-form-model-item label="房屋租户" prop="linkUserId" v-if="inform.identity===4">
+				<a-select v-model="inform.linkUserId" placeholder="请选择住户身份" style="width: 90%">
+                  <a-select-option v-for="item in options.tenant" :key="item.id" :value="item.id">{{item.name}}</a-select-option>
+                </a-select>
+              </a-form-model-item>
+		</a-form-model>
+	  </div>
+    </a-modal>
   </div>
 </template>
 
 <script>
-import { columns,pagination,searchForm } from './depend/config.js'
-import { residentList } from '@/api/basic/resident'
+import { columns,pagination,searchForm, rules } from './depend/config.js'
+import { estate } from '@/api/basic/estate'
+import { residentList, moveIn, moveOut, findTenantByEstateId } from '@/api/basic/resident'
 import addForm from './depend/addForm.vue'
 export default {
 	components:{
@@ -108,10 +147,18 @@ export default {
 			form: {
 				identity: 2
 			},
-			drawer: {
-				add: {
-					show: false
-				},
+			inform:{
+				estateId:undefined,
+				residentId:undefined,
+				identity:undefined,
+				linkUserId:undefined,
+			},
+			estateArr:[],
+			estateData:[],
+			rules,
+			show: {
+				add: false,
+				in:false,
 				detail:{}
 			},
 			table_row:{},
@@ -129,6 +176,15 @@ export default {
 			newData:[],
 			//   数据
 			tableData:[],
+			options:{
+				identity:[
+					{ id:1, name:'业主' },
+					{ id:2, name:'业主亲属' },
+					{ id:3, name:'租户' },
+					{ id:4, name:'租户亲属' },
+				],
+				tenant:[]
+			},
 			ActionsList: [
 				// {
 				// 	label: "批量删除",
@@ -143,6 +199,7 @@ export default {
 	},
 	mounted(){
 		this.getData()
+		this.getEstate()
 	},
 	methods: {
 		async getData() {
@@ -153,7 +210,26 @@ export default {
 				keyword:this.searchForm.keyword,
 			})
 			this.tableData = res.data.rows
+			this.pagination.total = res.data.total
+		},
+		// 所有房屋
+		async getEstate(){
+			let res = await estate()
+			this.estateData = res.data
+			this.estateDisable(this.estateData)
 		},
+		estateDisable(arr){
+			arr.forEach((item,index)=>{
+				if(!item.manageEstateTypeName && item.childList.length === 0){
+					arr[index].disabled = true
+				}else if(item.manageEstateTypeName || item.childList.length > 0){
+					arr[index].disabled = false
+				}else{
+					this.estateDisable(item.childList)
+				}
+			})
+		},
+		// 重置
 		reset(){
 			this.searchForm = {
 				keyword: "",
@@ -161,14 +237,17 @@ export default {
 			}
 			this.getData()
 		},
+		// 编辑住户
 		edit(data){
 			this.editId = data.id
-			this.drawer.add.show = true;
+			this.show.add = true;
 		},
+		// form提交成功的回调
 		close(){
-			this.drawer.add.show = false;
+			this.show.add = false;
 			this.editId = null
 		},
+		// form提交成功的回调
 		success(){
 			this.getData()
 		},
@@ -191,11 +270,11 @@ export default {
 			this.table_row  = row
 		},
 		handleTableChange(pagination) {
-			console.log(pagination);
 			const pager = { ...this.pagination };
 			pager.current = pagination.current;
 			pager.pageSize = pagination.pageSize;
 			this.pagination = pager;
+			this.getData()
 		},
 		Actions(data) {
 			console.log(data);
@@ -204,6 +283,55 @@ export default {
 		selectionChoosed(data) {
 			this.selectedRowKeys = data;
 		},
+		async insubmit(){// 迁入提交
+			console.log(this.inform);
+			this.$refs.ruleForm.validate(async valid => {
+				if(valid){let res = await moveIn(this.inform)
+					if(res.code === 200){
+						this.$message.success(res.msg)
+						this.getData()
+						this.inclose()
+					}else{
+						this.$message.error(res.msg)
+					}}
+			})
+		},
+		inclose(){
+			this.$refs.ruleForm.resetFields();
+			this.estateArr = []
+			this.show.in = false
+		},
+		out(data) {// 迁出
+			if(!data.houseId) {
+				this.$message.error('请先选择房屋')
+				return
+			}
+			this.$confirm({
+				title: "是否迁出",
+				// okText:'删除',
+				// cancelText:'取消',
+				icon: "logout",
+				onOk:async ()=> {
+					let res = await moveOut({estateId:data.houseId,residentId:data.id})
+					if(res.code === 200){
+						this.$message.success(res.msg)
+						this.getData()
+					}else{
+						this.$message.error(res.msg)
+					}
+				},
+			});
+		},
+		onChange(value, selectedOptions){
+			if(value.length > 0){
+				this.inform.estateId = value[value.length - 1];
+				findTenantByEstateId({estateId:this.inform.estateId}).then(res =>{
+					this.options.tenant = res.data
+				})
+			}else{
+				this.inform.estateId = undefined;
+			}
+		},
 	},
 	computed: {
 		// 是否选择selection
diff --git a/src/views/Basic/EstateInfo/_houseManage/index.vue b/src/views/Basic/EstateInfo/_houseManage/index.vue
index c25e712..b540d72 100644
--- a/src/views/Basic/EstateInfo/_houseManage/index.vue
+++ b/src/views/Basic/EstateInfo/_houseManage/index.vue
@@ -53,6 +53,7 @@
         :data-source="tableData"
         :pagination="pagination"
         :scroll="{ x: 1400 }"
+		@change="handleTableChange"
         :row-selection="{
           selectedRowKeys: selectedRowKeys,
           onChange: onSelectChange,
diff --git a/src/views/Basic/WorkOrder/index.vue b/src/views/Basic/WorkOrder/index.vue
index 2abd166..6a5d5a0 100644
--- a/src/views/Basic/WorkOrder/index.vue
+++ b/src/views/Basic/WorkOrder/index.vue
@@ -74,6 +74,7 @@
         :data-source="tableData"
         :pagination="pagination"
         :scroll="{ x: 1400 }"
+		 @change="handleTableChange"
         :row-selection="{
           selectedRowKeys: selectedRowKeys,
           onChange: selectionChoosed,