新增【同投保人地址】按钮, 查询投保人地址信息, 对应相应的地址省市区编码及名称和详细地址文字

This commit is contained in:
liu.xiaofeng@ebiz-digits.com
2023-07-04 13:26:55 +08:00
parent e6be9aa6ef
commit 22b7708e63

View File

@@ -136,6 +136,9 @@
data-vv-name="联系地址" data-vv-name="联系地址"
/> />
<van-field v-model="userInfo.village" label="" name="详细地址" placeholder="请输入详细地址" v-validate="'required'" clearable maxlength="30" /> <van-field v-model="userInfo.village" label="" name="详细地址" placeholder="请输入详细地址" v-validate="'required'" clearable maxlength="30" />
<div class="pl10 pt10 pb10 pr10 address fs14">
<van-checkbox v-model="withRootUser.value">同投保人</van-checkbox>
</div>
<van-field <van-field
v-model="userInfo.yearSalary" v-model="userInfo.yearSalary"
label="平均年收入(万元)" label="平均年收入(万元)"
@@ -271,6 +274,10 @@ export default {
}, },
data() { data() {
return { return {
withRootUser: {
load: false, //防止重复请求
value: false,
},
nameLimit: false, nameLimit: false,
idNoLimit: false, idNoLimit: false,
birthdayLimit: false, birthdayLimit: false,
@@ -1307,6 +1314,25 @@ export default {
filters: { filters: {
idToText: filter.idToText idToText: filter.idToText
}, },
watch: {
async 'withRootUser.value'(n) {
const orderNo = this.$route.query.orderNo
if (n && orderNo) {
const rs = await getOrderDetail({ orderNo: orderNo});
this.areaStr = getAreaName([
{ code: rs.orderDTO.appntDTO.homeProvince },
{ code: rs.orderDTO.appntDTO.homeCity },
{ code: rs.orderDTO.appntDTO.homeArea },
])
this.userInfo.province = rs.orderDTO.appntDTO.homeProvince
this.userInfo.city = rs.orderDTO.appntDTO.homeCity
this.userInfo.area = rs.orderDTO.appntDTO.homeArea
this.userInfo.village = rs.orderDTO.appntDTO.homeAddress
} else {
this.homeName = this.userInfo.homeAddress = ''
}
}
},
beforeRouteLeave(to, from, next) { beforeRouteLeave(to, from, next) {
document.body.style.backgroundColor = '' document.body.style.backgroundColor = ''
next() next()
@@ -1322,5 +1348,9 @@ export default {
/deep/.van-checkbox { /deep/.van-checkbox {
margin-left: auto; margin-left: auto;
} }
.address {
display: flex;
flex-direction: row-reverse;
}
} }
</style> </style>