|
|
|
@ -9,7 +9,7 @@ |
|
|
|
|
|
|
|
<mt-cell title="所属社区"> |
|
|
|
|
|
|
|
<span>{{shequName}}</span> |
|
|
|
<span style="margin-right:20px">{{shequName}}</span> |
|
|
|
</mt-cell> |
|
|
|
<div class="line"></div> |
|
|
|
|
|
|
|
@ -18,7 +18,7 @@ |
|
|
|
<mt-cell title="小区" |
|
|
|
is-link> |
|
|
|
<span class="picker_content" |
|
|
|
v-if="selCommunity">{{selCommunity.label}}</span> |
|
|
|
v-if="selVillage">{{selVillage.label}}</span> |
|
|
|
<span v-else>请选择</span> |
|
|
|
</mt-cell> |
|
|
|
</div> |
|
|
|
@ -28,7 +28,7 @@ |
|
|
|
<mt-cell title="楼宇" |
|
|
|
is-link> |
|
|
|
<span class="picker_content" |
|
|
|
v-if="selBuilding">{{selBuilding.label}}</span> |
|
|
|
v-if="selBuild">{{selBuild.label}}</span> |
|
|
|
<span v-else>请选择</span> |
|
|
|
</mt-cell> |
|
|
|
</div> |
|
|
|
@ -49,7 +49,7 @@ |
|
|
|
:disableClear="true" |
|
|
|
label="单元号" |
|
|
|
placeholder="请输入" |
|
|
|
v-model="formData.unitContent"></mt-field> |
|
|
|
v-model="unitContent"></mt-field> |
|
|
|
<div class="line"></div> |
|
|
|
|
|
|
|
<div v-if="!selUnit || selUnit.value!=='else'" |
|
|
|
@ -57,18 +57,18 @@ |
|
|
|
<mt-cell title="房屋" |
|
|
|
is-link> |
|
|
|
<span class="picker_content" |
|
|
|
v-if="selRoom">{{selRoom.label}}</span> |
|
|
|
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')||(selRoom&&selRoom.value==='else')" |
|
|
|
<mt-field v-if="(selUnit&&selUnit.value==='else')||(selHome&&selHome.value==='else')" |
|
|
|
class="my-field" |
|
|
|
:disableClear="true" |
|
|
|
label="房屋" |
|
|
|
placeholder="请输入" |
|
|
|
v-model="formData.homeContent"></mt-field> |
|
|
|
v-model="homeContent"></mt-field> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div v-if="formData.origin === 'external'"> |
|
|
|
@ -76,7 +76,7 @@ |
|
|
|
:disableClear="true" |
|
|
|
label="详细地址" |
|
|
|
placeholder="请输入" |
|
|
|
v-model="address"></mt-field> |
|
|
|
v-model="formData.address"></mt-field> |
|
|
|
<div class="line"></div> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -86,7 +86,7 @@ |
|
|
|
<mt-cell title="房屋类型" |
|
|
|
is-link> |
|
|
|
<span class="picker_content" |
|
|
|
v-if="selRoomType">{{selRoomType.label}}</span> |
|
|
|
v-if="selHomeType">{{selHomeType.label}}</span> |
|
|
|
<span v-else>请选择</span> |
|
|
|
</mt-cell> |
|
|
|
</div> |
|
|
|
@ -162,6 +162,7 @@ |
|
|
|
<div class="div-btn"> |
|
|
|
<mt-button @click="handleSubmit" |
|
|
|
type="primary" |
|
|
|
:disabled="btnDisabled" |
|
|
|
size="small">提交</mt-button> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -195,10 +196,13 @@ let loading // 加载动画 |
|
|
|
export default { |
|
|
|
data () { |
|
|
|
return { |
|
|
|
btnDisabled: false, |
|
|
|
popupVisible: false, |
|
|
|
shequName: '其他小区', |
|
|
|
shequId: '6e511da6816e53af4cda952365a26eb9',//德兴路 1202807601961984002 |
|
|
|
showAddressField: false,//是否显示其他 |
|
|
|
|
|
|
|
//二维码带来数据 |
|
|
|
shequId: '',//社区id 6e511da6816e53af4cda952365a26eb9 德兴路 1202807601961984002 |
|
|
|
shequName: '',//社区名称 |
|
|
|
customerId: '',//客户id 45687aa479955f9d06204d415238f7cc |
|
|
|
|
|
|
|
communityList: [], |
|
|
|
buildingList: [], |
|
|
|
@ -208,23 +212,20 @@ export default { |
|
|
|
pickerData: [], |
|
|
|
|
|
|
|
selObj: {}, |
|
|
|
selCommunity: null, |
|
|
|
selBuilding: null, |
|
|
|
selVillage: null, |
|
|
|
selBuild: null, |
|
|
|
selUnit: null, |
|
|
|
selRoom: null, |
|
|
|
selRoomType: null, |
|
|
|
|
|
|
|
selHome: null, |
|
|
|
selHomeType: null, |
|
|
|
|
|
|
|
unitContent: '', |
|
|
|
homeContent: '',////选择其他时，输入的值 |
|
|
|
formData: { |
|
|
|
origin: '',//兴德路社区：internal;其他社区：external |
|
|
|
villageId: '',//小区id；外部不显示此组件；如果是内部必填。用户选择其他，可以自己输入，前端把输入的内容放在这个字段即可 |
|
|
|
villageContent: '', |
|
|
|
buildId: '',//楼栋id；外部不显示此组件；如果是内部必填，用户选择其他，可以自己输入，前端把输入的内容放在这个字段即可 |
|
|
|
buildContent: '', |
|
|
|
unitId: '',//单元id；外部不显示磁组件。如果是内部必填。用户可以选择其他，自己输入，前端把输入的内容放在这个字段即可 |
|
|
|
unitContent: '',//选择其他时，输入的值 |
|
|
|
homeId: '',//房屋id；外部不展示此组件。如果是内部必填。用户选择其他，可以自己输入，前端把输入的内容放在这个字段即可 |
|
|
|
homeContent: '',////选择其他时，输入的值 |
|
|
|
address: '',//外部：用户自己输入；内部：把小区名楼栋名单元名房屋名拼接起来。例如：绿地望海领域10号楼一单元101 |
|
|
|
houseType: '',//1自由0租住 |
|
|
|
houseHolderName: '',//户主姓名 |
|
|
|
@ -248,15 +249,13 @@ export default { |
|
|
|
} |
|
|
|
], |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
roomTypeList: [ |
|
|
|
{ |
|
|
|
value: '1', |
|
|
|
label: '自有' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '2', |
|
|
|
value: '0', |
|
|
|
label: '租住' |
|
|
|
}, |
|
|
|
], |
|
|
|
@ -274,7 +273,7 @@ export default { |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '未接种', |
|
|
|
value: '3' |
|
|
|
value: '0' |
|
|
|
}, |
|
|
|
], |
|
|
|
|
|
|
|
@ -293,17 +292,35 @@ export default { |
|
|
|
}, |
|
|
|
created () { }, |
|
|
|
mounted () { |
|
|
|
if (this.shequId === '6e511da6816e53af4cda952365a26eb9') { |
|
|
|
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.loadCommunity() |
|
|
|
this.loadVillage() |
|
|
|
this.detNumList = [] |
|
|
|
for (let i = 0; i < 11; i++) { |
|
|
|
for (let i = 1; i < 11; i++) { |
|
|
|
let obj = { |
|
|
|
value: i + '', |
|
|
|
label: i + '', |
|
|
|
label: i + '次', |
|
|
|
} |
|
|
|
this.detNumList.push(obj) |
|
|
|
} |
|
|
|
@ -339,7 +356,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
//根据社区id获取小区列表 |
|
|
|
async loadCommunity () { |
|
|
|
async loadVillage () { |
|
|
|
const url = "/gov/org/icneighborhood/open/list" |
|
|
|
|
|
|
|
let params = { |
|
|
|
@ -362,15 +379,18 @@ export default { |
|
|
|
this.popupSlots = [] |
|
|
|
this.popupSlots.push(obj) |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
Toast({ |
|
|
|
message: msg, |
|
|
|
duration: 3000 |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
//获取楼宇列表 |
|
|
|
async loadBuilding () { |
|
|
|
async loadBuild () { |
|
|
|
const url = "/gov/org/icbuilding/buildingoption" |
|
|
|
let params = { |
|
|
|
|
|
|
|
neighborHoodId: this.selCommunity.value |
|
|
|
neighborHoodId: this.selVillage.value |
|
|
|
} |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
@ -388,7 +408,10 @@ export default { |
|
|
|
this.popupSlots = [] |
|
|
|
this.popupSlots.push(obj) |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
Toast({ |
|
|
|
message: msg, |
|
|
|
duration: 3000 |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
//获取单元列表 |
|
|
|
@ -396,7 +419,7 @@ export default { |
|
|
|
const url = '/gov/org/icbuildingunit/unitoption' |
|
|
|
|
|
|
|
let params = { |
|
|
|
buildingId: this.selBuilding.value |
|
|
|
buildingId: this.selBuild.value |
|
|
|
} |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
@ -418,15 +441,18 @@ export default { |
|
|
|
this.popupSlots = [] |
|
|
|
this.popupSlots.push(obj) |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
Toast({ |
|
|
|
message: msg, |
|
|
|
duration: 3000 |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
//获取房间列表 |
|
|
|
async loadRoom () { |
|
|
|
async loadHome () { |
|
|
|
const url = "/gov/org/ichouse/houseoption" |
|
|
|
|
|
|
|
let params = { |
|
|
|
buildingId: this.selBuilding.value, |
|
|
|
buildingId: this.selBuild.value, |
|
|
|
unitId: this.selUnit.value |
|
|
|
} |
|
|
|
|
|
|
|
@ -449,7 +475,10 @@ export default { |
|
|
|
this.popupSlots = [] |
|
|
|
this.popupSlots.push(obj) |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
Toast({ |
|
|
|
message: msg, |
|
|
|
duration: 3000 |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
@ -460,10 +489,10 @@ export default { |
|
|
|
|
|
|
|
} |
|
|
|
if (selType === 'building') { |
|
|
|
if (!this.selCommunity) { |
|
|
|
if (!this.selVillage) { |
|
|
|
Toast({ |
|
|
|
message: '请先选择小区', |
|
|
|
duration: 5000 |
|
|
|
duration: 3000 |
|
|
|
}); |
|
|
|
return false |
|
|
|
} else { |
|
|
|
@ -473,10 +502,10 @@ export default { |
|
|
|
|
|
|
|
} |
|
|
|
if (selType === 'unit') { |
|
|
|
if (!this.selBuilding) { |
|
|
|
if (!this.selBuild) { |
|
|
|
Toast({ |
|
|
|
message: '请先选择楼宇', |
|
|
|
duration: 5000 |
|
|
|
duration: 3000 |
|
|
|
}); |
|
|
|
return false |
|
|
|
} else { |
|
|
|
@ -488,7 +517,7 @@ export default { |
|
|
|
if (!this.selUnit) { |
|
|
|
Toast({ |
|
|
|
message: '请先选择单元', |
|
|
|
duration: 5000 |
|
|
|
duration: 3000 |
|
|
|
}); |
|
|
|
return false |
|
|
|
} else { |
|
|
|
@ -509,47 +538,179 @@ export default { |
|
|
|
this.pickerData = this.detConditionList |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
let obj = { |
|
|
|
values: this.pickerData |
|
|
|
} |
|
|
|
|
|
|
|
this.popupSlots = [] |
|
|
|
this.popupSlots.push(obj) |
|
|
|
this.popupVisible = !this.popupBuildingVisibl |
|
|
|
this.popupVisible = !this.popupVisible |
|
|
|
}, |
|
|
|
|
|
|
|
handleSubmit () { |
|
|
|
async handleSubmit () { |
|
|
|
|
|
|
|
let message = this.validataFormData() |
|
|
|
if (message) { |
|
|
|
Toast({ |
|
|
|
message: message, |
|
|
|
duration: 3000 |
|
|
|
}); |
|
|
|
return false |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (this.formData.origin === 'internal') { |
|
|
|
this.formData.address = this. |
|
|
|
|
|
|
|
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.selCommunity = this.selObj |
|
|
|
this.formData.villageContent = this.selObj.label |
|
|
|
this.formData.villageId = this.selObj.value |
|
|
|
this.selVillage = this.selObj |
|
|
|
|
|
|
|
|
|
|
|
this.selBuilding = null |
|
|
|
|
|
|
|
this.selBuild = null |
|
|
|
this.selUnit = null |
|
|
|
this.selRoom = null |
|
|
|
this.selHome = null |
|
|
|
this.formData.unitContent = '' |
|
|
|
this.formData.homeContent = '' |
|
|
|
this.loadBuilding() |
|
|
|
this.loadBuild() |
|
|
|
|
|
|
|
} |
|
|
|
if (this.selType === 'building') { |
|
|
|
this.selBuilding = this.selObj |
|
|
|
this.selBuild = this.selObj |
|
|
|
this.formData.buildContent = this.selObj.label |
|
|
|
this.formData.buildId = this.selObj.value |
|
|
|
|
|
|
|
this.selUnit = null |
|
|
|
this.selRoom = null |
|
|
|
this.selHome = null |
|
|
|
this.formData.unitContent = '' |
|
|
|
this.formData.homeContent = '' |
|
|
|
this.loadUnit() |
|
|
|
@ -558,32 +719,22 @@ export default { |
|
|
|
if (this.selType === 'unit') { |
|
|
|
this.selUnit = this.selObj |
|
|
|
|
|
|
|
this.selHome = null |
|
|
|
this.unitContent = '' |
|
|
|
this.homeContent = '' |
|
|
|
|
|
|
|
|
|
|
|
this.selRoom = null |
|
|
|
this.formData.unitContent = '' |
|
|
|
this.formData.homeContent = '' |
|
|
|
if (this.selUnit && this.selUnit.value === 'else') { |
|
|
|
this.showAddressField = true |
|
|
|
} else { |
|
|
|
this.showAddressField = false |
|
|
|
} |
|
|
|
this.loadRoom() |
|
|
|
this.loadHome() |
|
|
|
|
|
|
|
} |
|
|
|
if (this.selType === 'room') { |
|
|
|
this.selRoom = this.selObj |
|
|
|
this.selHome = this.selObj |
|
|
|
|
|
|
|
this.homeContent = '' |
|
|
|
|
|
|
|
this.formData.homeContent = '' |
|
|
|
if (this.selRoom && this.selRoom.value === 'else') { |
|
|
|
this.showAddressField = true |
|
|
|
} else { |
|
|
|
this.showAddressField = false |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
if (this.selType === 'roomType') { |
|
|
|
this.selRoomType = this.selObj |
|
|
|
this.selHomeType = this.selObj |
|
|
|
} |
|
|
|
|
|
|
|
if (this.selType === 'detNum') { |
|
|
|
@ -591,8 +742,7 @@ export default { |
|
|
|
let change = this.memberList[this.selMemberIndex] |
|
|
|
change.selDetNum = this.selObj |
|
|
|
this.$set(this.memberList, this.selMemberIndex, change) |
|
|
|
// this.selMemberIndex = index |
|
|
|
// this.pickerData = this.detNumList |
|
|
|
|
|
|
|
} |
|
|
|
if (this.selType === 'detCondition') { |
|
|
|
let change = this.memberList[this.selMemberIndex] |
|
|
|
|
jiangyy
3 years ago