房屋信息采集功能同步

pages/house/house.vue

@@ -119,10 +119,8 @@
 			handlerGather() {
 				this.$u.route({
 					url: 'pages/house/houseGather',
-					params: {
-						buildingId: this.houseInfo.buildingId,
-						houseId: this.houseInfo.id,
-						deptId: this.houseInfo.deptId,
+					params:{
+						houseId:this.houseInfo.id
 					}
 				})
 			},

pages/house/houseGather.vue

@@ -1,8 +1,8 @@
 <template>
 	<navigation-general title="房屋信息采集">
-		<template v-slot:right>
+		<!-- <template v-slot:right>
 			<u-button style="margin-right: 20rpx;" type="error" size="mini" @click="show = true">删除</u-button>
-		</template>
+		</template> -->
 		<u-form :model="form" ref="uForm" label-width="130rpx">
 			<!-- 	<u-form-item label="填写方式" prop="name">
 				<u-radio-group v-model="radio">
@@ -11,26 +11,39 @@
 					</u-radio>
 				</u-radio-group>
 			</u-form-item> -->
+			<u-form-item label="社区"><u-input type="select" @click="handlerSelct('sqcjwh')"
+					v-model="dictlable.sqcjwh" /></u-form-item>
 			<u-form-item label="房东姓名"><u-input v-model="form.fdxm" /></u-form-item>
-			<u-form-item label="房东电话" prop="phone"><u-input v-model="form.fdlxdh" /></u-form-item>
-			<u-form-item label="证件类型" prop="phone">
+			<u-form-item label="房东电话"><u-input v-model="form.fdlxdh" /></u-form-item>
+			<u-form-item label="证件类型">
+
+				<u-input type="select" v-model="dictlable.fdzjlx" @click="handlerSelct('fdzjlx')" />
 
-				<u-input type="select" v-model="form.fdzjlx" @click="show = true" />
-				<u-action-sheet :list="dict.zjlx" v-model="show"></u-action-sheet>
 			</u-form-item>
-			<u-form-item label="身份证号" prop="phone"><u-input v-model="form.fdsfzh" /></u-form-item>
-			<u-form-item label="房屋类型" prop="phone"><u-input v-model="form.fwlx" /></u-form-item>
-			<u-form-item label="租住类型"><u-input v-model="form.zzlx" /></u-form-item>
+			<u-form-item label="身份证号" prop="fdsfzh"><u-input v-model="form.fdsfzh" /></u-form-item>
+			<u-form-item label="房屋类型"><u-input type="select" @click="handlerSelct('fwlx')"
+					v-model="dictlable.fwlx" /></u-form-item>
+			<u-form-item label="租住类型"><u-input type="select" v-model="dictlable.zzlx"
+					@click="handlerSelct('zzlx')" /></u-form-item>
 			<u-form-item label="出租间数"><u-input v-model="form.czjs" /></u-form-item>
 			<u-form-item label="出租面积"><u-input v-model="form.czmj" /></u-form-item>
-			<u-form-item label="社区"><u-input v-model="form.sqcjwh" /></u-form-item>
-			<u-form-item label="是否群租"><u-input v-model="form.sfqzf" /></u-form-item>
+
+			<u-form-item label="是否群租">
+				<u-radio-group v-model="form.sfqzf">
+					<u-radio name="1">
+						是
+					</u-radio>
+					<u-radio name="0">
+						否
+					</u-radio>
+				</u-radio-group>
+			</u-form-item>
 			<u-form-item label="备注"><u-input v-model="form.person_information" /></u-form-item>
 		</u-form>
 		<bottom-btn type="primary" title="提交" @handlerClick="handlerClick"></bottom-btn>
-
-		<!-- 证件类型 -->
-		<!-- <u-select v-model="show" :list="dict.zjlx"></u-select> -->
+		<!-- 系统字典公用选择弹窗 -->
+		<u-select v-model="show" :list="dictList" value-name="dictValue" label-name="dictLabel"
+			@confirm="confirm"></u-select>
 	</navigation-general>
 </template>
 
@@ -41,9 +54,17 @@
 	import {
 		getCommunitylist
 	} from "@/api/taicangpop/data";
+	import {
+		updateHouse
+	} from '@/api/taicangpop/house.js'
 	export default {
 		data() {
 			return {
+				dictlable: {
+
+				},
+				currentForm: '',
+				dictList: [],
 				show: false,
 				dict: {},
 				radio: '人工填写',
@@ -68,34 +89,76 @@
 					czmj: undefined, //出租面积
 					person_information: undefined, //备注信息
 				},
+				rules: {
+					fdsfzh: [{
+							required: true,
+							message: '请输入房东身份证号',
+							trigger: ['change', 'blur'],
+						},
+
+					],
+				}
 			};
 		},
-		onLoad() {
+		onReady() {
+			this.$refs.uForm.setRules(this.rules);
+		},
+		onLoad(option) {
+			this.form.id = option.houseId
 			this.getdicts()
 		},
 		methods: {
+			//打开选择框
+			handlerSelct(dictItem) {
+				this.dictList = this.dict[dictItem]
+				this.currentForm = dictItem
+				this.show = true
+			},
+			//选择确定
+			confirm(e) {
+				this.form[this.currentForm] = e[0].value
+				this.dictlable[this.currentForm] = e[0].label
+			},
 			//获取全部字典
 			async getdicts() {
 				//证件类型
 				const res1 = await getDicts('bm_czfw_zjlx')
-				this.dict.zjlx = res1.data.map(item => {
-					item.text = item.dictLabel
-					return item
-				})
+				this.dict.fdzjlx = res1.data
 				//房屋类型
 				const res2 = await getDicts('bm_fwlx')
 				this.dict.fwlx = res2.data
 				//租房类型
 				const res3 = await getDicts('bm_czfw_zzlx')
 				this.dict.zzlx = res3.data
+
+
 				//社区
 				const res4 = await getCommunitylist()
-				this.dict.shequ = res4.data['社区list集合']
+				this.dict.sqcjwh = res4.data['社区list集合'].map(item => {
+					item.dictLabel = item.dept_name
+					item.dictValue = item.dept_id
+					return item
+				})
+
 
-				console.log(this.dict)
 			},
 			handlerClick() {
-				console.log(this.form)
+				this.$refs.uForm.validate(valid => {
+					if (valid) {
+						if (this.form.id != null) {
+							updateHouse(this.form).then((response) => {
+								uni.showToast({
+									title: '采集成功',
+									success: () => {
+										setTimeout(() => {
+											uni.navigateBack()
+										}, 1000)
+									}
+								})
+							});
+						}
+					}
+				})
 			}
 		},
 	}