jiangyy
3 years ago
7 changed files with 875 additions and 4 deletions
@ -0,0 +1,45 @@ |
|||||
|
.bg-app { |
||||
|
background-color: rgba(218, 218, 218, 0.89); |
||||
|
height: 100%; |
||||
|
width: 100vw; |
||||
|
padding: 20px; |
||||
|
|
||||
|
.title { |
||||
|
text-align: center; |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
|
||||
|
.main { |
||||
|
padding-top: 20px; |
||||
|
// font-size: 40px; |
||||
|
|
||||
|
.content { |
||||
|
border-radius: 5px; |
||||
|
|
||||
|
background-color: rgba(255, 255, 255, 0.787); |
||||
|
|
||||
|
.member_title { |
||||
|
padding: 10px; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
} |
||||
|
.content1 { |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
|
||||
|
.line { |
||||
|
border: 1px solid #e4e4e48e; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.div-btn { |
||||
|
margin-top: 30px; |
||||
|
padding-bottom: 20px; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.picker_content { |
||||
|
color: rgb(59, 59, 59); |
||||
|
} |
||||
@ -0,0 +1,797 @@ |
|||||
|
<template> |
||||
|
<div class="bg-app"> |
||||
|
<div class="title"> |
||||
|
居民信息填报 |
||||
|
</div> |
||||
|
<div class="main"> |
||||
|
|
||||
|
<div class="content"> |
||||
|
|
||||
|
<mt-cell title="所属社区"> |
||||
|
|
||||
|
<span style="margin-right:20px">{{shequName}}</span> |
||||
|
</mt-cell> |
||||
|
<div class="line"></div> |
||||
|
|
||||
|
<div v-if="formData.origin === 'internal'"> |
||||
|
<div @click="handelSel('community')"> |
||||
|
<mt-cell title="小区" |
||||
|
is-link> |
||||
|
<span class="picker_content" |
||||
|
v-if="selVillage">{{selVillage.label}}</span> |
||||
|
<span v-else>请选择</span> |
||||
|
</mt-cell> |
||||
|
</div> |
||||
|
<div class="line"></div> |
||||
|
|
||||
|
<div @click="handelSel('building')"> |
||||
|
<mt-cell title="楼宇" |
||||
|
is-link> |
||||
|
<span class="picker_content" |
||||
|
v-if="selBuild">{{selBuild.label}}</span> |
||||
|
<span v-else>请选择</span> |
||||
|
</mt-cell> |
||||
|
</div> |
||||
|
<div class="line"></div> |
||||
|
|
||||
|
<div @click="handelSel('unit')"> |
||||
|
<mt-cell title="单元" |
||||
|
is-link> |
||||
|
<span class="picker_content" |
||||
|
v-if="selUnit">{{selUnit.label}}</span> |
||||
|
<span v-else>请选择</span> |
||||
|
</mt-cell> |
||||
|
</div> |
||||
|
<div class="line"></div> |
||||
|
|
||||
|
<mt-field v-if="selUnit && selUnit.value==='else'" |
||||
|
class="my-field" |
||||
|
:disableClear="true" |
||||
|
label="单元号" |
||||
|
placeholder="请输入" |
||||
|
v-model="unitContent"></mt-field> |
||||
|
<div class="line"></div> |
||||
|
|
||||
|
<div v-if="!selUnit || selUnit.value!=='else'" |
||||
|
@click="handelSel('room')"> |
||||
|
<mt-cell title="房屋" |
||||
|
is-link> |
||||
|
<span class="picker_content" |
||||
|
v-if="selHome">{{selHome.label}}</span> |
||||
|
<span v-else>请选择</span> |
||||
|
</mt-cell> |
||||
|
<div class="line"></div> |
||||
|
</div> |
||||
|
|
||||
|
<mt-field v-if="(selUnit&&selUnit.value==='else')||(selHome&&selHome.value==='else')" |
||||
|
class="my-field" |
||||
|
:disableClear="true" |
||||
|
label="房屋" |
||||
|
placeholder="请输入" |
||||
|
v-model="homeContent"></mt-field> |
||||
|
|
||||
|
</div> |
||||
|
<div v-if="formData.origin === 'external'"> |
||||
|
<mt-field class="my-field" |
||||
|
:disableClear="true" |
||||
|
label="详细地址" |
||||
|
placeholder="请输入" |
||||
|
v-model="formData.address"></mt-field> |
||||
|
<div class="line"></div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="content content1"> |
||||
|
<div @click="handelSel('roomType')"> |
||||
|
<mt-cell title="房屋类型" |
||||
|
is-link> |
||||
|
<span class="picker_content" |
||||
|
v-if="selHomeType">{{selHomeType.label}}</span> |
||||
|
<span v-else>请选择</span> |
||||
|
</mt-cell> |
||||
|
</div> |
||||
|
<div class="line"></div> |
||||
|
|
||||
|
<mt-field class="my-field" |
||||
|
label="户主姓名" |
||||
|
:disableClear="true" |
||||
|
placeholder="请输入" |
||||
|
v-model="formData.houseHolderName"></mt-field> |
||||
|
<div class="line"></div> |
||||
|
|
||||
|
<mt-field class="my-field" |
||||
|
label="居住成员人数" |
||||
|
:disableClear="true" |
||||
|
placeholder="请输入" |
||||
|
type="number" |
||||
|
@blur.native.capture="bluraa" |
||||
|
v-model="formData.totalResi"></mt-field> |
||||
|
<div class="line"></div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div v-for="(item,index) in memberList" |
||||
|
:key="index"> |
||||
|
<div class="content content1"> |
||||
|
<div class="member_title">{{'成员'+(index+1)}}</div> |
||||
|
<mt-field class="my-field" |
||||
|
:disableClear="true" |
||||
|
:label="'姓名'" |
||||
|
placeholder="请输入" |
||||
|
v-model="item.name"></mt-field> |
||||
|
<div class="line"></div> |
||||
|
<mt-field class="my-field" |
||||
|
:disableClear="true" |
||||
|
:label="'身份证'" |
||||
|
placeholder="请输入" |
||||
|
v-model="item.idNum"></mt-field> |
||||
|
<div class="line"></div> |
||||
|
<mt-field class="my-field" |
||||
|
:disableClear="true" |
||||
|
:label="'手机号'" |
||||
|
placeholder="请输入" |
||||
|
type="tel" |
||||
|
v-model="item.mobile"></mt-field> |
||||
|
<div class="line"></div> |
||||
|
|
||||
|
<div @click="handelSel('detNum',index)"> |
||||
|
<mt-cell :title="'参加核酸检测次数'" |
||||
|
is-link> |
||||
|
<span class="picker_content" |
||||
|
v-if="item.selDetNum.value">{{item.selDetNum.label}}</span> |
||||
|
<span v-else>请选择</span> |
||||
|
</mt-cell> |
||||
|
</div> |
||||
|
<div class="line"></div> |
||||
|
|
||||
|
<div @click="handelSel('detCondition',index)"> |
||||
|
<mt-cell :title="'新冠疫苗接种情况'" |
||||
|
is-link> |
||||
|
<span class="picker_content" |
||||
|
v-if="item.selDetCondition.value">{{item.selDetCondition.label}}</span> |
||||
|
<span v-else>请选择</span> |
||||
|
</mt-cell> |
||||
|
</div> |
||||
|
<div class="line"></div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="div-btn"> |
||||
|
<mt-button @click="handleSubmit" |
||||
|
type="primary" |
||||
|
:disabled="btnDisabled" |
||||
|
size="small">提交</mt-button> |
||||
|
</div> |
||||
|
|
||||
|
<mt-popup v-model="popupVisible" |
||||
|
popup-transition="popup-fade" |
||||
|
closeOnClickModal="true" |
||||
|
position="bottom"> |
||||
|
<mt-picker :slots="popupSlots" |
||||
|
value-key="label" |
||||
|
@change="onPickerChange" |
||||
|
showToolbar> |
||||
|
<div class="picker-toolbar-title"> |
||||
|
<div class="usi-btn-cancel" |
||||
|
@click="popupVisible = !popupVisible">取消</div> |
||||
|
<div class="">请选择</div> |
||||
|
<div class="usi-btn-sure" |
||||
|
@click="popupOk()">确定</div> |
||||
|
</div> |
||||
|
</mt-picker> |
||||
|
</mt-popup> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
|
||||
|
|
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
import { Toast } from "mint-ui"; |
||||
|
|
||||
|
let loading // 加载动画 |
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
btnDisabled: false, |
||||
|
popupVisible: false, |
||||
|
|
||||
|
//二维码带来数据 |
||||
|
shequId: '',//社区id 6e511da6816e53af4cda952365a26eb9 德兴路 1202807601961984002 |
||||
|
shequName: '',//社区名称 |
||||
|
customerId: '',//客户id 45687aa479955f9d06204d415238f7cc |
||||
|
|
||||
|
communityList: [], |
||||
|
buildingList: [], |
||||
|
unitList: [], |
||||
|
roomList: [], |
||||
|
selType: 'community',//弹出框所显示的数据类型：community、building、unit、room |
||||
|
pickerData: [], |
||||
|
|
||||
|
selObj: {}, |
||||
|
selVillage: null, |
||||
|
selBuild: null, |
||||
|
selUnit: null, |
||||
|
selHome: null, |
||||
|
selHomeType: null, |
||||
|
|
||||
|
unitContent: '', |
||||
|
homeContent: '',////选择其他时，输入的值 |
||||
|
formData: { |
||||
|
origin: '',//兴德路社区：internal;其他社区：external |
||||
|
villageId: '',//小区id；外部不显示此组件；如果是内部必填。用户选择其他，可以自己输入，前端把输入的内容放在这个字段即可 |
||||
|
buildId: '',//楼栋id；外部不显示此组件；如果是内部必填，用户选择其他，可以自己输入，前端把输入的内容放在这个字段即可 |
||||
|
unitId: '',//单元id；外部不显示磁组件。如果是内部必填。用户可以选择其他，自己输入，前端把输入的内容放在这个字段即可 |
||||
|
homeId: '',//房屋id；外部不展示此组件。如果是内部必填。用户选择其他，可以自己输入，前端把输入的内容放在这个字段即可 |
||||
|
address: '',//外部：用户自己输入；内部：把小区名楼栋名单元名房屋名拼接起来。例如：绿地望海领域10号楼一单元101 |
||||
|
houseType: '',//1自由0租住 |
||||
|
houseHolderName: '',//户主姓名 |
||||
|
totalResi: 1,//居住成员人数 |
||||
|
customerId: '',//customerId |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
selMemberIndex: null, |
||||
|
|
||||
|
memberList: [ |
||||
|
{ |
||||
|
name: '', |
||||
|
mobile: '', |
||||
|
idNum: '', |
||||
|
customerId: '', |
||||
|
heSuanCount: 0, |
||||
|
ymjz: '', |
||||
|
selDetNum: {}, |
||||
|
selDetCondition: {} |
||||
|
} |
||||
|
], |
||||
|
|
||||
|
roomTypeList: [ |
||||
|
{ |
||||
|
value: '1', |
||||
|
label: '自有' |
||||
|
}, |
||||
|
{ |
||||
|
value: '0', |
||||
|
label: '租住' |
||||
|
}, |
||||
|
], |
||||
|
|
||||
|
detNumList: [],//参加核酸次数list |
||||
|
detConditionList: [//参加核酸类型list |
||||
|
{ |
||||
|
// label: '已全程接种（包含加强针或序贯）', |
||||
|
label: '已全程接种', |
||||
|
value: '1' |
||||
|
}, |
||||
|
{ |
||||
|
label: '未全程接种', |
||||
|
value: '2' |
||||
|
}, |
||||
|
{ |
||||
|
label: '未接种', |
||||
|
value: '0' |
||||
|
}, |
||||
|
], |
||||
|
|
||||
|
|
||||
|
popupSlots: [//问题类型弹框数据 |
||||
|
{ |
||||
|
values: [] |
||||
|
} |
||||
|
], |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
components: {}, |
||||
|
computed: { |
||||
|
|
||||
|
}, |
||||
|
created () { }, |
||||
|
mounted () { |
||||
|
console.log(this.$route) |
||||
|
|
||||
|
this.shequId = this.$route.params.id |
||||
|
this.customerId = this.$route.query.customerId |
||||
|
this.shequName = this.$route.query.name |
||||
|
|
||||
|
let envShow = process.env.VUE_APP_NODE_ENV |
||||
|
|
||||
|
let internalShequId = '' |
||||
|
if (envShow === 'dev' || envShow === 'prod:sit') { // 开发环境 |
||||
|
internalShequId = '6e511da6816e53af4cda952365a26eb9' |
||||
|
} else if (envShow === 'prod:uat') { // 体验 |
||||
|
internalShequId = '6e511da6816e53af4cda952365a26eb9' |
||||
|
} else if (envShow === 'prod') { // 生产 |
||||
|
internalShequId = '1202807601961984002' |
||||
|
} |
||||
|
|
||||
|
this.formData.customerId = this.customerId |
||||
|
if (this.shequId === internalShequId) { |
||||
|
this.formData.origin = 'internal' |
||||
|
} else { |
||||
|
this.formData.origin = 'external' |
||||
|
} |
||||
|
this.loadVillage() |
||||
|
this.detNumList = [] |
||||
|
for (let i = 1; i < 11; i++) { |
||||
|
let obj = { |
||||
|
value: i + '', |
||||
|
label: i + '次', |
||||
|
} |
||||
|
this.detNumList.push(obj) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
bluraa () { |
||||
|
let objTemp = { |
||||
|
name: '', |
||||
|
mobile: '', |
||||
|
idNum: '', |
||||
|
heSuanCount: 0, |
||||
|
ymjz: '', |
||||
|
selDetNum: {}, |
||||
|
customerId: '', |
||||
|
selDetCondition: {} |
||||
|
} |
||||
|
|
||||
|
if (this.memberList.length > this.formData.totalResi) {//已有成员数量比设置的数量大，删除多余 |
||||
|
let differ = this.memberList.length - this.formData.totalResi |
||||
|
this.memberList.splice(this.formData.totalResi, differ) |
||||
|
} else if (this.memberList.length < this.formData.totalResi) {////已有成员数量比设置的数量小，补充空对象 |
||||
|
let differ = this.formData.totalResi - this.memberList.length |
||||
|
|
||||
|
for (let i = 0; i < differ; i++) { |
||||
|
let temp = JSON.parse(JSON.stringify(objTemp)) |
||||
|
this.memberList.push(temp) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
console.log(this.memberList) |
||||
|
}, |
||||
|
|
||||
|
//根据社区id获取小区列表 |
||||
|
async loadVillage () { |
||||
|
const url = "/gov/org/icneighborhood/open/list" |
||||
|
|
||||
|
let params = { |
||||
|
agencyId: this.shequId, |
||||
|
isPage: false |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
data.list.forEach(element => { |
||||
|
element.label = element.neighborHoodName |
||||
|
element.value = element.id |
||||
|
}); |
||||
|
this.communityList = data.list |
||||
|
let obj = { |
||||
|
values: this.communityList |
||||
|
} |
||||
|
|
||||
|
this.popupSlots = [] |
||||
|
this.popupSlots.push(obj) |
||||
|
} else { |
||||
|
Toast({ |
||||
|
message: msg, |
||||
|
duration: 3000 |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
//获取楼宇列表 |
||||
|
async loadBuild () { |
||||
|
const url = "/gov/org/icbuilding/buildingoption" |
||||
|
let params = { |
||||
|
|
||||
|
neighborHoodId: this.selVillage.value |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
// data.forEach(element => { |
||||
|
// element.label = element.buildingName |
||||
|
// element.value = element.buildingId |
||||
|
// }); |
||||
|
this.buildingList = data |
||||
|
let obj = { |
||||
|
values: this.buildingList |
||||
|
} |
||||
|
|
||||
|
this.popupSlots = [] |
||||
|
this.popupSlots.push(obj) |
||||
|
} else { |
||||
|
Toast({ |
||||
|
message: msg, |
||||
|
duration: 3000 |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
//获取单元列表 |
||||
|
async loadUnit () { |
||||
|
const url = '/gov/org/icbuildingunit/unitoption' |
||||
|
|
||||
|
let params = { |
||||
|
buildingId: this.selBuild.value |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
// data.forEach(element => { |
||||
|
// element.label = element.unitName |
||||
|
// element.value = element.id |
||||
|
// }); |
||||
|
this.unitList = data |
||||
|
this.unitList.push({ |
||||
|
label: '其他', |
||||
|
value: 'else' |
||||
|
}) |
||||
|
let obj = { |
||||
|
values: this.unitList |
||||
|
} |
||||
|
|
||||
|
this.popupSlots = [] |
||||
|
this.popupSlots.push(obj) |
||||
|
} else { |
||||
|
Toast({ |
||||
|
message: msg, |
||||
|
duration: 3000 |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
//获取房间列表 |
||||
|
async loadHome () { |
||||
|
const url = "/gov/org/ichouse/houseoption" |
||||
|
|
||||
|
let params = { |
||||
|
buildingId: this.selBuild.value, |
||||
|
unitId: this.selUnit.value |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
// data.forEach(element => { |
||||
|
// element.label = element.unitName |
||||
|
// element.value = element.id |
||||
|
// }); |
||||
|
this.roomList = data |
||||
|
this.roomList.push({ |
||||
|
label: '其他', |
||||
|
value: 'else' |
||||
|
}) |
||||
|
let obj = { |
||||
|
values: this.roomList |
||||
|
} |
||||
|
|
||||
|
this.popupSlots = [] |
||||
|
this.popupSlots.push(obj) |
||||
|
} else { |
||||
|
Toast({ |
||||
|
message: msg, |
||||
|
duration: 3000 |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
handelSel (selType, index) { |
||||
|
this.selType = selType |
||||
|
if (selType === 'community') { |
||||
|
this.pickerData = this.communityList |
||||
|
|
||||
|
} |
||||
|
if (selType === 'building') { |
||||
|
if (!this.selVillage) { |
||||
|
Toast({ |
||||
|
message: '请先选择小区', |
||||
|
duration: 3000 |
||||
|
}); |
||||
|
return false |
||||
|
} else { |
||||
|
this.pickerData = this.buildingList |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
|
if (selType === 'unit') { |
||||
|
if (!this.selBuild) { |
||||
|
Toast({ |
||||
|
message: '请先选择楼宇', |
||||
|
duration: 3000 |
||||
|
}); |
||||
|
return false |
||||
|
} else { |
||||
|
this.pickerData = this.unitList |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
if (selType === 'room') { |
||||
|
if (!this.selUnit) { |
||||
|
Toast({ |
||||
|
message: '请先选择单元', |
||||
|
duration: 3000 |
||||
|
}); |
||||
|
return false |
||||
|
} else { |
||||
|
this.pickerData = this.roomList |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
if (selType === 'roomType') { |
||||
|
this.pickerData = this.roomTypeList |
||||
|
} |
||||
|
if (selType === 'detNum') { |
||||
|
this.selMemberIndex = index |
||||
|
this.pickerData = this.detNumList |
||||
|
} |
||||
|
if (selType === 'detCondition') { |
||||
|
this.selMemberIndex = index |
||||
|
this.pickerData = this.detConditionList |
||||
|
} |
||||
|
|
||||
|
let obj = { |
||||
|
values: this.pickerData |
||||
|
} |
||||
|
|
||||
|
this.popupSlots = [] |
||||
|
this.popupSlots.push(obj) |
||||
|
this.popupVisible = !this.popupVisible |
||||
|
}, |
||||
|
|
||||
|
async handleSubmit () { |
||||
|
|
||||
|
let message = this.validataFormData() |
||||
|
if (message) { |
||||
|
Toast({ |
||||
|
message: message, |
||||
|
duration: 3000 |
||||
|
}); |
||||
|
return false |
||||
|
} |
||||
|
|
||||
|
|
||||
|
if (this.formData.origin === 'internal') { |
||||
|
|
||||
|
this.formData.villageId = this.selVillage.value |
||||
|
this.formData.buildId = this.selBuild.value |
||||
|
if (this.selUnit.value === 'else') { |
||||
|
this.formData.unitId = this.unitContent |
||||
|
this.formData.homeId = this.homeContent//没有选择房屋，不存在这个对象，直接赋值 |
||||
|
} else { |
||||
|
this.formData.unitId = this.selUnit.value |
||||
|
this.unitContent = this.selUnit.label |
||||
|
|
||||
|
if (this.selHome.value === 'else') { |
||||
|
this.formData.homeId = this.homeContent |
||||
|
} else { |
||||
|
this.formData.homeId = this.selHome.value |
||||
|
this.homeContent = this.selHome.label |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
this.formData.address = this.selVillage.label + this.selBuild.label + this.unitContent + this.homeContent |
||||
|
} |
||||
|
|
||||
|
this.formData.houseType = this.selHomeType.value |
||||
|
|
||||
|
this.memberList.forEach(element => { |
||||
|
element.customerId = this.customerId |
||||
|
if (element.selDetNum && element.selDetNum.value) { |
||||
|
element.heSuanCount = element.selDetNum.value |
||||
|
} |
||||
|
if (element.selDetCondition && element.selDetCondition.value) { |
||||
|
element.ymjz = element.selDetCondition.value |
||||
|
} |
||||
|
|
||||
|
}); |
||||
|
this.formData.memberList = this.memberList |
||||
|
console.log(this.formData) |
||||
|
this.btnDisabled = true |
||||
|
const url = "/epmetuser/icresicollect/save" |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, this.formData) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
Toast({ |
||||
|
message: '提交成功', |
||||
|
duration: 3000 |
||||
|
}); |
||||
|
this.btnDisabled = false |
||||
|
} else { |
||||
|
Toast({ |
||||
|
message: msg, |
||||
|
duration: 3000 |
||||
|
}); |
||||
|
this.btnDisabled = false |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
//必填验证 |
||||
|
validataFormData () { |
||||
|
|
||||
|
let message = '' |
||||
|
if (this.formData.origin === 'internal') {//内部 |
||||
|
|
||||
|
if (!this.selVillage) { |
||||
|
message = '请选择小区' |
||||
|
return message |
||||
|
} |
||||
|
if (!this.selBuild) { |
||||
|
message = '请选择楼栋' |
||||
|
return message |
||||
|
} |
||||
|
|
||||
|
if (!this.selUnit) {//没有选择单元 |
||||
|
message = '请选择单元' |
||||
|
return message |
||||
|
|
||||
|
} else {//选择了单元 |
||||
|
if (this.selUnit.value === 'else') {//单元选择了其他 |
||||
|
if (!this.unitContent) { |
||||
|
message = '请填写单元号' |
||||
|
return message |
||||
|
} |
||||
|
|
||||
|
if (!this.homeContent) {//房屋必须填写内容 |
||||
|
message = '请填写房屋' |
||||
|
return message |
||||
|
} |
||||
|
|
||||
|
} else {//单元没有选择其他 |
||||
|
if (!this.selHome) { |
||||
|
message = '请选择房屋' |
||||
|
return message |
||||
|
|
||||
|
} else if (this.selHome.value === 'else' && !this.homeContent) { |
||||
|
message = '请填写房屋' |
||||
|
return message |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
} else { |
||||
|
if (!this.formData.address) { |
||||
|
message = '请填写地址' |
||||
|
return message |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
if (!this.selHomeType) { |
||||
|
message = '请选择房屋类型' |
||||
|
return message |
||||
|
} |
||||
|
if (!this.formData.houseHolderName) { |
||||
|
message = '请填写户主姓名' |
||||
|
return message |
||||
|
} |
||||
|
let member = this.memberList[0] |
||||
|
|
||||
|
for (let i = 0; i < this.memberList.length; i++) { |
||||
|
let item = this.memberList[i] |
||||
|
if (!item.name || !item.mobile || !item.idNum || !item.selDetNum.value || !item.selDetCondition.value) { |
||||
|
message = '请完整填写用户' + (i + 1) + '信息' |
||||
|
return message |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
popupOk () { |
||||
|
if (this.selType === 'community') { |
||||
|
this.selVillage = this.selObj |
||||
|
|
||||
|
|
||||
|
|
||||
|
this.selBuild = null |
||||
|
this.selUnit = null |
||||
|
this.selHome = null |
||||
|
this.formData.unitContent = '' |
||||
|
this.formData.homeContent = '' |
||||
|
this.loadBuild() |
||||
|
|
||||
|
} |
||||
|
if (this.selType === 'building') { |
||||
|
this.selBuild = this.selObj |
||||
|
this.formData.buildContent = this.selObj.label |
||||
|
this.formData.buildId = this.selObj.value |
||||
|
|
||||
|
this.selUnit = null |
||||
|
this.selHome = null |
||||
|
this.formData.unitContent = '' |
||||
|
this.formData.homeContent = '' |
||||
|
this.loadUnit() |
||||
|
|
||||
|
} |
||||
|
if (this.selType === 'unit') { |
||||
|
this.selUnit = this.selObj |
||||
|
|
||||
|
this.selHome = null |
||||
|
this.unitContent = '' |
||||
|
this.homeContent = '' |
||||
|
|
||||
|
this.loadHome() |
||||
|
|
||||
|
} |
||||
|
if (this.selType === 'room') { |
||||
|
this.selHome = this.selObj |
||||
|
|
||||
|
this.homeContent = '' |
||||
|
|
||||
|
} |
||||
|
|
||||
|
if (this.selType === 'roomType') { |
||||
|
this.selHomeType = this.selObj |
||||
|
} |
||||
|
|
||||
|
if (this.selType === 'detNum') { |
||||
|
|
||||
|
let change = this.memberList[this.selMemberIndex] |
||||
|
change.selDetNum = this.selObj |
||||
|
this.$set(this.memberList, this.selMemberIndex, change) |
||||
|
|
||||
|
} |
||||
|
if (this.selType === 'detCondition') { |
||||
|
let change = this.memberList[this.selMemberIndex] |
||||
|
change.selDetCondition = this.selObj |
||||
|
this.$set(this.memberList, this.selMemberIndex, change) |
||||
|
} |
||||
|
|
||||
|
this.popupVisible = false |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
onPickerChange (picker, values) { |
||||
|
|
||||
|
this.selObj = values[0] |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped > |
||||
|
@import "@/assets/scss/pages/caiji.scss"; |
||||
|
|
||||
|
.my-field /deep/ .mint-field-core { |
||||
|
text-align: right; |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
|
||||
|
/deep/ .mint-popup-bottom { |
||||
|
width: 100vw; |
||||
|
} |
||||
|
|
||||
|
.picker-toolbar-title { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: space-around; |
||||
|
align-items: center; |
||||
|
background-color: #eee; |
||||
|
height: 44px; |
||||
|
line-height: 44px; |
||||
|
font-size: 16px; |
||||
|
.usi-btn-cancel, |
||||
|
.usi-btn-sure { |
||||
|
color: #26a2ff; |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue