|
|
|
@ -8,6 +8,7 @@ |
|
|
|
|
:model="form" |
|
|
|
|
label-width="120px" |
|
|
|
|
:rules="rules"> |
|
|
|
|
<template v-if="curStep === 1 || isDetail"> |
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<h6 class="l-title">基本信息</h6> |
|
|
|
|
</el-col> |
|
|
|
@ -27,15 +28,18 @@ |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
disabled |
|
|
|
|
:value="form.customerName" |
|
|
|
|
v-model="form.customerName" |
|
|
|
|
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="出生日期" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
disabled |
|
|
|
|
:value="form.customerName" |
|
|
|
|
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
|
|
|
|
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-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" |
|
|
|
@ -48,25 +52,35 @@ |
|
|
|
|
<p>请刷身份证</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else> |
|
|
|
|
<el-input :value="form.idNumber" |
|
|
|
|
<el-input v-model="form.idNumber" |
|
|
|
|
disabled |
|
|
|
|
ref="idNumber"></el-input> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="性别" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
prop="sex"> |
|
|
|
|
<el-select v-model.trim="form.sex" |
|
|
|
|
disabled |
|
|
|
|
:value="form.customerName" |
|
|
|
|
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
|
|
|
|
placeholder="请选择" |
|
|
|
|
ref='sex'> |
|
|
|
|
<el-option :key="1" |
|
|
|
|
label="男" |
|
|
|
|
:value="1"> |
|
|
|
|
</el-option> |
|
|
|
|
<el-option :key="2" |
|
|
|
|
label="女" |
|
|
|
|
:value="2"> |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="联系电话" |
|
|
|
|
required> |
|
|
|
|
<el-input :value="form.mailbox" |
|
|
|
|
@input="val => mailBoxListen(val, form, 'mailbox')" |
|
|
|
|
maxlength="30" |
|
|
|
|
ref="mailbox"></el-input> |
|
|
|
|
:rules="rules.phone" |
|
|
|
|
prop="phone"> |
|
|
|
|
<el-input v-model="form.phone" |
|
|
|
|
@input="(val) => phoneListen(val, form, 'phone')" |
|
|
|
|
maxlength="12" |
|
|
|
|
ref='phone'></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
@ -76,32 +90,21 @@ |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" |
|
|
|
|
:offset="1"> |
|
|
|
|
<el-form-item label="岗位" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName" |
|
|
|
|
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
|
|
|
|
<el-form-item label="岗位"> |
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="当前单位工作年限" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName" |
|
|
|
|
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
|
|
|
|
label-width="150px"> |
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" |
|
|
|
|
:offset="1"> |
|
|
|
|
<el-form-item label="薪酬" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName" |
|
|
|
|
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
|
|
|
|
<el-form-item label="薪酬"> |
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="工龄" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName" |
|
|
|
|
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
|
|
|
|
<el-form-item label="工龄"> |
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
@ -111,91 +114,78 @@ |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" |
|
|
|
|
:offset="1"> |
|
|
|
|
<el-form-item label="产权人" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
<el-form-item label="产权人"> |
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="共有情况" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
<el-form-item label="共有情况"> |
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="权利类型" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
<el-form-item label="权利类型"> |
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="面积" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
<el-form-item label="面积"> |
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" |
|
|
|
|
:offset="1"> |
|
|
|
|
<el-form-item label="房产证号" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
<el-form-item label="房产证号"> |
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="坐落" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
<el-form-item label="坐落"> |
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="权利性质" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
<el-form-item label="权利性质"> |
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="使用期限" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
<el-form-item label="使用期限"> |
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<template v-if="curStep !== 1 || isDetail"> |
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<div class="line"></div> |
|
|
|
|
<h6 class="l-title">贷款合同</h6> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" |
|
|
|
|
:offset="1"> |
|
|
|
|
<el-form-item label="贷款类型" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
<el-form-item label="贷款类型"> |
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="合同金额" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
<el-form-item label="合同金额"> |
|
|
|
|
<el-input v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="起息日期" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="计息方式" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="浮动比例" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="逾期利率" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="还款方式" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
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-col> |
|
|
|
|
<el-col :span="10" |
|
|
|
@ -203,39 +193,40 @@ |
|
|
|
|
<el-form-item label="合同编号" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="贷款期限" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="到期日期" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="基准利率" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="执行利率" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="担保方式" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="还款方式" |
|
|
|
|
<el-form-item label="利息总额" |
|
|
|
|
prop="customerName"> |
|
|
|
|
<el-input ref="customerName" |
|
|
|
|
:value="form.customerName"></el-input> |
|
|
|
|
v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</template> |
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
@ -246,15 +237,18 @@ |
|
|
|
|
:formName="formName" |
|
|
|
|
@submitIt="submitForm2" |
|
|
|
|
depositNumber='0816' /> |
|
|
|
|
<el-button @click="submitForm" |
|
|
|
|
|
|
|
|
|
<div class="text-center"> |
|
|
|
|
<el-button @click="next" |
|
|
|
|
type="primary" |
|
|
|
|
class="submitBtn" |
|
|
|
|
v-throttle>下一步</el-button> |
|
|
|
|
v-throttle>{{ curStep === 1 ? '下一步' : '提交' }}</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> |
|
|
|
|
</template> |
|
|
|
|
<script> |
|
|
|
|
import { 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' |
|
|
|
|
|
|
|
|
|
const moduleName = 'usefulPhrases/openAccount' |
|
|
|
@ -273,43 +267,12 @@ export default { |
|
|
|
|
}, |
|
|
|
|
mixins: [TipsBefore], |
|
|
|
|
created () { |
|
|
|
|
if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { |
|
|
|
|
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// if(sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
|
|
|
|
// this.idNumberJudge = true |
|
|
|
|
// this.form.idNumber = this.dataFlow.idNumber || '441515199812064569' |
|
|
|
|
// } |
|
|
|
|
// if(sessionStorage.getItem('nomUsefulPhrasesOpenCard')) { |
|
|
|
|
// this.cardNumberJudge = true |
|
|
|
|
// this.form.voucherNumber = this.dataFlow.voucherNumber || '159753' |
|
|
|
|
// } |
|
|
|
|
|
|
|
|
|
if (sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
|
|
|
|
this.idNumberJudge = true |
|
|
|
|
// 身份证号码、客户姓名、币种(人民币)、钞汇标识(钞户) |
|
|
|
|
const { idNumber, userName, peopleNumber, currency, goldLogo } = this.dataFlow |
|
|
|
|
this.form.clientNumber = peopleNumber |
|
|
|
|
this.form.idNumber = idNumber |
|
|
|
|
this.form.customerName = userName |
|
|
|
|
this.form.currency = currency |
|
|
|
|
this.form.goldLogo = goldLogo |
|
|
|
|
this.form.voucherType = 127 |
|
|
|
|
} |
|
|
|
|
if (sessionStorage.getItem('nomUsefulPhrasesOpenCard')) { |
|
|
|
|
this.cardNumberJudge = true |
|
|
|
|
const { voucherNumber } = this.dataFlow |
|
|
|
|
this.form.voucherNumber = voucherNumber |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.getFormData() |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
moduleName: 'usefulPhrases/openAccount', |
|
|
|
|
isDetail: +this.$route.query.show, |
|
|
|
|
visible: false, |
|
|
|
|
cardNumberJudge: false, |
|
|
|
|
idNumberJudge: false, |
|
|
|
@ -329,6 +292,8 @@ export default { |
|
|
|
|
// 非必填项 |
|
|
|
|
clientNumber: '', // 客户号 |
|
|
|
|
certificateType: 83, // 证件类型 |
|
|
|
|
phone: '',//联系电话 |
|
|
|
|
birthday: null,//出生日期 |
|
|
|
|
}, |
|
|
|
|
formName: { |
|
|
|
|
// 必填项 |
|
|
|
@ -346,9 +311,29 @@ export default { |
|
|
|
|
// 非必填项 |
|
|
|
|
clientNumber: '客户号', // |
|
|
|
|
certificateType: '证件类型', // |
|
|
|
|
phone: '联系电话', |
|
|
|
|
birthday: '出生日期', |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
customerName: vercustomer, |
|
|
|
|
birthday: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择出生日期', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
phone: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入联系电话', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
pattern: mobPattern, |
|
|
|
|
message: '联系电话格式有误' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
currency: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
@ -455,10 +440,34 @@ export default { |
|
|
|
|
"subjectId": 37, |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
submited: 0 |
|
|
|
|
submited: 0, |
|
|
|
|
curRoute: '', |
|
|
|
|
curStep: 1, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
beforeDestroy () { |
|
|
|
|
sessionStorage.setItem('computerPath', this.curRoute) |
|
|
|
|
}, |
|
|
|
|
mounted () { |
|
|
|
|
this.curRoute = this.$route.path |
|
|
|
|
|
|
|
|
|
if (sessionStorage.getItem('nomPersonalLoans')) { |
|
|
|
|
this.idNumberJudge = true |
|
|
|
|
const { userName, sex, birthday, nationality, mailbox, idNumber } = this.dataFlow |
|
|
|
|
this.form.idNumber = idNumber |
|
|
|
|
this.form.idType = 83 |
|
|
|
|
this.form.userName = userName |
|
|
|
|
// let sexs = null |
|
|
|
|
// if (sex == '男'){ |
|
|
|
|
// sexs = 1 |
|
|
|
|
// }else{ |
|
|
|
|
// sexs = 2 |
|
|
|
|
// } |
|
|
|
|
this.form.sex = sex |
|
|
|
|
this.form.birthday = birthday |
|
|
|
|
// this.form.nationality = nationality |
|
|
|
|
// this.form.mailbox = mailbox |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
@ -474,26 +483,18 @@ export default { |
|
|
|
|
setPopId: 'system/setPopId', |
|
|
|
|
setTipsOperate: 'system/setTipsOperate' |
|
|
|
|
}), |
|
|
|
|
getDataBlur () { |
|
|
|
|
// console.log('???') |
|
|
|
|
}, |
|
|
|
|
popUp1 (text) { |
|
|
|
|
this.setTipsOperate('请刷身份证'); |
|
|
|
|
this.setPopId('1399') |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
}, |
|
|
|
|
popUp2 (text) { |
|
|
|
|
this.setTipsOperate('请刷银行卡'); |
|
|
|
|
this.setPopId('166') |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
}, |
|
|
|
|
popUp3 (text) { |
|
|
|
|
this.setTipsOperate('请在密码器输入密码'); |
|
|
|
|
this.setPopId('167') |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
next () { |
|
|
|
|
if (this.curStep < 2) { |
|
|
|
|
this.curStep++ |
|
|
|
|
} else { |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
getFormData () { |
|
|
|
|
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155' |
|
|
|
@ -584,6 +585,7 @@ export default { |
|
|
|
|
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
|
this.submited = 1 |
|
|
|
|
}, |
|
|
|
|
phoneListen, |
|
|
|
|
ismoney: ismoney, |
|
|
|
|
checkHanzi: checkHanzi, |
|
|
|
|
checkName: checkName, |
|
|
|
@ -603,7 +605,7 @@ export default { |
|
|
|
|
<style lang='scss' scoped> |
|
|
|
|
.wrap { |
|
|
|
|
width: 100%; |
|
|
|
|
height: calc(90vh - 70px); |
|
|
|
|
height: calc(90vh - 27px); |
|
|
|
|
padding: 20px; |
|
|
|
|
overflow: auto; |
|
|
|
|
.l-title { |
|
|
|
|