parent
5ccfd2aa1f
commit
8b768a0671
3 changed files with 814 additions and 10 deletions
@ -0,0 +1,406 @@ |
|||||||
|
<!-- 信用评估 --> |
||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-row :gutter="20" style="margin: 0"> |
||||||
|
<el-form ref="form" :model="form" label-width="140px" :rules="rules"> |
||||||
|
<el-col :span="24"> |
||||||
|
<h6 class="l-title">客户信息</h6> |
||||||
|
</el-col> |
||||||
|
<el-col :span="10" :offset="1"> |
||||||
|
<el-form-item label="账号"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="证件类型" prop="certificateType"> |
||||||
|
<el-select v-model.trim="form.certificateType" placeholder="请选择" ref="certificateType"> |
||||||
|
<el-option label="身份证" :value="83"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="注册地址"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<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="客户名称"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="证件号码"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="法人姓名"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="信用评级"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
|
||||||
|
<el-col :span="24"> |
||||||
|
<h6 class="l-title">授信</h6> |
||||||
|
</el-col> |
||||||
|
<el-col :span="10" :offset="1"> |
||||||
|
<el-form-item label="授信金额"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
|
||||||
|
<el-col :span="24"> |
||||||
|
<h6 class="l-title">贷款申请</h6> |
||||||
|
</el-col> |
||||||
|
<el-col :span="10" :offset="1"> |
||||||
|
<el-form-item label="授信年限"> |
||||||
|
<el-select v-model.trim="form.certificateType" placeholder="请选择"> |
||||||
|
<el-option label="身份证" :value="83"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="贷款申请金额"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="发放方式"> |
||||||
|
<el-select v-model.trim="form.certificateType" placeholder="请选择"> |
||||||
|
<el-option label="身份证" :value="83"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="10" :offset="1"> |
||||||
|
<el-form-item label="年化利率"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="还款方式"> |
||||||
|
<el-select v-model.trim="form.certificateType" placeholder="请选择"> |
||||||
|
<el-option label="身份证" :value="83"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-form> |
||||||
|
</el-row> |
||||||
|
|
||||||
|
<div class="text-center m-t-20"> |
||||||
|
<el-button @click="next" type="primary" class="submitBtn" v-throttle>下一步</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 { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
||||||
|
|
||||||
|
const moduleName = 'usefulPhrases/openAccount' |
||||||
|
import { mapMutations, mapGetters } from 'vuex' |
||||||
|
import NeedBefore from '@/components/needBefore' |
||||||
|
import MyDialog from '@/components/dialog' |
||||||
|
import TipsBefore from '@/mixins/tipsBefore' |
||||||
|
import MyTitle from '@/components/myTitle' |
||||||
|
export default { |
||||||
|
name: '', |
||||||
|
props: {}, |
||||||
|
components: { |
||||||
|
NeedBefore, |
||||||
|
MyTitle, |
||||||
|
MyDialog |
||||||
|
}, |
||||||
|
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', |
||||||
|
visible: false, |
||||||
|
cardNumberJudge: false, |
||||||
|
idNumberJudge: false, |
||||||
|
form: { |
||||||
|
// 必填项 |
||||||
|
// identityCard: '', // 身份证 |
||||||
|
idNumber: '', |
||||||
|
customerName: '', // 客户姓名 |
||||||
|
currency: '', // 币种 |
||||||
|
goldLogo: '', // 钞汇标识 |
||||||
|
voucherType: '', // 凭证类型 |
||||||
|
monthDeposit: '', // 月存金额 |
||||||
|
depositTerm: '', // 存期 |
||||||
|
extendDepositTarget: '', // 续存标识 |
||||||
|
voucherNumber: '', // 凭证号码 |
||||||
|
drawPassword: '', // 支付密码 |
||||||
|
// 非必填项 |
||||||
|
clientNumber: '', // 客户号 |
||||||
|
certificateType: 83, // 证件类型 |
||||||
|
}, |
||||||
|
formName: { |
||||||
|
// 必填项 |
||||||
|
// identityCard: '', // 身份证 |
||||||
|
idNumber: '身份证', |
||||||
|
customerName: '客户姓名', // |
||||||
|
currency: '币种', // |
||||||
|
goldLogo: '钞汇标识', // |
||||||
|
voucherType: '凭证类型', // |
||||||
|
monthDeposit: '月存金额', // |
||||||
|
depositTerm: '存期', // |
||||||
|
extendDepositTarget: '续存标识', // |
||||||
|
voucherNumber: '凭证号码', // |
||||||
|
drawPassword: '支付密码', // |
||||||
|
// 非必填项 |
||||||
|
clientNumber: '客户号', // |
||||||
|
certificateType: '证件类型', // |
||||||
|
}, |
||||||
|
rules: { |
||||||
|
customerName: vercustomer, |
||||||
|
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 |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// userName, |
||||||
|
// peopleNumber, |
||||||
|
// idNumber, |
||||||
|
// currency:'CNY人民币', |
||||||
|
// goldLogo:'钞户', |
||||||
|
...mapMutations({ |
||||||
|
changeShowGoods: 'system/changeShowGoods', |
||||||
|
setDataFlow: 'system/setDataFlow', |
||||||
|
setNeedsModule: 'system/setNeedsModule', |
||||||
|
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/') |
||||||
|
}, |
||||||
|
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) |
||||||
|
}, |
||||||
|
next () { |
||||||
|
this.$emit('updateStep', 1) |
||||||
|
}, |
||||||
|
submitForm () { |
||||||
|
|
||||||
|
}, |
||||||
|
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 |
||||||
|
}, |
||||||
|
ismoney: ismoney, |
||||||
|
checkHanzi: checkHanzi, |
||||||
|
checkName: checkName, |
||||||
|
inputListen: inputListen |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
...mapGetters({ |
||||||
|
dataFlow: 'system/dataFlow', |
||||||
|
needsModule: 'system/needsModule', |
||||||
|
idCardNumber: 'system/idCardNumber', |
||||||
|
inMyWork: 'system/inMyWork', |
||||||
|
getSelectList: 'system/getSelectList' |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang='scss' scoped> |
||||||
|
.l-title { |
||||||
|
margin-bottom: 15px; |
||||||
|
font-size: 18px; |
||||||
|
font-weight: 600; |
||||||
|
} |
||||||
|
|
||||||
|
.line { |
||||||
|
margin: 20px 0; |
||||||
|
border-bottom: 1px dashed #d7d7d7; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,399 @@ |
|||||||
|
<!-- 信用评估 --> |
||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-row :gutter="20" style="margin: 0"> |
||||||
|
<el-form ref="form" :model="form" label-width="140px" :rules="rules"> |
||||||
|
<el-col :span="24"> |
||||||
|
<h6 class="l-title">客户信息</h6> |
||||||
|
</el-col> |
||||||
|
<el-col :span="10" :offset="1"> |
||||||
|
<el-form-item label="贷款类型" prop="certificateType"> |
||||||
|
<el-select v-model.trim="form.certificateType" placeholder="请选择" ref="certificateType"> |
||||||
|
<el-option label="身份证" :value="83"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="授信金额" prop="customerName"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="起息日期" prop="customerName"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="计息方式" prop="customerName"> |
||||||
|
<el-select v-model.trim="form.certificateType" placeholder="请选择"> |
||||||
|
<el-option label="身份证" :value="83"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="执行利率" prop="customerName"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="担保方式" prop="customerName"> |
||||||
|
<el-select v-model.trim="form.certificateType" placeholder="请选择"> |
||||||
|
<el-option label="身份证" :value="83"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="利息总额" prop="customerName"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="还款账号" prop="customerName"> |
||||||
|
<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 v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="授信期限" prop="customerName"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="到期日期" prop="customerName"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="基准利率" prop="customerName"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="逾期利率" prop="customerName"> |
||||||
|
<el-select v-model.trim="form.certificateType" placeholder="请选择"> |
||||||
|
<el-option label="身份证" :value="83"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="还款方式" prop="customerName"> |
||||||
|
<el-select v-model.trim="form.certificateType" placeholder="请选择"> |
||||||
|
<el-option label="身份证" :value="83"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="贷款金额" prop="customerName"> |
||||||
|
<el-input v-model="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
|
||||||
|
</el-form> |
||||||
|
</el-row> |
||||||
|
|
||||||
|
<div class="text-center m-t-20"> |
||||||
|
<el-button @click="$emit('updateStep', 0)" type="primary" class="submitBtn" v-throttle>上一步</el-button> |
||||||
|
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</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 { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
||||||
|
|
||||||
|
const moduleName = 'usefulPhrases/openAccount' |
||||||
|
import { mapMutations, mapGetters } from 'vuex' |
||||||
|
import NeedBefore from '@/components/needBefore' |
||||||
|
import MyDialog from '@/components/dialog' |
||||||
|
import TipsBefore from '@/mixins/tipsBefore' |
||||||
|
import MyTitle from '@/components/myTitle' |
||||||
|
export default { |
||||||
|
name: '', |
||||||
|
props: {}, |
||||||
|
components: { |
||||||
|
NeedBefore, |
||||||
|
MyTitle, |
||||||
|
MyDialog |
||||||
|
}, |
||||||
|
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', |
||||||
|
visible: false, |
||||||
|
cardNumberJudge: false, |
||||||
|
idNumberJudge: false, |
||||||
|
form: { |
||||||
|
// 必填项 |
||||||
|
// identityCard: '', // 身份证 |
||||||
|
idNumber: '', |
||||||
|
customerName: '', // 客户姓名 |
||||||
|
currency: '', // 币种 |
||||||
|
goldLogo: '', // 钞汇标识 |
||||||
|
voucherType: '', // 凭证类型 |
||||||
|
monthDeposit: '', // 月存金额 |
||||||
|
depositTerm: '', // 存期 |
||||||
|
extendDepositTarget: '', // 续存标识 |
||||||
|
voucherNumber: '', // 凭证号码 |
||||||
|
drawPassword: '', // 支付密码 |
||||||
|
// 非必填项 |
||||||
|
clientNumber: '', // 客户号 |
||||||
|
certificateType: 83, // 证件类型 |
||||||
|
}, |
||||||
|
formName: { |
||||||
|
// 必填项 |
||||||
|
// identityCard: '', // 身份证 |
||||||
|
idNumber: '身份证', |
||||||
|
customerName: '客户姓名', // |
||||||
|
currency: '币种', // |
||||||
|
goldLogo: '钞汇标识', // |
||||||
|
voucherType: '凭证类型', // |
||||||
|
monthDeposit: '月存金额', // |
||||||
|
depositTerm: '存期', // |
||||||
|
extendDepositTarget: '续存标识', // |
||||||
|
voucherNumber: '凭证号码', // |
||||||
|
drawPassword: '支付密码', // |
||||||
|
// 非必填项 |
||||||
|
clientNumber: '客户号', // |
||||||
|
certificateType: '证件类型', // |
||||||
|
}, |
||||||
|
rules: { |
||||||
|
customerName: vercustomer, |
||||||
|
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 |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// userName, |
||||||
|
// peopleNumber, |
||||||
|
// idNumber, |
||||||
|
// currency:'CNY人民币', |
||||||
|
// goldLogo:'钞户', |
||||||
|
...mapMutations({ |
||||||
|
changeShowGoods: 'system/changeShowGoods', |
||||||
|
setDataFlow: 'system/setDataFlow', |
||||||
|
setNeedsModule: 'system/setNeedsModule', |
||||||
|
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/') |
||||||
|
}, |
||||||
|
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) |
||||||
|
}, |
||||||
|
next () { |
||||||
|
this.$emit('updateStep', 1) |
||||||
|
}, |
||||||
|
submitForm () { |
||||||
|
|
||||||
|
}, |
||||||
|
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 |
||||||
|
}, |
||||||
|
ismoney: ismoney, |
||||||
|
checkHanzi: checkHanzi, |
||||||
|
checkName: checkName, |
||||||
|
inputListen: inputListen |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
...mapGetters({ |
||||||
|
dataFlow: 'system/dataFlow', |
||||||
|
needsModule: 'system/needsModule', |
||||||
|
idCardNumber: 'system/idCardNumber', |
||||||
|
inMyWork: 'system/inMyWork', |
||||||
|
getSelectList: 'system/getSelectList' |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang='scss' scoped> |
||||||
|
.l-title { |
||||||
|
margin-bottom: 15px; |
||||||
|
font-size: 18px; |
||||||
|
font-weight: 600; |
||||||
|
} |
||||||
|
|
||||||
|
.line { |
||||||
|
margin: 20px 0; |
||||||
|
border-bottom: 1px dashed #d7d7d7; |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue