投保流程投保人页面增加新市民身份以及新市民类型和新市民信息提示相关内容

This commit is contained in:
liu.xiaofeng@ebiz-digits.com
2023-07-11 15:42:14 +08:00
parent d192edd25f
commit 5f52bf0778
2 changed files with 66 additions and 1 deletions

View File

@@ -1059,6 +1059,25 @@ export default {
text: '户口本'
}
],
// 新市民类型 创业、就业、子女上学、投奔子女
newCitizenType: [
{
id: 1,
text: '创业'
},
{
id: 2,
text: '就业'
},
{
id: 3,
text: '子女上学'
},
{
id: 4,
text: '投奔子女'
}
],
//出生证明
birthType: [
{

View File

@@ -171,6 +171,29 @@
v-validate="'required'"
@click="toSelect('3')"
/> -->
<div class="p15 pl8 fs14" style="border-bottom: 1px solid #eee;display: flex;justify-content: space-between;align-items: center;">
<van-radio-group v-model="userInfo.newCitizen" class="flex">
<label>
<i class="red">*</i>
新市民身份
</label>
<van-radio name="1" class="ml30"></van-radio>
<van-radio name="2" class="ml20"></van-radio>
</van-radio-group>
<van-icon name="question-o" size="20" @click="newCitizenTip"/>
</div>
<van-field
v-if="userInfo.newCitizen == 1"
:value="userInfo.newCitizenType | idToText('newCitizenType')"
readonly
label="新市民类型"
name="新市民类型"
required
right-icon="arrow"
placeholder="请选择"
v-validate="'required'"
@click="toSelect('11')"
/>
<select-radio :radios="medicalRadio" v-validate="'required'" label="有无社保" name="有无社保" required :value.sync="userInfo.medical"></select-radio>
<van-field
:value="userInfo.taxResidentId | idToText('taxIdentity')"
@@ -377,6 +400,11 @@
</van-popup> -->
<!--身份证扫描 -->
<van-popup v-model="isScan" position="bottom"><IdentityCardScan @getScanInfo="getIdentityInfo"></IdentityCardScan></van-popup>
<van-popup v-model:show="newCitizenTipshow" closeable position="bottom" round :style="{ height: '30%' }">
<div class="newCitizenTipClass">
新市民是指因本人创业就业子女上学投靠子女等原因来到城镇常住未获得当地户籍或获得当地户籍不满三年的各类群体包括但不限于进城务工人员新就业大中专毕业生等
</div>
</van-popup>
</div>
</template>
<script>
@@ -422,6 +450,7 @@ export default {
},
data() {
return {
newCitizenTipshow: false,
renovate: '',
specilFlag: '', //特殊显示-为桂企产品专写 1-桂企 undefind-其他
productCodes: [], //产品编码-用于“产品允许投保人单位列表获取”接口,作为请求参数
@@ -525,6 +554,8 @@ export default {
// householdProvince: '', //户籍省
// householdCity: '' //户籍市
// addressStatus: '0' //是否是联系地址
newCitizen: '', //新市民身份
newCitizenType: '', //新市民类型
},
areaList: areaList,
areaLists: areaLists,
@@ -632,6 +663,9 @@ export default {
this.areaLists = areaLists
},
methods: {
newCitizenTip(){
this.newCitizenTipshow = true
},
workcompanys(list) {
// 单位数据
console.log(list)
@@ -710,7 +744,7 @@ export default {
//弹框选择
toSelect(pickerType, valueKey) {
console.log(valueKey)
//pickerType 1、国家地区 2、证件类型 3、文化程度 4、有无社保(弃用) 5、税收居民身份 6、婚姻状况 7、在职情况 8、收入来源
//pickerType 1、国家地区 2、证件类型 3、文化程度 4、有无社保(弃用) 5、税收居民身份 6、婚姻状况 7、在职情况 8、收入来源 11、新市民类型
;[this.popupShow, this.pickerType] = [true, pickerType]
if (valueKey) this.valueKey = valueKey
@@ -757,6 +791,9 @@ export default {
case '10':
this.columns = DataDictionary.marriage
break
case '11':
this.columns = DataDictionary.newCitizenType
break
}
// if (pickerType == '1') {
@@ -838,6 +875,8 @@ export default {
this.userInfo.workcompany = value
} else if (this.pickerType === '10') {
this.userInfo.marriageStatus = value.text
} else if (this.pickerType === '11') {
this.userInfo.newCitizenType = value.id
}
},
//证件起始截止日期
@@ -1042,6 +1081,10 @@ export default {
async nextStep() {
//表单校验, 成功跳转
let valid = await this.$validator.validate()
if(!this.userInfo.newCitizen){
this.$toast('新市民身份不能为空')
return false
}
// .then(valid => {
if (true === valid) {
localStorage.chooseProductCodesNew = localStorage.chooseProductCodes
@@ -1583,5 +1626,8 @@ export default {
/deep/.van-radio {
margin-left: auto;
}
.newCitizenTipClass{
margin-top: 45px;line-height: 24px;text-indent: 2em;letter-spacing: 1px;padding: 2px 10px;
}
}
</style>