|
|
@ -2,85 +2,48 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div class="wrap"> |
|
|
|
<div class="wrap"> |
|
|
|
<MyTitle :titleArr="['个人贷款', '新增贷款申请']" /> |
|
|
|
<MyTitle :titleArr="['个人贷款', '新增贷款申请']" /> |
|
|
|
<el-row :gutter="20" |
|
|
|
<el-row :gutter="20" style="margin: 0"> |
|
|
|
style="margin: 0"> |
|
|
|
<el-form ref="form" :model="form" label-width="120px" :rules="rules"> |
|
|
|
<el-form ref="form" |
|
|
|
|
|
|
|
:model="form" |
|
|
|
|
|
|
|
label-width="120px" |
|
|
|
|
|
|
|
:rules="rules"> |
|
|
|
|
|
|
|
<template v-if="curStep === 1 || isDetail"> |
|
|
|
<template v-if="curStep === 1 || isDetail"> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-col :span="24"> |
|
|
|
<h6 class="l-title">基本信息</h6> |
|
|
|
<h6 class="l-title">基本信息</h6> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="10" |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
:offset="1"> |
|
|
|
<el-form-item label="证件类型" prop="idType"> |
|
|
|
<el-form-item label="证件类型" |
|
|
|
<el-select v-model.trim="form.idType" placeholder="请选择" disabled> |
|
|
|
prop="certificateType"> |
|
|
|
<el-option label="身份证" :value="83"> </el-option> |
|
|
|
<el-select v-model.trim="form.certificateType" |
|
|
|
|
|
|
|
placeholder="请选择" |
|
|
|
|
|
|
|
ref="certificateType" |
|
|
|
|
|
|
|
disabled> |
|
|
|
|
|
|
|
<el-option label="身份证" |
|
|
|
|
|
|
|
:value="83"> </el-option> |
|
|
|
|
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="客户姓名" |
|
|
|
<el-form-item label="客户姓名" prop="customerName"> |
|
|
|
prop="customerName"> |
|
|
|
<el-input disabled v-model="form.customerName" @input="(val) => checkName(val, form, 'customerName')" /> |
|
|
|
<el-input ref="customerName" |
|
|
|
</el-form-item> |
|
|
|
disabled |
|
|
|
<el-form-item label="出生日期" prop="birthDate"> |
|
|
|
v-model="form.customerName" |
|
|
|
<el-date-picker disabled v-model.trim="form.birthDate" type="date" placeholder="选择日期" format="yyyy-MM-dd" |
|
|
|
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="出生日期" |
|
|
|
|
|
|
|
prop="birthday"> |
|
|
|
|
|
|
|
<el-date-picker disabled |
|
|
|
|
|
|
|
v-model.trim="form.birthday" |
|
|
|
|
|
|
|
type="date" |
|
|
|
|
|
|
|
placeholder="选择日期" |
|
|
|
|
|
|
|
format="yyyy-MM-dd" |
|
|
|
|
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
|
|
|
|
</el-date-picker> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="10" |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
:offset="1"> |
|
|
|
<el-form-item label="证件号码" required> |
|
|
|
<el-form-item label="证件号码" |
|
|
|
<div class="idCard" @click="popUp1('身份证扫描仪')" v-if='!idNumberJudge'> |
|
|
|
required> |
|
|
|
|
|
|
|
<div class="idCard" |
|
|
|
|
|
|
|
@click="popUp1('身份证扫描仪')" |
|
|
|
|
|
|
|
v-if='!idNumberJudge'> |
|
|
|
|
|
|
|
<p>请刷身份证</p> |
|
|
|
<p>请刷身份证</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-else> |
|
|
|
<div v-else> |
|
|
|
<el-input v-model="form.idNumber" |
|
|
|
<el-input v-model="form.idNumber" disabled ref="idNumber" /> |
|
|
|
disabled |
|
|
|
|
|
|
|
ref="idNumber"></el-input> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="性别" |
|
|
|
<el-form-item label="性别" prop="gender"> |
|
|
|
prop="sex"> |
|
|
|
<el-select v-model.trim="form.gender" disabled placeholder="请选择"> |
|
|
|
<el-select v-model.trim="form.sex" |
|
|
|
<el-option :key="1" label="男" :value="1"> |
|
|
|
disabled |
|
|
|
|
|
|
|
placeholder="请选择" |
|
|
|
|
|
|
|
ref='sex'> |
|
|
|
|
|
|
|
<el-option :key="1" |
|
|
|
|
|
|
|
label="男" |
|
|
|
|
|
|
|
:value="1"> |
|
|
|
|
|
|
|
</el-option> |
|
|
|
</el-option> |
|
|
|
<el-option :key="2" |
|
|
|
<el-option :key="2" label="女" :value="2"> |
|
|
|
label="女" |
|
|
|
|
|
|
|
:value="2"> |
|
|
|
|
|
|
|
</el-option> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="联系电话" |
|
|
|
<el-form-item label="联系电话" prop="phoneNumber"> |
|
|
|
:rules="rules.phone" |
|
|
|
<el-input v-model="form.phoneNumber" @input="(val) => phoneListen(val, form, 'phoneNumber')" |
|
|
|
prop="phone"> |
|
|
|
maxlength="11" /> |
|
|
|
<el-input v-model="form.phone" |
|
|
|
|
|
|
|
@input="(val) => phoneListen(val, form, 'phone')" |
|
|
|
|
|
|
|
maxlength="12" |
|
|
|
|
|
|
|
ref='phone'></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
|
@ -88,23 +51,20 @@ |
|
|
|
<div class="line"></div> |
|
|
|
<div class="line"></div> |
|
|
|
<h6 class="l-title">收入信息</h6> |
|
|
|
<h6 class="l-title">收入信息</h6> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="10" |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
:offset="1"> |
|
|
|
|
|
|
|
<el-form-item label="岗位"> |
|
|
|
<el-form-item label="岗位"> |
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
<el-input v-model="form.position" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="当前单位工作年限" |
|
|
|
<el-form-item label="当前单位工作年限" label-width="150px"> |
|
|
|
label-width="150px"> |
|
|
|
<el-input v-model="form.currentWorkYears" /> |
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="10" |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
:offset="1"> |
|
|
|
|
|
|
|
<el-form-item label="薪酬"> |
|
|
|
<el-form-item label="薪酬"> |
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
<el-input v-model="form.salary" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="工龄"> |
|
|
|
<el-form-item label="工龄"> |
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
<el-input v-model="form.totalWorkYears" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
|
@ -112,34 +72,29 @@ |
|
|
|
<div class="line"></div> |
|
|
|
<div class="line"></div> |
|
|
|
<h6 class="l-title">房产信息</h6> |
|
|
|
<h6 class="l-title">房产信息</h6> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="10" |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
:offset="1"> |
|
|
|
|
|
|
|
<el-form-item label="产权人"> |
|
|
|
<el-form-item label="产权人"> |
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
<el-input v-model="form.propertyOwner" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="共有情况"> |
|
|
|
<el-form-item label="共有情况"> |
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
<el-input v-model="form.coOwnership" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="权利类型"> |
|
|
|
<el-form-item label="权利性质"> |
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
<el-input v-model="form.propertyRightNature" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="面积"> |
|
|
|
<el-form-item label="使用期限"> |
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
<el-input v-model="form.usagePeriodStart" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="10" |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
:offset="1"> |
|
|
|
|
|
|
|
<el-form-item label="房产证号"> |
|
|
|
<el-form-item label="房产证号"> |
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
<el-input v-model="form.propertyCertificateNo" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="坐落"> |
|
|
|
<el-form-item label="坐落"> |
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
<el-input v-model="form.location" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="权利性质"> |
|
|
|
<el-form-item label="面积"> |
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
<el-input v-model="form.area" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="使用期限"> |
|
|
|
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</template> |
|
|
|
</template> |
|
|
@ -149,100 +104,65 @@ |
|
|
|
<div class="line"></div> |
|
|
|
<div class="line"></div> |
|
|
|
<h6 class="l-title">贷款合同</h6> |
|
|
|
<h6 class="l-title">贷款合同</h6> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="10" |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
:offset="1"> |
|
|
|
|
|
|
|
<el-form-item label="贷款类型"> |
|
|
|
<el-form-item label="贷款类型"> |
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
<el-input v-model="form.customerName" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="合同金额"> |
|
|
|
<el-form-item label="合同金额"> |
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
<el-input v-model="form.customerName" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="起息日期" |
|
|
|
<el-form-item label="起息日期" prop="customerName"> |
|
|
|
prop="customerName"> |
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
<el-input ref="customerName" |
|
|
|
</el-form-item> |
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
<el-form-item label="计息方式" prop="customerName"> |
|
|
|
</el-form-item> |
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
<el-form-item label="计息方式" |
|
|
|
</el-form-item> |
|
|
|
prop="customerName"> |
|
|
|
<el-form-item label="浮动比例" prop="customerName"> |
|
|
|
<el-input ref="customerName" |
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="逾期利率" prop="customerName"> |
|
|
|
<el-form-item label="浮动比例" |
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
prop="customerName"> |
|
|
|
</el-form-item> |
|
|
|
<el-input ref="customerName" |
|
|
|
<el-form-item label="还款方式" prop="customerName"> |
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="逾期利率" |
|
|
|
<el-form-item label="还款账号" prop="customerName"> |
|
|
|
prop="customerName"> |
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
<el-input ref="customerName" |
|
|
|
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="还款方式" |
|
|
|
|
|
|
|
prop="customerName"> |
|
|
|
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="还款账号" |
|
|
|
|
|
|
|
prop="customerName"> |
|
|
|
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="10" |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
:offset="1"> |
|
|
|
<el-form-item label="合同编号" prop="customerName"> |
|
|
|
<el-form-item label="合同编号" |
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
prop="customerName"> |
|
|
|
</el-form-item> |
|
|
|
<el-input ref="customerName" |
|
|
|
<el-form-item label="贷款期限" prop="customerName"> |
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="贷款期限" |
|
|
|
<el-form-item label="到期日期" prop="customerName"> |
|
|
|
prop="customerName"> |
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
<el-input ref="customerName" |
|
|
|
</el-form-item> |
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
<el-form-item label="基准利率" prop="customerName"> |
|
|
|
</el-form-item> |
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
<el-form-item label="到期日期" |
|
|
|
</el-form-item> |
|
|
|
prop="customerName"> |
|
|
|
<el-form-item label="执行利率" prop="customerName"> |
|
|
|
<el-input ref="customerName" |
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="担保方式" prop="customerName"> |
|
|
|
<el-form-item label="基准利率" |
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
prop="customerName"> |
|
|
|
</el-form-item> |
|
|
|
<el-input ref="customerName" |
|
|
|
<el-form-item label="利息总额" prop="customerName"> |
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="执行利率" |
|
|
|
|
|
|
|
prop="customerName"> |
|
|
|
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="担保方式" |
|
|
|
|
|
|
|
prop="customerName"> |
|
|
|
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="利息总额" |
|
|
|
|
|
|
|
prop="customerName"> |
|
|
|
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
<my-dialog :moduleName="moduleName" |
|
|
|
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" |
|
|
|
v-if="visible" |
|
|
|
@submitIt="submitForm2" depositNumber='0816' /> |
|
|
|
:visible.sync="visible" |
|
|
|
|
|
|
|
:showForm="form" |
|
|
|
|
|
|
|
:formName="formName" |
|
|
|
|
|
|
|
@submitIt="submitForm2" |
|
|
|
|
|
|
|
depositNumber='0816' /> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="text-center"> |
|
|
|
<div class="text-center"> |
|
|
|
<el-button @click="next" |
|
|
|
<el-button @click="next" type="primary" class="submitBtn" v-throttle>{{ curStep === 1 ? '下一步' : '提交' |
|
|
|
type="primary" |
|
|
|
}}</el-button> |
|
|
|
class="submitBtn" |
|
|
|
|
|
|
|
v-throttle>{{ curStep === 1 ? '下一步' : '提交' }}</el-button> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> |
|
|
|
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> |
|
|
@ -250,6 +170,7 @@ |
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import { phoneListen, myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, inputListen, messageIdCard, messageCard, messagePassword } from '@/utils/utilFunction.js'; |
|
|
|
import { phoneListen, myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, inputListen, messageIdCard, messageCard, messagePassword } from '@/utils/utilFunction.js'; |
|
|
|
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
|
|
|
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
|
|
|
|
|
|
|
import { addOperation, personalBasicSave } from '@/api/http' |
|
|
|
|
|
|
|
|
|
|
|
const moduleName = 'usefulPhrases/openAccount' |
|
|
|
const moduleName = 'usefulPhrases/openAccount' |
|
|
|
import { mapMutations, mapGetters } from 'vuex' |
|
|
|
import { mapMutations, mapGetters } from 'vuex' |
|
|
@ -277,42 +198,43 @@ export default { |
|
|
|
cardNumberJudge: false, |
|
|
|
cardNumberJudge: false, |
|
|
|
idNumberJudge: false, |
|
|
|
idNumberJudge: false, |
|
|
|
form: { |
|
|
|
form: { |
|
|
|
// 必填项 |
|
|
|
idType: 83, |
|
|
|
// identityCard: '', // 身份证 |
|
|
|
|
|
|
|
idNumber: '', |
|
|
|
idNumber: '', |
|
|
|
customerName: '', // 客户姓名 |
|
|
|
customerName: '', |
|
|
|
currency: '', // 币种 |
|
|
|
gender: '', |
|
|
|
goldLogo: '', // 钞汇标识 |
|
|
|
birthDate: '', |
|
|
|
voucherType: '', // 凭证类型 |
|
|
|
phoneNumber: '', |
|
|
|
monthDeposit: '', // 月存金额 |
|
|
|
position: '', |
|
|
|
depositTerm: '', // 存期 |
|
|
|
salary: '', |
|
|
|
extendDepositTarget: '', // 续存标识 |
|
|
|
currentWorkYears: '', |
|
|
|
voucherNumber: '', // 凭证号码 |
|
|
|
totalWorkYears: '', |
|
|
|
drawPassword: '', // 支付密码 |
|
|
|
propertyOwner: '', |
|
|
|
// 非必填项 |
|
|
|
propertyCertificateNo: '', |
|
|
|
clientNumber: '', // 客户号 |
|
|
|
coOwnership: '', |
|
|
|
certificateType: 83, // 证件类型 |
|
|
|
location: '', |
|
|
|
phone: '',//联系电话 |
|
|
|
propertyRightNature: '', |
|
|
|
birthday: null,//出生日期 |
|
|
|
area: '', |
|
|
|
|
|
|
|
usagePeriodStart: '', |
|
|
|
|
|
|
|
usagePeriodEnd: '', |
|
|
|
}, |
|
|
|
}, |
|
|
|
formName: { |
|
|
|
formName: { |
|
|
|
// 必填项 |
|
|
|
idType: '证件类型', |
|
|
|
// identityCard: '', // 身份证 |
|
|
|
idNumber: '证件号码', |
|
|
|
idNumber: '身份证', |
|
|
|
customerName: '证件号码', |
|
|
|
customerName: '客户姓名', // |
|
|
|
gender: '性别', |
|
|
|
currency: '币种', // |
|
|
|
birthDate: '出生日期', |
|
|
|
goldLogo: '钞汇标识', // |
|
|
|
phoneNumber: '联系电话', |
|
|
|
voucherType: '凭证类型', // |
|
|
|
position: '岗位', |
|
|
|
monthDeposit: '月存金额', // |
|
|
|
salary: '薪酬', |
|
|
|
depositTerm: '存期', // |
|
|
|
currentWorkYears: '当前单位工作年限', |
|
|
|
extendDepositTarget: '续存标识', // |
|
|
|
totalWorkYears: '工龄', |
|
|
|
voucherNumber: '凭证号码', // |
|
|
|
propertyOwner: '产权人', |
|
|
|
drawPassword: '支付密码', // |
|
|
|
propertyCertificateNo: '房产证号', |
|
|
|
// 非必填项 |
|
|
|
coOwnership: '共有情况', |
|
|
|
clientNumber: '客户号', // |
|
|
|
location: '坐落', |
|
|
|
certificateType: '证件类型', // |
|
|
|
propertyRightNature: '权利性质', |
|
|
|
phone: '联系电话', |
|
|
|
area: '面积', |
|
|
|
birthday: '出生日期', |
|
|
|
usagePeriodStart: '使用期限', |
|
|
|
}, |
|
|
|
}, |
|
|
|
rules: { |
|
|
|
rules: { |
|
|
|
customerName: vercustomer, |
|
|
|
customerName: vercustomer, |
|
|
@ -323,122 +245,6 @@ export default { |
|
|
|
trigger: 'blur' |
|
|
|
trigger: 'blur' |
|
|
|
} |
|
|
|
} |
|
|
|
], |
|
|
|
], |
|
|
|
phone: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
required: true, |
|
|
|
|
|
|
|
message: '请输入联系电话', |
|
|
|
|
|
|
|
trigger: 'blur' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
pattern: mobPattern, |
|
|
|
|
|
|
|
message: '联系电话格式有误' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
currency: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
required: true, |
|
|
|
|
|
|
|
message: '请选择币种', |
|
|
|
|
|
|
|
trigger: 'blur' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
goldLogo: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
required: true, |
|
|
|
|
|
|
|
message: '请选择钞汇标识', |
|
|
|
|
|
|
|
trigger: 'blur' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
voucherType: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
required: true, |
|
|
|
|
|
|
|
message: '请选择凭证类型', |
|
|
|
|
|
|
|
trigger: 'blur' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
monthDeposit: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
required: true, |
|
|
|
|
|
|
|
message: '请输入月存金额', |
|
|
|
|
|
|
|
trigger: 'blur' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
depositTerm: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
required: true, |
|
|
|
|
|
|
|
message: '请选择存期', |
|
|
|
|
|
|
|
trigger: 'blur' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
extendDepositTarget: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
required: true, |
|
|
|
|
|
|
|
message: '请选择续存标识', |
|
|
|
|
|
|
|
trigger: 'blur' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
myTable2: { |
|
|
|
|
|
|
|
158: { |
|
|
|
|
|
|
|
prop: 'certificateType',//证件类型 |
|
|
|
|
|
|
|
type: '1', |
|
|
|
|
|
|
|
"subjectId": 19, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// 169: { |
|
|
|
|
|
|
|
// prop: 'customerManage',//客户经理 |
|
|
|
|
|
|
|
// type: '3', |
|
|
|
|
|
|
|
// "subjectId": 27, |
|
|
|
|
|
|
|
// }, |
|
|
|
|
|
|
|
160: { |
|
|
|
|
|
|
|
prop: 'clientNumber',//客户号 |
|
|
|
|
|
|
|
type: '3', |
|
|
|
|
|
|
|
"subjectId": 6, |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
myTable: { |
|
|
|
|
|
|
|
159: { |
|
|
|
|
|
|
|
prop: 'idNumber',// 身份证号码 |
|
|
|
|
|
|
|
type: '3', |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
161: { |
|
|
|
|
|
|
|
prop: 'customerName',//客户姓名 |
|
|
|
|
|
|
|
type: '3', |
|
|
|
|
|
|
|
"subjectId": 7, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
162: { |
|
|
|
|
|
|
|
prop: 'currency',//币种 |
|
|
|
|
|
|
|
type: '1', |
|
|
|
|
|
|
|
"subjectId": 8, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
163: { |
|
|
|
|
|
|
|
prop: 'goldLogo',//钞汇标识 |
|
|
|
|
|
|
|
type: '1', |
|
|
|
|
|
|
|
"subjectId": 9, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
164: { |
|
|
|
|
|
|
|
prop: 'voucherType',//凭证类型 |
|
|
|
|
|
|
|
type: '1', |
|
|
|
|
|
|
|
"subjectId": 11, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
166: { |
|
|
|
|
|
|
|
prop: 'voucherNumber',//凭证号码 |
|
|
|
|
|
|
|
type: '3', |
|
|
|
|
|
|
|
"subjectId": 44, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
167: { |
|
|
|
|
|
|
|
prop: 'drawPassword', |
|
|
|
|
|
|
|
type: '3', |
|
|
|
|
|
|
|
"subjectId": 17, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
168: { |
|
|
|
|
|
|
|
prop: 'monthDeposit',//月存金额 |
|
|
|
|
|
|
|
type: '3', |
|
|
|
|
|
|
|
"subjectId": 31, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
170: { |
|
|
|
|
|
|
|
prop: 'extendDepositTarget',//续存标识 |
|
|
|
|
|
|
|
type: '1', |
|
|
|
|
|
|
|
"subjectId": 37, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
submited: 0, |
|
|
|
submited: 0, |
|
|
|
curRoute: '', |
|
|
|
curRoute: '', |
|
|
@ -451,31 +257,31 @@ export default { |
|
|
|
mounted () { |
|
|
|
mounted () { |
|
|
|
this.curRoute = this.$route.path |
|
|
|
this.curRoute = this.$route.path |
|
|
|
|
|
|
|
|
|
|
|
if (sessionStorage.getItem('nomPersonalLoans')) { |
|
|
|
if (sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
|
|
|
this.idNumberJudge = true |
|
|
|
this.idNumberJudge = true |
|
|
|
const { userName, sex, birthday, nationality, mailbox, idNumber } = this.dataFlow |
|
|
|
this.form = { |
|
|
|
this.form.idNumber = idNumber |
|
|
|
idType: 83, |
|
|
|
this.form.idType = 83 |
|
|
|
idNumber: '220602199202281229', |
|
|
|
this.form.userName = userName |
|
|
|
customerName: '丛小风', |
|
|
|
// let sexs = null |
|
|
|
gender: 2, |
|
|
|
// if (sex == '男'){ |
|
|
|
birthDate: '1992-02-28', |
|
|
|
// sexs = 1 |
|
|
|
phoneNumber: '15890317718', |
|
|
|
// }else{ |
|
|
|
position: '会计主管', |
|
|
|
// sexs = 2 |
|
|
|
salary: '80', |
|
|
|
// } |
|
|
|
currentWorkYears: '5年', |
|
|
|
this.form.sex = sex |
|
|
|
totalWorkYears: '12年', |
|
|
|
this.form.birthday = birthday |
|
|
|
propertyOwner: '丛小风', |
|
|
|
// this.form.nationality = nationality |
|
|
|
propertyCertificateNo: '不动产权第012000号', |
|
|
|
// this.form.mailbox = mailbox |
|
|
|
coOwnership: '单独所有', |
|
|
|
|
|
|
|
location: '前海新区深圳湾一号1612', |
|
|
|
|
|
|
|
propertyRightNature: '出让/商品房', |
|
|
|
|
|
|
|
area: '建筑面积: 189平方米', |
|
|
|
|
|
|
|
usagePeriodStart: '70年,2018.3.15 至 2088.3.14 止', |
|
|
|
|
|
|
|
usagePeriodEnd: '', |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
// userName, |
|
|
|
|
|
|
|
// peopleNumber, |
|
|
|
|
|
|
|
// idNumber, |
|
|
|
|
|
|
|
// currency:'CNY人民币', |
|
|
|
|
|
|
|
// goldLogo:'钞户', |
|
|
|
|
|
|
|
...mapMutations({ |
|
|
|
...mapMutations({ |
|
|
|
changeShowGoods: 'system/changeShowGoods', |
|
|
|
changeShowGoods: 'system/changeShowGoods', |
|
|
|
setDataFlow: 'system/setDataFlow', |
|
|
|
setDataFlow: 'system/setDataFlow', |
|
|
@ -489,107 +295,24 @@ export default { |
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
this.$router.push('/counter/list/') |
|
|
|
this.$router.push('/counter/list/') |
|
|
|
}, |
|
|
|
}, |
|
|
|
next () { |
|
|
|
async next () { |
|
|
|
if (this.curStep < 2) { |
|
|
|
if (this.curStep < 2) { |
|
|
|
this.curStep++ |
|
|
|
try { |
|
|
|
|
|
|
|
const res = personalBasicSave(form) |
|
|
|
|
|
|
|
this.curStep++ |
|
|
|
|
|
|
|
} catch { (e) => { } } |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
getFormData () { |
|
|
|
getFormData () { |
|
|
|
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155' |
|
|
|
|
|
|
|
const cards = { |
|
|
|
|
|
|
|
// 1399: 'nomUsefulPhrasesOpenCard2', |
|
|
|
|
|
|
|
// 166: 'nomUsefulPhrasesOpenCard', |
|
|
|
|
|
|
|
// 167: 'nomUsefulPhrasesOpenPassword' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
const callback = () => { |
|
|
|
|
|
|
|
if (this.form.idNumber) { |
|
|
|
|
|
|
|
this.idNumberJudge = true |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if (this.form.voucherNumber) { |
|
|
|
|
|
|
|
this.cardNumberJudge = true |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { |
|
|
|
|
|
|
|
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
submitForm () { |
|
|
|
|
|
|
|
if (this.submited) return this.$message.error('已提交!') |
|
|
|
|
|
|
|
if (!this.form.idNumber) { |
|
|
|
|
|
|
|
messageIdCard() |
|
|
|
|
|
|
|
// let projectId = sessionStorage.getItem('projectId') |
|
|
|
|
|
|
|
// let startTime = sessionStorage.getItem('startTime') |
|
|
|
|
|
|
|
// let formList = [ |
|
|
|
|
|
|
|
// { |
|
|
|
|
|
|
|
// "answerId":'159', |
|
|
|
|
|
|
|
// "emptyOne": "", |
|
|
|
|
|
|
|
// "emptyTwo": "", |
|
|
|
|
|
|
|
// "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,59,155,159,13", |
|
|
|
|
|
|
|
// "type": "" |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
// ] |
|
|
|
|
|
|
|
// let params= { |
|
|
|
|
|
|
|
// parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155,159', |
|
|
|
|
|
|
|
// lcJudgmentRuleReq:formList, |
|
|
|
|
|
|
|
// projectId:+projectId, |
|
|
|
|
|
|
|
// startTime:startTime, |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
// addOperation(params).then((data)=>{ |
|
|
|
|
|
|
|
// this.$message({ |
|
|
|
|
|
|
|
// message: '提交成功', |
|
|
|
|
|
|
|
// type: 'success' |
|
|
|
|
|
|
|
// }); |
|
|
|
|
|
|
|
// }).catch((error)=>{ |
|
|
|
|
|
|
|
// }) |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if (!this.form.voucherNumber) { |
|
|
|
|
|
|
|
messageCard('请填写凭证号码') |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (!this.form.drawPassword) { |
|
|
|
|
|
|
|
messagePassword() |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
this.$refs.form.validate(myValidate(() => { |
|
|
|
|
|
|
|
// 验证通过逻辑写在这 |
|
|
|
|
|
|
|
this.visible = true; |
|
|
|
|
|
|
|
}, this.$refs)); |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
submitForm2 () { |
|
|
|
submitForm2 () { |
|
|
|
// let nomUsefulPhrasesOpenCard = sessionStorage.getItem('nomUsefulPhrasesOpenCard') |
|
|
|
|
|
|
|
// let nomUsefulPhrasesOpenCard2 = sessionStorage.getItem('nomUsefulPhrasesOpenCard2') |
|
|
|
|
|
|
|
// let nomUsefulPhrasesOpenPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
|
|
|
|
|
|
|
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155' |
|
|
|
|
|
|
|
const cards = [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
key: '159,13' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// { |
|
|
|
|
|
|
|
// 1399: nomUsefulPhrasesOpenCard2 |
|
|
|
|
|
|
|
// }, |
|
|
|
|
|
|
|
// { |
|
|
|
|
|
|
|
// 166: nomUsefulPhrasesOpenCard |
|
|
|
|
|
|
|
// }, |
|
|
|
|
|
|
|
// { |
|
|
|
|
|
|
|
// 167: nomUsefulPhrasesOpenPassword, |
|
|
|
|
|
|
|
// "subjectId": 17, |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
this.setDataFlow(this.form) |
|
|
|
|
|
|
|
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
|
|
|
|
this.submited = 1 |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
phoneListen, |
|
|
|
phoneListen, |
|
|
|
ismoney: ismoney, |
|
|
|
checkName, |
|
|
|
checkHanzi: checkHanzi, |
|
|
|
|
|
|
|
checkName: checkName, |
|
|
|
|
|
|
|
inputListen: inputListen |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
computed: { |
|
|
|
...mapGetters({ |
|
|
|
...mapGetters({ |
|
|
@ -604,18 +327,20 @@ export default { |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
<style lang='scss' scoped> |
|
|
|
<style lang='scss' scoped> |
|
|
|
.wrap { |
|
|
|
.wrap { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: calc(90vh - 27px); |
|
|
|
height: calc(90vh - 27px); |
|
|
|
padding: 20px; |
|
|
|
padding: 20px; |
|
|
|
overflow: auto; |
|
|
|
overflow: auto; |
|
|
|
.l-title { |
|
|
|
|
|
|
|
margin-bottom: 15px; |
|
|
|
.l-title { |
|
|
|
font-size: 18px; |
|
|
|
margin-bottom: 15px; |
|
|
|
font-weight: 600; |
|
|
|
font-size: 18px; |
|
|
|
} |
|
|
|
font-weight: 600; |
|
|
|
.line { |
|
|
|
} |
|
|
|
margin: 20px 0; |
|
|
|
|
|
|
|
border-bottom: 1px dashed #d7d7d7; |
|
|
|
.line { |
|
|
|
} |
|
|
|
margin: 20px 0; |
|
|
|
|
|
|
|
border-bottom: 1px dashed #d7d7d7; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |