mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-15 22:16:45 +08:00
[NEW] 新增收入来源
This commit is contained in:
@@ -697,7 +697,7 @@ export default {
|
|||||||
text: '自核不通过待转人核'
|
text: '自核不通过待转人核'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
// 产品编码
|
// 产品编码
|
||||||
riskType: [
|
riskType: [
|
||||||
{
|
{
|
||||||
shortName: '重疾险',
|
shortName: '重疾险',
|
||||||
@@ -709,5 +709,24 @@ export default {
|
|||||||
name: '国富人寿国富民鑫年金保险',
|
name: '国富人寿国富民鑫年金保险',
|
||||||
code: 'GFRSPRO_M0002'
|
code: 'GFRSPRO_M0002'
|
||||||
}
|
}
|
||||||
|
],
|
||||||
|
// 收入来源
|
||||||
|
salarySource: [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
text: '工薪'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
text: '私营'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
text: '农副业'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
text: '其它'
|
||||||
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="insured-info-container pb50 ">
|
<div class="insured-info-container pb50">
|
||||||
<!-- 基本信息 -->
|
<!-- 基本信息 -->
|
||||||
<van-cell-group class="mt10">
|
<van-cell-group class="mt10">
|
||||||
<p style="border-bottom: 1px solid #ebedf0" class=" fs15 fwb pl10 pv12">基本信息</p>
|
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">基本信息</p>
|
||||||
<customer-picker
|
<customer-picker
|
||||||
@on-choose="chooseCustomer"
|
@on-choose="chooseCustomer"
|
||||||
v-validate="'required|name'"
|
v-validate="'required|name'"
|
||||||
@@ -24,8 +24,16 @@
|
|||||||
@click="toSelect('2')"
|
@click="toSelect('2')"
|
||||||
/>
|
/>
|
||||||
<!-- <van-field v-model="userInfo.idNo" v-validate="'required|idNo'" maxlength="18" label="证件号码" name="证件号码" placeholder="请输入" clearable> -->
|
<!-- <van-field v-model="userInfo.idNo" v-validate="'required|idNo'" maxlength="18" label="证件号码" name="证件号码" placeholder="请输入" clearable> -->
|
||||||
<van-field v-model="userInfo.idNo" maxlength="18" label="证件号码" name="证件号码" placeholder="请输入" clearable @blur="getRelatedData(userInfo.idNo)">
|
<van-field
|
||||||
<!-- <van-button v-if="userInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3')">证件扫描</van-button>-->
|
v-model="userInfo.idNo"
|
||||||
|
maxlength="18"
|
||||||
|
label="证件号码"
|
||||||
|
name="证件号码"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
@blur="getRelatedData(userInfo.idNo)"
|
||||||
|
>
|
||||||
|
<!-- <van-button v-if="userInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3')">证件扫描</van-button>-->
|
||||||
</van-field>
|
</van-field>
|
||||||
<FieldDatePicter
|
<FieldDatePicter
|
||||||
v-validate="'required'"
|
v-validate="'required'"
|
||||||
@@ -48,9 +56,20 @@
|
|||||||
:flag="true"
|
:flag="true"
|
||||||
></FieldDatePicter>
|
></FieldDatePicter>
|
||||||
<div class="border-bt relative fs14 p10 flex align-center">
|
<div class="border-bt relative fs14 p10 flex align-center">
|
||||||
<van-checkbox v-model="userInfo.effectiveDateType" :disabled="effectiveDateTypeAble" @change="effectiveDataTypeChange">长期</van-checkbox>
|
<van-checkbox
|
||||||
|
v-model="userInfo.effectiveDateType"
|
||||||
|
:disabled="effectiveDateTypeAble"
|
||||||
|
@change="effectiveDataTypeChange"
|
||||||
|
>长期</van-checkbox>
|
||||||
</div>
|
</div>
|
||||||
<select-radio :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :required="false" :value.sync="userInfo.sex"></select-radio>
|
<select-radio
|
||||||
|
:radios="sexRadio"
|
||||||
|
label="性别"
|
||||||
|
name="性别"
|
||||||
|
v-validate="'required'"
|
||||||
|
:required="false"
|
||||||
|
:value.sync="userInfo.sex"
|
||||||
|
></select-radio>
|
||||||
<van-field
|
<van-field
|
||||||
:value="userInfo.nativeplace | idToText('nativeplace')"
|
:value="userInfo.nativeplace | idToText('nativeplace')"
|
||||||
readonly
|
readonly
|
||||||
@@ -61,7 +80,16 @@
|
|||||||
placeholder="请选择"
|
placeholder="请选择"
|
||||||
@click="toSelect('1')"
|
@click="toSelect('1')"
|
||||||
/>
|
/>
|
||||||
<van-field :value="census" readonly label="户籍" name="户籍" v-validate="'required'" right-icon="arrow" placeholder="请选择" @click="censusShow = true" />
|
<van-field
|
||||||
|
:value="census"
|
||||||
|
readonly
|
||||||
|
label="户籍"
|
||||||
|
name="户籍"
|
||||||
|
v-validate="'required'"
|
||||||
|
right-icon="arrow"
|
||||||
|
placeholder="请选择"
|
||||||
|
@click="censusShow = true"
|
||||||
|
/>
|
||||||
<FieldDatePicter
|
<FieldDatePicter
|
||||||
v-validate="'required'"
|
v-validate="'required'"
|
||||||
label="出生日期"
|
label="出生日期"
|
||||||
@@ -74,13 +102,46 @@
|
|||||||
:maxDate="maxDate"
|
:maxDate="maxDate"
|
||||||
></FieldDatePicter>
|
></FieldDatePicter>
|
||||||
|
|
||||||
<van-field v-model="userInfo.mobile" clearable label="移动电话" name="移动电话" placeholder="请输入" v-validate="'required|mobile'" maxlength="11" />
|
<van-field
|
||||||
<van-field v-model="userInfo.authCode" center clearable label="" name="短信验证码" placeholder="请输入短信验证码" v-validate="'required'" maxlength="6">
|
v-model="userInfo.mobile"
|
||||||
<van-button slot="button" size="small" type="danger" @click="getCode" :disabled="codeDisabled" v-no-more-click="1000">{{
|
clearable
|
||||||
|
label="移动电话"
|
||||||
|
name="移动电话"
|
||||||
|
placeholder="请输入"
|
||||||
|
v-validate="'required|mobile'"
|
||||||
|
maxlength="11"
|
||||||
|
/>
|
||||||
|
<van-field
|
||||||
|
v-model="userInfo.authCode"
|
||||||
|
center
|
||||||
|
clearable
|
||||||
|
label
|
||||||
|
name="短信验证码"
|
||||||
|
placeholder="请输入短信验证码"
|
||||||
|
v-validate="'required'"
|
||||||
|
maxlength="6"
|
||||||
|
>
|
||||||
|
<van-button
|
||||||
|
slot="button"
|
||||||
|
size="small"
|
||||||
|
type="danger"
|
||||||
|
@click="getCode"
|
||||||
|
:disabled="codeDisabled"
|
||||||
|
v-no-more-click="1000"
|
||||||
|
>
|
||||||
|
{{
|
||||||
codeDisabled ? `${countDown}s后重新获取` : '发送验证码'
|
codeDisabled ? `${countDown}s后重新获取` : '发送验证码'
|
||||||
}}</van-button>
|
}}
|
||||||
|
</van-button>
|
||||||
</van-field>
|
</van-field>
|
||||||
<van-field v-model="userInfo.email" label="电子邮箱" name="电子邮箱" placeholder="请输入" v-validate="'required|email'" clearable />
|
<van-field
|
||||||
|
v-model="userInfo.email"
|
||||||
|
label="电子邮箱"
|
||||||
|
name="电子邮箱"
|
||||||
|
placeholder="请输入"
|
||||||
|
v-validate="'required|email'"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
<van-field
|
<van-field
|
||||||
v-model="userInfo.stature"
|
v-model="userInfo.stature"
|
||||||
label="身高(cm)"
|
label="身高(cm)"
|
||||||
@@ -101,10 +162,16 @@
|
|||||||
@blur="checkAvoirdupois(userInfo.avoirdupois)"
|
@blur="checkAvoirdupois(userInfo.avoirdupois)"
|
||||||
/>
|
/>
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
<van-radio-group :border="false" v-model="userInfo.addressStatus" v-validate="'required'" label="设置为联系地址" name="设置为联系地址">
|
<van-radio-group
|
||||||
|
:border="false"
|
||||||
|
v-model="userInfo.addressStatus"
|
||||||
|
v-validate="'required'"
|
||||||
|
label="设置为联系地址"
|
||||||
|
name="设置为联系地址"
|
||||||
|
>
|
||||||
<!-- 工作信息 -->
|
<!-- 工作信息 -->
|
||||||
<van-cell-group :border="false">
|
<van-cell-group :border="false">
|
||||||
<p style=" border-bottom: 1px solid #ebedf0" class=" fs15 fwb pl10 mt10 pv12">工作信息</p>
|
<p style=" border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 mt10 pv12">工作信息</p>
|
||||||
<van-field
|
<van-field
|
||||||
:value="userInfo.degree | idToText('degree')"
|
:value="userInfo.degree | idToText('degree')"
|
||||||
readonly
|
readonly
|
||||||
@@ -148,6 +215,25 @@
|
|||||||
@on-click="selectClick('2')"
|
@on-click="selectClick('2')"
|
||||||
@on-choose="chooseOccupation"
|
@on-choose="chooseOccupation"
|
||||||
/>
|
/>
|
||||||
|
<van-field
|
||||||
|
:value="userInfo.salarySource | idToText('salarySource')"
|
||||||
|
readonly
|
||||||
|
label="收入来源"
|
||||||
|
name="收入来源"
|
||||||
|
right-icon="arrow"
|
||||||
|
placeholder="请选择"
|
||||||
|
v-validate="'required'"
|
||||||
|
@click="toSelect('8')"
|
||||||
|
/>
|
||||||
|
<van-field
|
||||||
|
v-show="isShowOthenSalarySource"
|
||||||
|
v-model="userInfo.otherSalarySource"
|
||||||
|
label
|
||||||
|
name="其他来源"
|
||||||
|
placeholder="请输入其它收入来源"
|
||||||
|
clearable
|
||||||
|
maxlength="30"
|
||||||
|
/>
|
||||||
<van-field
|
<van-field
|
||||||
v-model="userInfo.averageAnnualIncome"
|
v-model="userInfo.averageAnnualIncome"
|
||||||
label="平均年收入(万元)"
|
label="平均年收入(万元)"
|
||||||
@@ -157,8 +243,18 @@
|
|||||||
clearable
|
clearable
|
||||||
maxlength="5"
|
maxlength="5"
|
||||||
/>
|
/>
|
||||||
<van-field v-model="userInfo.liabilitiesMoney" name="负债金额" placeholder="请输入" v-validate="'required|onlyNumber'" clearable maxlength="5">
|
<van-field
|
||||||
<div slot="label" class="flex flex-wrap"><span>负债金额</span><span>(万元)</span></div>
|
v-model="userInfo.liabilitiesMoney"
|
||||||
|
name="负债金额"
|
||||||
|
placeholder="请输入"
|
||||||
|
v-validate="'required|onlyNumber'"
|
||||||
|
clearable
|
||||||
|
maxlength="5"
|
||||||
|
>
|
||||||
|
<div slot="label" class="flex flex-wrap">
|
||||||
|
<span>负债金额</span>
|
||||||
|
<span>(万元)</span>
|
||||||
|
</div>
|
||||||
</van-field>
|
</van-field>
|
||||||
<van-field
|
<van-field
|
||||||
:value="userInfo.jobStatus | idToText('workCondition')"
|
:value="userInfo.jobStatus | idToText('workCondition')"
|
||||||
@@ -170,7 +266,15 @@
|
|||||||
right-icon="arrow"
|
right-icon="arrow"
|
||||||
@click="toSelect('7')"
|
@click="toSelect('7')"
|
||||||
/>
|
/>
|
||||||
<van-field v-model="userInfo.workcompany" label="工作单位" name="工作单位" placeholder="请输入" v-validate="'required'" maxlength="50" clearable />
|
<van-field
|
||||||
|
v-model="userInfo.workcompany"
|
||||||
|
label="工作单位"
|
||||||
|
name="工作单位"
|
||||||
|
placeholder="请输入"
|
||||||
|
v-validate="'required'"
|
||||||
|
maxlength="50"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
<van-field
|
<van-field
|
||||||
v-model="areaName"
|
v-model="areaName"
|
||||||
readonly
|
readonly
|
||||||
@@ -181,17 +285,40 @@
|
|||||||
v-validate="'required'"
|
v-validate="'required'"
|
||||||
@click="areaShow = true"
|
@click="areaShow = true"
|
||||||
/>
|
/>
|
||||||
<van-field v-model="userInfo.companyAddress" label="" name="详细地址" placeholder="请输入详细地址" v-validate="'required'" clearable maxlength="30" />
|
<van-field
|
||||||
|
v-model="userInfo.companyAddress"
|
||||||
|
label
|
||||||
|
name="详细地址"
|
||||||
|
placeholder="请输入详细地址"
|
||||||
|
v-validate="'required'"
|
||||||
|
clearable
|
||||||
|
maxlength="30"
|
||||||
|
/>
|
||||||
<div class="border-bt relative fs14 p10 flex align-center">
|
<div class="border-bt relative fs14 p10 flex align-center">
|
||||||
<!-- <van-checkbox v-model="companyDefault" :disabled="homeDefault" class="fr" @change="setAddress">设为联系地址</van-checkbox> -->
|
<!-- <van-checkbox v-model="companyDefault" :disabled="homeDefault" class="fr" @change="setAddress">设为联系地址</van-checkbox> -->
|
||||||
<van-radio name="0">设为联系地址</van-radio>
|
<van-radio name="0">设为联系地址</van-radio>
|
||||||
</div>
|
</div>
|
||||||
<van-field v-model="userInfo.companyZip" label="邮编" name="邮编" placeholder="请输入" v-validate="'required|zipCode'" maxlength="6" clearable />
|
<van-field
|
||||||
<van-field v-model="userInfo.companyPhone" label="单位电话" name="单位电话" placeholder="非必填" maxlength="13" clearable />
|
v-model="userInfo.companyZip"
|
||||||
|
label="邮编"
|
||||||
|
name="邮编"
|
||||||
|
placeholder="请输入"
|
||||||
|
v-validate="'required|zipCode'"
|
||||||
|
maxlength="6"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
|
<van-field
|
||||||
|
v-model="userInfo.companyPhone"
|
||||||
|
label="单位电话"
|
||||||
|
name="单位电话"
|
||||||
|
placeholder="非必填"
|
||||||
|
maxlength="13"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
<!-- 家庭信息 -->
|
<!-- 家庭信息 -->
|
||||||
<van-cell-group>
|
<van-cell-group>
|
||||||
<p style="border-bottom: 1px solid #ebedf0" class=" fs15 mt10 fwb pl10 pv12">家庭信息</p>
|
<p style="border-bottom: 1px solid #ebedf0" class="fs15 mt10 fwb pl10 pv12">家庭信息</p>
|
||||||
<van-field
|
<van-field
|
||||||
:value="userInfo.marriage | idToText('marriage')"
|
:value="userInfo.marriage | idToText('marriage')"
|
||||||
readonly
|
readonly
|
||||||
@@ -221,13 +348,36 @@
|
|||||||
v-validate="'required'"
|
v-validate="'required'"
|
||||||
@click="homeShow = true"
|
@click="homeShow = true"
|
||||||
/>
|
/>
|
||||||
<van-field v-model="userInfo.homeAddress" label="" name="详细地址" placeholder="请输入详细地址" v-validate="'required'" clearable maxlength="30" />
|
<van-field
|
||||||
|
v-model="userInfo.homeAddress"
|
||||||
|
label
|
||||||
|
name="详细地址"
|
||||||
|
placeholder="请输入详细地址"
|
||||||
|
v-validate="'required'"
|
||||||
|
clearable
|
||||||
|
maxlength="30"
|
||||||
|
/>
|
||||||
<div class="border-bt relative fs14 p10 flex align-center">
|
<div class="border-bt relative fs14 p10 flex align-center">
|
||||||
<!-- <van-checkbox v-model="homeDefault" :disabled="companyDefault" class="fr" @change="setAddress">设为联系地址</van-checkbox> -->
|
<!-- <van-checkbox v-model="homeDefault" :disabled="companyDefault" class="fr" @change="setAddress">设为联系地址</van-checkbox> -->
|
||||||
<van-radio name="1">设为联系地址</van-radio>
|
<van-radio name="1">设为联系地址</van-radio>
|
||||||
</div>
|
</div>
|
||||||
<van-field v-model="userInfo.homeZip" label="邮编" name="邮编" placeholder="请输入" v-validate="'required|zipCode'" maxlength="6" clearable />
|
<van-field
|
||||||
<van-field v-model="userInfo.homePhone" label="家庭电话" name="家庭电话" placeholder="非必填" maxlength="13" clearable />
|
v-model="userInfo.homeZip"
|
||||||
|
label="邮编"
|
||||||
|
name="邮编"
|
||||||
|
placeholder="请输入"
|
||||||
|
v-validate="'required|zipCode'"
|
||||||
|
maxlength="6"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
|
<van-field
|
||||||
|
v-model="userInfo.homePhone"
|
||||||
|
label="家庭电话"
|
||||||
|
name="家庭电话"
|
||||||
|
placeholder="非必填"
|
||||||
|
maxlength="13"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
</van-radio-group>
|
</van-radio-group>
|
||||||
<van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">下一步</van-button>
|
<van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">下一步</van-button>
|
||||||
@@ -238,15 +388,31 @@
|
|||||||
</van-popup>
|
</van-popup>
|
||||||
<!-- 地区选择 -->
|
<!-- 地区选择 -->
|
||||||
<van-popup v-model="areaShow" position="bottom">
|
<van-popup v-model="areaShow" position="bottom">
|
||||||
<van-area :area-list="areaList" value="110101" @confirm="sureArea($event, '1')" @cancel="areaShow = false" />
|
<van-area
|
||||||
|
:area-list="areaList"
|
||||||
|
value="110101"
|
||||||
|
@confirm="sureArea($event, '1')"
|
||||||
|
@cancel="areaShow = false"
|
||||||
|
/>
|
||||||
</van-popup>
|
</van-popup>
|
||||||
<!-- 家庭地址选择 -->
|
<!-- 家庭地址选择 -->
|
||||||
<van-popup v-model="homeShow" position="bottom">
|
<van-popup v-model="homeShow" position="bottom">
|
||||||
<van-area :area-list="areaList" value="110101" @confirm="sureArea($event, '2')" @cancel="homeShow = false" />
|
<van-area
|
||||||
|
:area-list="areaList"
|
||||||
|
value="110101"
|
||||||
|
@confirm="sureArea($event, '2')"
|
||||||
|
@cancel="homeShow = false"
|
||||||
|
/>
|
||||||
</van-popup>
|
</van-popup>
|
||||||
<!-- 户籍选择 -->
|
<!-- 户籍选择 -->
|
||||||
<van-popup v-model="censusShow" position="bottom">
|
<van-popup v-model="censusShow" position="bottom">
|
||||||
<van-area :area-list="areaList" value="110101" :columns-num="2" @confirm="sureArea($event, '3')" @cancel="censusShow = false" />
|
<van-area
|
||||||
|
:area-list="areaList"
|
||||||
|
value="110101"
|
||||||
|
:columns-num="2"
|
||||||
|
@confirm="sureArea($event, '3')"
|
||||||
|
@cancel="censusShow = false"
|
||||||
|
/>
|
||||||
</van-popup>
|
</van-popup>
|
||||||
<!--身份证扫描 -->
|
<!--身份证扫描 -->
|
||||||
<van-popup v-model="isScan" position="bottom">
|
<van-popup v-model="isScan" position="bottom">
|
||||||
@@ -342,6 +508,8 @@ export default {
|
|||||||
effectiveDateType: false, //是否长期
|
effectiveDateType: false, //是否长期
|
||||||
occupationCode: '', //职业类别编码
|
occupationCode: '', //职业类别编码
|
||||||
occupationName: '', //职业类别名称
|
occupationName: '', //职业类别名称
|
||||||
|
salarySource: '', // 收入来源
|
||||||
|
otherSalarySource: '', // 其他来源
|
||||||
lifeGrade: '', //寿险等级
|
lifeGrade: '', //寿险等级
|
||||||
healthGrade: '', //健康等级
|
healthGrade: '', //健康等级
|
||||||
mobile: '', //移动电话
|
mobile: '', //移动电话
|
||||||
@@ -487,7 +655,7 @@ export default {
|
|||||||
},
|
},
|
||||||
//弹框选择
|
//弹框选择
|
||||||
toSelect(pickerType, valueKey) {
|
toSelect(pickerType, valueKey) {
|
||||||
//pickerType 1、国家地区 2、证件类型 3、文化程度 4、有无社保(弃用) 5、税收居民身份 6、婚姻状况 7、在职情况
|
//pickerType 1、国家地区 2、证件类型 3、文化程度 4、有无社保(弃用) 5、税收居民身份 6、婚姻状况 7、在职情况 8、收入来源
|
||||||
;[this.popupShow, this.pickerType] = [true, pickerType]
|
;[this.popupShow, this.pickerType] = [true, pickerType]
|
||||||
if (valueKey) this.valueKey = valueKey
|
if (valueKey) this.valueKey = valueKey
|
||||||
if (pickerType == '1') {
|
if (pickerType == '1') {
|
||||||
@@ -504,6 +672,8 @@ export default {
|
|||||||
this.columns = DataDictionary.marriage
|
this.columns = DataDictionary.marriage
|
||||||
} else if (pickerType == '7') {
|
} else if (pickerType == '7') {
|
||||||
this.columns = DataDictionary.workCondition
|
this.columns = DataDictionary.workCondition
|
||||||
|
} else if (pickerType == '8') {
|
||||||
|
this.columns = DataDictionary.salarySource
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
//确认选择字段
|
//确认选择字段
|
||||||
@@ -530,6 +700,8 @@ export default {
|
|||||||
this.userInfo.marriage = value.id
|
this.userInfo.marriage = value.id
|
||||||
} else if (this.pickerType == '7') {
|
} else if (this.pickerType == '7') {
|
||||||
this.userInfo.jobStatus = value.id
|
this.userInfo.jobStatus = value.id
|
||||||
|
} else if (this.pickerType == '8') {
|
||||||
|
this.userInfo.salarySource = value.id
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
//证件起始截止日期
|
//证件起始截止日期
|
||||||
@@ -637,6 +809,8 @@ export default {
|
|||||||
this.userInfo.effectiveDateType = data.idEffectEndDate == '9999-01-01' //是否长期
|
this.userInfo.effectiveDateType = data.idEffectEndDate == '9999-01-01' //是否长期
|
||||||
this.userInfo.occupationCode = data.occupationCode //职业类别编码
|
this.userInfo.occupationCode = data.occupationCode //职业类别编码
|
||||||
this.userInfo.occupationName = data.occupationName //职业类别名称
|
this.userInfo.occupationName = data.occupationName //职业类别名称
|
||||||
|
this.userInfo.salarySource = data.salarySource //收入来源
|
||||||
|
this.userInfo.otherSalarySource = data.otherSalarySource // 其他收入来源
|
||||||
this.userInfo.lifeGrade = data.lifeGrade //寿险等级
|
this.userInfo.lifeGrade = data.lifeGrade //寿险等级
|
||||||
this.userInfo.healthGrade = data.healthGrade //健康等级
|
this.userInfo.healthGrade = data.healthGrade //健康等级
|
||||||
this.userInfo.mobile = data.customerPhone //移动电话
|
this.userInfo.mobile = data.customerPhone //移动电话
|
||||||
@@ -682,7 +856,8 @@ export default {
|
|||||||
},
|
},
|
||||||
nextStep() {
|
nextStep() {
|
||||||
// console.log(this.userInfo.idType)
|
// console.log(this.userInfo.idType)
|
||||||
|
console.log(this.userInfo.salarySource)
|
||||||
|
console.log(this.userInfo.otherSalarySource)
|
||||||
//表单校验, 成功跳转
|
//表单校验, 成功跳转
|
||||||
this.$validator.validate().then(valid => {
|
this.$validator.validate().then(valid => {
|
||||||
if (true === valid) {
|
if (true === valid) {
|
||||||
@@ -776,6 +951,7 @@ export default {
|
|||||||
return this.$toast('证件类型为台湾居民通行证的,证件号码须为8位数字')
|
return this.$toast('证件类型为台湾居民通行证的,证件号码须为8位数字')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
//投保人需大于等于 16 周岁
|
//投保人需大于等于 16 周岁
|
||||||
if (age < 16) {
|
if (age < 16) {
|
||||||
return this.$toast('投保人必须是具有民事行为能力且有固定职业和收入的自然人,请确定')
|
return this.$toast('投保人必须是具有民事行为能力且有固定职业和收入的自然人,请确定')
|
||||||
@@ -787,6 +963,12 @@ export default {
|
|||||||
return this.$toast('学生不可以作为投保人,请更换投保人投保')
|
return this.$toast('学生不可以作为投保人,请更换投保人投保')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if(this.userInfo.salarySource == '4'){
|
||||||
|
if(!this.userInfo.otherSalarySource){
|
||||||
|
return this.$toast('请输入其它收入来源')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
//如果是已婚
|
//如果是已婚
|
||||||
if ((this.userInfo.sex == '0' && age < 22) || (this.userInfo.sex == '1' && age < 20)) {
|
if ((this.userInfo.sex == '0' && age < 22) || (this.userInfo.sex == '1' && age < 20)) {
|
||||||
if (this.userInfo.marriage != '2') {
|
if (this.userInfo.marriage != '2') {
|
||||||
@@ -1032,6 +1214,16 @@ export default {
|
|||||||
this.userInfo.sex = idToData(val).sex
|
this.userInfo.sex = idToData(val).sex
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
computed:{
|
||||||
|
isShowOthenSalarySource(){
|
||||||
|
if(this.userInfo.salarySource == '4'){
|
||||||
|
return true
|
||||||
|
} else {
|
||||||
|
this.userInfo.otherSalarySource = ''
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
beforeDestroy() {
|
beforeDestroy() {
|
||||||
//清理计时器
|
//清理计时器
|
||||||
console.log('123')
|
console.log('123')
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="insured-person-container pb50 ">
|
<div class="insured-person-container pb50">
|
||||||
<!-- 基本信息 -->
|
<!-- 基本信息 -->
|
||||||
<van-cell-group v-if="!isScan">
|
<van-cell-group v-if="!isScan">
|
||||||
<p style="border-bottom: 1px solid #ebedf0" class="mt10 fs15 fwb pl10 pv12">基本信息</p>
|
<p style="border-bottom: 1px solid #ebedf0" class="mt10 fs15 fwb pl10 pv12">基本信息</p>
|
||||||
@@ -46,9 +46,9 @@
|
|||||||
v-validate="'required'"
|
v-validate="'required'"
|
||||||
@blur="getRelatedData(userInfo.idNo)"
|
@blur="getRelatedData(userInfo.idNo)"
|
||||||
>
|
>
|
||||||
<!-- <van-button v-if="userInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3')" v-no-more-click="1000"-->
|
<!-- <van-button v-if="userInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3')" v-no-more-click="1000"-->
|
||||||
<!-- >证件扫描</van-button-->
|
<!-- >证件扫描</van-button-->
|
||||||
<!-- >-->
|
<!-- >-->
|
||||||
</van-field>
|
</van-field>
|
||||||
<FieldDatePicter
|
<FieldDatePicter
|
||||||
v-validate="'required'"
|
v-validate="'required'"
|
||||||
@@ -73,7 +73,12 @@
|
|||||||
:readonly="isAppnt || idLimit"
|
:readonly="isAppnt || idLimit"
|
||||||
></FieldDatePicter>
|
></FieldDatePicter>
|
||||||
<div class="border-bt relative fs14 p10 flex align-center">
|
<div class="border-bt relative fs14 p10 flex align-center">
|
||||||
<van-checkbox v-model="userInfo.effectiveDateType" class="fr" :disabled="effectiveDateTypeAble" @change="effectiveDataTypeChange">长期</van-checkbox>
|
<van-checkbox
|
||||||
|
v-model="userInfo.effectiveDateType"
|
||||||
|
class="fr"
|
||||||
|
:disabled="effectiveDateTypeAble"
|
||||||
|
@change="effectiveDataTypeChange"
|
||||||
|
>长期</van-checkbox>
|
||||||
</div>
|
</div>
|
||||||
<select-radio
|
<select-radio
|
||||||
:radios="sexRadio"
|
:radios="sexRadio"
|
||||||
@@ -94,7 +99,16 @@
|
|||||||
placeholder="请选择"
|
placeholder="请选择"
|
||||||
@click="toSelect('1')"
|
@click="toSelect('1')"
|
||||||
/>
|
/>
|
||||||
<van-field :value="census" readonly label="户籍" name="户籍" v-validate="'required'" right-icon="arrow" placeholder="请选择" @click="areaChoose('1')" />
|
<van-field
|
||||||
|
:value="census"
|
||||||
|
readonly
|
||||||
|
label="户籍"
|
||||||
|
name="户籍"
|
||||||
|
v-validate="'required'"
|
||||||
|
right-icon="arrow"
|
||||||
|
placeholder="请选择"
|
||||||
|
@click="areaChoose('1')"
|
||||||
|
/>
|
||||||
<FieldDatePicter
|
<FieldDatePicter
|
||||||
v-validate="'required'"
|
v-validate="'required'"
|
||||||
label="出生日期"
|
label="出生日期"
|
||||||
@@ -123,17 +137,34 @@
|
|||||||
v-model="userInfo.authCode"
|
v-model="userInfo.authCode"
|
||||||
center
|
center
|
||||||
clearable
|
clearable
|
||||||
label=""
|
label
|
||||||
name="短信验证码"
|
name="短信验证码"
|
||||||
placeholder="请输入短信验证码"
|
placeholder="请输入短信验证码"
|
||||||
v-validate="'required'"
|
v-validate="'required'"
|
||||||
maxlength="6"
|
maxlength="6"
|
||||||
>
|
>
|
||||||
<van-button slot="button" size="small" type="danger" :disabled="codeDisabled" @click="getCode" v-no-more-click="1000">{{
|
<van-button
|
||||||
|
slot="button"
|
||||||
|
size="small"
|
||||||
|
type="danger"
|
||||||
|
:disabled="codeDisabled"
|
||||||
|
@click="getCode"
|
||||||
|
v-no-more-click="1000"
|
||||||
|
>
|
||||||
|
{{
|
||||||
codeDisabled ? `${countDown}s后重新获取` : '发送验证码'
|
codeDisabled ? `${countDown}s后重新获取` : '发送验证码'
|
||||||
}}</van-button>
|
}}
|
||||||
|
</van-button>
|
||||||
</van-field>
|
</van-field>
|
||||||
<van-field v-model="userInfo.email" label="电子邮箱" name="电子邮箱" placeholder="请输入" v-validate="'required|email'" clearable :readonly="isAppnt" />
|
<van-field
|
||||||
|
v-model="userInfo.email"
|
||||||
|
label="电子邮箱"
|
||||||
|
name="电子邮箱"
|
||||||
|
placeholder="请输入"
|
||||||
|
v-validate="'required|email'"
|
||||||
|
clearable
|
||||||
|
:readonly="isAppnt"
|
||||||
|
/>
|
||||||
<van-field
|
<van-field
|
||||||
v-model="userInfo.stature"
|
v-model="userInfo.stature"
|
||||||
label="身高(cm)"
|
label="身高(cm)"
|
||||||
@@ -158,7 +189,7 @@
|
|||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
<!-- 工作信息 -->
|
<!-- 工作信息 -->
|
||||||
<van-cell-group class="mt5" v-if="!isScan">
|
<van-cell-group class="mt5" v-if="!isScan">
|
||||||
<p style=" border-bottom: 1px solid #ebedf0" class=" fs15 mt10 fwb pl10 pv12">工作信息</p>
|
<p style=" border-bottom: 1px solid #ebedf0" class="fs15 mt10 fwb pl10 pv12">工作信息</p>
|
||||||
<van-field
|
<van-field
|
||||||
:value="userInfo.degree | idToText('degree')"
|
:value="userInfo.degree | idToText('degree')"
|
||||||
readonly
|
readonly
|
||||||
@@ -203,6 +234,25 @@
|
|||||||
@on-click="selectClick('2')"
|
@on-click="selectClick('2')"
|
||||||
@on-choose="chooseOccupation"
|
@on-choose="chooseOccupation"
|
||||||
/>
|
/>
|
||||||
|
<van-field
|
||||||
|
:value="userInfo.salarySource | idToText('salarySource')"
|
||||||
|
readonly
|
||||||
|
label="收入来源"
|
||||||
|
name="收入来源"
|
||||||
|
right-icon="arrow"
|
||||||
|
placeholder="请选择"
|
||||||
|
v-validate="'required'"
|
||||||
|
@click="toSelect('9')"
|
||||||
|
/>
|
||||||
|
<van-field
|
||||||
|
v-show="isShowOthenSalarySource"
|
||||||
|
v-model="userInfo.otherSalarySource"
|
||||||
|
label
|
||||||
|
name="其他来源"
|
||||||
|
placeholder="请输入其它收入来源"
|
||||||
|
clearable
|
||||||
|
maxlength="30"
|
||||||
|
/>
|
||||||
<van-field
|
<van-field
|
||||||
v-model="userInfo.averageAnnualIncome"
|
v-model="userInfo.averageAnnualIncome"
|
||||||
label="平均年收入(万元)"
|
label="平均年收入(万元)"
|
||||||
@@ -222,7 +272,10 @@
|
|||||||
maxlength="5"
|
maxlength="5"
|
||||||
:readonly="isAppnt"
|
:readonly="isAppnt"
|
||||||
>
|
>
|
||||||
<div slot="label" class="flex flex-wrap"><span>负债金额</span><span>(万元)</span></div>
|
<div slot="label" class="flex flex-wrap">
|
||||||
|
<span>负债金额</span>
|
||||||
|
<span>(万元)</span>
|
||||||
|
</div>
|
||||||
</van-field>
|
</van-field>
|
||||||
<van-field
|
<van-field
|
||||||
:value="userInfo.jobStatus | idToText('workCondition')"
|
:value="userInfo.jobStatus | idToText('workCondition')"
|
||||||
@@ -256,7 +309,7 @@
|
|||||||
/>
|
/>
|
||||||
<van-field
|
<van-field
|
||||||
v-model="userInfo.companyAddress"
|
v-model="userInfo.companyAddress"
|
||||||
label=""
|
label
|
||||||
name="详细地址"
|
name="详细地址"
|
||||||
placeholder="请输入详细地址"
|
placeholder="请输入详细地址"
|
||||||
v-validate="'required'"
|
v-validate="'required'"
|
||||||
@@ -274,11 +327,19 @@
|
|||||||
clearable
|
clearable
|
||||||
:readonly="isAppnt"
|
:readonly="isAppnt"
|
||||||
/>
|
/>
|
||||||
<van-field v-model="userInfo.companyPhone" label="单位电话" name="单位电话" placeholder="非必填" maxlength="13" clearable :readonly="isAppnt" />
|
<van-field
|
||||||
|
v-model="userInfo.companyPhone"
|
||||||
|
label="单位电话"
|
||||||
|
name="单位电话"
|
||||||
|
placeholder="非必填"
|
||||||
|
maxlength="13"
|
||||||
|
clearable
|
||||||
|
:readonly="isAppnt"
|
||||||
|
/>
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
<!-- 家庭信息 -->
|
<!-- 家庭信息 -->
|
||||||
<van-cell-group class="mt5" v-if="!isScan">
|
<van-cell-group class="mt5" v-if="!isScan">
|
||||||
<p style=" border-bottom: 1px solid #ebedf0" class=" fs15 fwb pl10 mt10 pv12">家庭信息</p>
|
<p style=" border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 mt10 pv12">家庭信息</p>
|
||||||
<van-field
|
<van-field
|
||||||
:value="userInfo.marriage | idToText('marriage')"
|
:value="userInfo.marriage | idToText('marriage')"
|
||||||
readonly
|
readonly
|
||||||
@@ -311,7 +372,7 @@
|
|||||||
/>
|
/>
|
||||||
<van-field
|
<van-field
|
||||||
v-model="userInfo.homeAddress"
|
v-model="userInfo.homeAddress"
|
||||||
label=""
|
label
|
||||||
name="详细地址"
|
name="详细地址"
|
||||||
placeholder="请输入详细地址"
|
placeholder="请输入详细地址"
|
||||||
v-validate="'required'"
|
v-validate="'required'"
|
||||||
@@ -329,9 +390,23 @@
|
|||||||
clearable
|
clearable
|
||||||
:readonly="isAppnt"
|
:readonly="isAppnt"
|
||||||
/>
|
/>
|
||||||
<van-field v-model="userInfo.homePhone" label="家庭电话" name="家庭电话" placeholder="非必填" maxlength="13" clearable :readonly="isAppnt" />
|
<van-field
|
||||||
|
v-model="userInfo.homePhone"
|
||||||
|
label="家庭电话"
|
||||||
|
name="家庭电话"
|
||||||
|
placeholder="非必填"
|
||||||
|
maxlength="13"
|
||||||
|
clearable
|
||||||
|
:readonly="isAppnt"
|
||||||
|
/>
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
<van-button type="danger" class="bottom-btn" @click="nextStep" v-if="!isScan" v-no-more-click="1000">下一步</van-button>
|
<van-button
|
||||||
|
type="danger"
|
||||||
|
class="bottom-btn"
|
||||||
|
@click="nextStep"
|
||||||
|
v-if="!isScan"
|
||||||
|
v-no-more-click="1000"
|
||||||
|
>下一步</van-button>
|
||||||
|
|
||||||
<!-- 字段选择 -->
|
<!-- 字段选择 -->
|
||||||
<van-popup v-model="popupShow" position="bottom">
|
<van-popup v-model="popupShow" position="bottom">
|
||||||
@@ -339,15 +414,31 @@
|
|||||||
</van-popup>
|
</van-popup>
|
||||||
<!-- 地区选择 -->
|
<!-- 地区选择 -->
|
||||||
<van-popup v-model="areaShow" position="bottom">
|
<van-popup v-model="areaShow" position="bottom">
|
||||||
<van-area :area-list="areaList" value="110101" @confirm="sureArea($event, '1')" @cancel="areaShow = false" />
|
<van-area
|
||||||
|
:area-list="areaList"
|
||||||
|
value="110101"
|
||||||
|
@confirm="sureArea($event, '1')"
|
||||||
|
@cancel="areaShow = false"
|
||||||
|
/>
|
||||||
</van-popup>
|
</van-popup>
|
||||||
<!-- 家庭地址选择 -->
|
<!-- 家庭地址选择 -->
|
||||||
<van-popup v-model="homeShow" position="bottom">
|
<van-popup v-model="homeShow" position="bottom">
|
||||||
<van-area :area-list="areaList" value="110101" @confirm="sureArea($event, '2')" @cancel="homeShow = false" />
|
<van-area
|
||||||
|
:area-list="areaList"
|
||||||
|
value="110101"
|
||||||
|
@confirm="sureArea($event, '2')"
|
||||||
|
@cancel="homeShow = false"
|
||||||
|
/>
|
||||||
</van-popup>
|
</van-popup>
|
||||||
<!-- 户籍选择 -->
|
<!-- 户籍选择 -->
|
||||||
<van-popup v-model="censusShow" position="bottom">
|
<van-popup v-model="censusShow" position="bottom">
|
||||||
<van-area :area-list="areaList" value="110101" :columns-num="2" @confirm="sureArea($event, '3')" @cancel="censusShow = false" />
|
<van-area
|
||||||
|
:area-list="areaList"
|
||||||
|
value="110101"
|
||||||
|
:columns-num="2"
|
||||||
|
@confirm="sureArea($event, '3')"
|
||||||
|
@cancel="censusShow = false"
|
||||||
|
/>
|
||||||
</van-popup>
|
</van-popup>
|
||||||
<!-- 银行卡扫描 -->
|
<!-- 银行卡扫描 -->
|
||||||
<!-- 银行卡扫描 -->
|
<!-- 银行卡扫描 -->
|
||||||
@@ -441,6 +532,8 @@ export default {
|
|||||||
effectiveDateType: false, //是否长期
|
effectiveDateType: false, //是否长期
|
||||||
occupationCode: '',
|
occupationCode: '',
|
||||||
occupationName: '',
|
occupationName: '',
|
||||||
|
salarySource: '', // 收入来源
|
||||||
|
otherSalarySource: '', // 其他来源
|
||||||
lifeGrade: '', //寿险等级
|
lifeGrade: '', //寿险等级
|
||||||
healthGrade: '', //健康等级
|
healthGrade: '', //健康等级
|
||||||
jobStatus: '', //在职情况
|
jobStatus: '', //在职情况
|
||||||
@@ -683,6 +776,8 @@ export default {
|
|||||||
this.columns = DataDictionary.relationToAppnt
|
this.columns = DataDictionary.relationToAppnt
|
||||||
} else if (pickerType == '8') {
|
} else if (pickerType == '8') {
|
||||||
this.columns = DataDictionary.workCondition
|
this.columns = DataDictionary.workCondition
|
||||||
|
} else if (pickerType == '9') {
|
||||||
|
this.columns = DataDictionary.salarySource
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
//确认选择字段
|
//确认选择字段
|
||||||
@@ -807,6 +902,8 @@ export default {
|
|||||||
}
|
}
|
||||||
} else if (this.pickerType == '8') {
|
} else if (this.pickerType == '8') {
|
||||||
this.userInfo.jobStatus = value.id
|
this.userInfo.jobStatus = value.id
|
||||||
|
} else if (this.pickerType == '9') {
|
||||||
|
this.userInfo.salarySource = value.id
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
//证件起始截止日期
|
//证件起始截止日期
|
||||||
@@ -937,6 +1034,8 @@ export default {
|
|||||||
this.userInfo.effectiveDateType = data.idEffectEndDate == '9999-01-01' //是否长期
|
this.userInfo.effectiveDateType = data.idEffectEndDate == '9999-01-01' //是否长期
|
||||||
this.userInfo.occupationCode = data.occupationCode //职业类别编码
|
this.userInfo.occupationCode = data.occupationCode //职业类别编码
|
||||||
this.userInfo.occupationName = data.occupationName //职业类别名称
|
this.userInfo.occupationName = data.occupationName //职业类别名称
|
||||||
|
this.userInfo.salarySource = data.salarySource //收入来源
|
||||||
|
this.userInfo.otherSalarySource = data.otherSalarySource // 其他收入来源
|
||||||
this.userInfo.lifeGrade = data.lifeGrade //寿险等级
|
this.userInfo.lifeGrade = data.lifeGrade //寿险等级
|
||||||
this.userInfo.healthGrade = data.healthGrade //健康等级
|
this.userInfo.healthGrade = data.healthGrade //健康等级
|
||||||
this.userInfo.mobile = data.customerPhone //移动电话
|
this.userInfo.mobile = data.customerPhone //移动电话
|
||||||
@@ -1113,6 +1212,12 @@ export default {
|
|||||||
return this.$toast('0-7岁未成年人须由其父母投保,请确定')
|
return this.$toast('0-7岁未成年人须由其父母投保,请确定')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (this.userInfo.salarySource == '4') {
|
||||||
|
if (!this.userInfo.otherSalarySource) {
|
||||||
|
return this.$toast('请输入其它收入来源')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
//如果是已婚
|
//如果是已婚
|
||||||
if ((this.userInfo.sex == '0' && age < 22) || (this.userInfo.sex == '1' && age < 20)) {
|
if ((this.userInfo.sex == '0' && age < 22) || (this.userInfo.sex == '1' && age < 20)) {
|
||||||
if (this.userInfo.marriage != '2') {
|
if (this.userInfo.marriage != '2') {
|
||||||
@@ -1380,6 +1485,16 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
isShowOthenSalarySource() {
|
||||||
|
if (this.userInfo.salarySource == '4') {
|
||||||
|
return true
|
||||||
|
} else {
|
||||||
|
this.userInfo.otherSalarySource = ''
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
beforeDestroy() {
|
beforeDestroy() {
|
||||||
//清理计时器
|
//清理计时器
|
||||||
console.log('123')
|
console.log('123')
|
||||||
|
|||||||
Reference in New Issue
Block a user