|
|
|
|
@ -1,11 +1,11 @@ |
|
|
|
|
// 开户 |
|
|
|
|
<template> |
|
|
|
|
<div class="body"> |
|
|
|
|
<div class="body" v-if="!needBefore"> |
|
|
|
|
<el-row :gutter="20" style="margin: 0"> |
|
|
|
|
<el-form ref="form" :model="form" label-width="120px" :rules="rules"> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="证件类型" prop="certificateType"> |
|
|
|
|
<el-select disabled v-model="form.certificateType" placeholder="请选择" ref="certificateType"> |
|
|
|
|
<el-select v-model="form.certificateType" placeholder="请选择" ref="certificateType"> |
|
|
|
|
<el-option label="身份证" value="身份证"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
@ -18,13 +18,16 @@ |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="凭证类型" prop="voucherType"> |
|
|
|
|
<el-select disabled v-model="form.voucherType" placeholder="请选择" ref="voucherType"> |
|
|
|
|
<el-option label="存单" value="存单"> </el-option> |
|
|
|
|
<el-select v-model="form.voucherType" placeholder="请选择" ref="voucherType"> |
|
|
|
|
<el-option label="银行卡" value="银行卡"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="支取密码" required> |
|
|
|
|
<div class="idCard" @click="popUp3('密码器')"> |
|
|
|
|
<p>请设置密码</p> |
|
|
|
|
<div v-if='!form.drawPassword' class="idCard" @click="popUp3('密码器')"> |
|
|
|
|
<p>请输入密码</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else> |
|
|
|
|
<el-input :value="form.drawPassword" disabled ref="drawPassword" type="password"></el-input> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="续存标识" prop="extendDepositTarget"> |
|
|
|
|
@ -46,13 +49,16 @@ |
|
|
|
|
<el-input ref="customerName" :value="form.customerName" @input="(val) => checkName(val, form, 'customerName')"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="钞汇标识" prop="currencyMark"> |
|
|
|
|
<el-select disabled v-model="form.currencyMark" placeholder="请选择" ref="currencyMark"> |
|
|
|
|
<el-select v-model="form.currencyMark" placeholder="请选择" ref="currencyMark"> |
|
|
|
|
<el-option label="钞户" value="钞户"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="凭证号码" required> |
|
|
|
|
<div class="idCard" @click="popUp2('刷卡器')"> |
|
|
|
|
<p>请刷银行卡</p> |
|
|
|
|
<div v-if='!cardNumberJudge' class="idCard" @click="popUp2('刷卡器')"> |
|
|
|
|
<p>请刷卡</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else> |
|
|
|
|
<el-input @blur="getDataBlur" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="月存金额" prop="monthDeposit"> |
|
|
|
|
@ -63,37 +69,76 @@ |
|
|
|
|
<el-input :value="form.customerManage" @input="val => checkHanzi(val, form, 'customerManage')" ref="customerManage" ></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
<my-dialog v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" /> |
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button> |
|
|
|
|
</div> |
|
|
|
|
<need-before v-else :moduleName='needBefore'> |
|
|
|
|
</need-before> |
|
|
|
|
</template> |
|
|
|
|
<script> |
|
|
|
|
import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'; |
|
|
|
|
import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, inputListen } 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' |
|
|
|
|
export default{ |
|
|
|
|
name:'', |
|
|
|
|
props:{}, |
|
|
|
|
components: { |
|
|
|
|
NeedBefore, |
|
|
|
|
MyDialog |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
if(this.inMyWork(moduleName)) { |
|
|
|
|
if(this.needsModule(moduleName) === '') { |
|
|
|
|
}else { |
|
|
|
|
this.needBefore = this.needsModule(moduleName) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
data(){ |
|
|
|
|
return{ |
|
|
|
|
visible: false, |
|
|
|
|
needBefore: '', |
|
|
|
|
cardNumberJudge: false, |
|
|
|
|
form:{ |
|
|
|
|
// 必填项 |
|
|
|
|
// identityCard: '', // 身份证 |
|
|
|
|
customerName: '', // 客户姓名 |
|
|
|
|
currency: 'CYC人民币', // 币种 |
|
|
|
|
currencyMark: '钞户', // 钞汇标识 |
|
|
|
|
voucherType: '存单', // 凭证类型 |
|
|
|
|
currency: '', // 币种 |
|
|
|
|
currencyMark: '', // 钞汇标识 |
|
|
|
|
voucherType: '', // 凭证类型 |
|
|
|
|
monthDeposit: '', // 月存金额 |
|
|
|
|
depositTerm: '1年', // 存期 |
|
|
|
|
extendDepositTarget: '不续存', // 续存标识 |
|
|
|
|
// voucherNumber: '', // 凭证号码 |
|
|
|
|
// paymentCode: '', // 支付密码 |
|
|
|
|
depositTerm: '', // 存期 |
|
|
|
|
extendDepositTarget: '', // 续存标识 |
|
|
|
|
voucherNumber: '', // 凭证号码 |
|
|
|
|
drawPassword: '', // 支付密码 |
|
|
|
|
// 非必填项 |
|
|
|
|
clientNumber: '', // 客户号 |
|
|
|
|
certificateType: '', // 证件类型 |
|
|
|
|
certificateType: '身份证', // 证件类型 |
|
|
|
|
customerManage: '', // 客户经理 |
|
|
|
|
}, |
|
|
|
|
formName:{ |
|
|
|
|
// 必填项 |
|
|
|
|
// identityCard: '', // 身份证 |
|
|
|
|
customerName: '客户姓名', // |
|
|
|
|
currency: '币种', // |
|
|
|
|
currencyMark: '钞汇标识', // |
|
|
|
|
voucherType: '凭证类型', // |
|
|
|
|
monthDeposit: '月存金额', // |
|
|
|
|
depositTerm: '存期', // |
|
|
|
|
extendDepositTarget: '续存标识', // |
|
|
|
|
voucherNumber: '凭证号码', // |
|
|
|
|
drawPassword: '支付密码', // |
|
|
|
|
// 非必填项 |
|
|
|
|
clientNumber: '客户号', // |
|
|
|
|
certificateType: '证件类型', // |
|
|
|
|
customerManage: '客户经理', // |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
customerName: vercustomer, |
|
|
|
|
currency: [ |
|
|
|
|
@ -169,7 +214,7 @@ export default{ |
|
|
|
|
"subjectId": 8, |
|
|
|
|
}, |
|
|
|
|
163: { |
|
|
|
|
prop: 'currencyMark',//钞汇标识 |
|
|
|
|
prop: 'currencyMark',//钞汇标识 |
|
|
|
|
type: '1', |
|
|
|
|
"subjectId": 9, |
|
|
|
|
}, |
|
|
|
|
@ -178,6 +223,10 @@ export default{ |
|
|
|
|
type: '1', |
|
|
|
|
"subjectId": 11, |
|
|
|
|
}, |
|
|
|
|
166: { |
|
|
|
|
prop: 'voucherNumber',//凭证类型 |
|
|
|
|
type: '3', |
|
|
|
|
}, |
|
|
|
|
168: { |
|
|
|
|
prop: 'monthDeposit',//月存金额 |
|
|
|
|
type: '3', |
|
|
|
|
@ -196,6 +245,19 @@ export default{ |
|
|
|
|
this.$refs.clientNumber.focus() |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
// userName, |
|
|
|
|
// peopleNumber, |
|
|
|
|
// idNumber, |
|
|
|
|
// currency:'CYC人民币', |
|
|
|
|
// goldLogo:'钞户', |
|
|
|
|
...mapMutations({ |
|
|
|
|
changeShowGoods: 'system/changeShowGoods', |
|
|
|
|
setDataFlow: 'system/setDataFlow', |
|
|
|
|
setNeedsModule: 'system/setNeedsModule' |
|
|
|
|
}), |
|
|
|
|
getDataBlur() { |
|
|
|
|
console.log('???') |
|
|
|
|
}, |
|
|
|
|
popUp1(text) { |
|
|
|
|
this.$store.commit('system/changePop',{show:true,text, id: 1399}) |
|
|
|
|
}, |
|
|
|
|
@ -215,31 +277,69 @@ export default{ |
|
|
|
|
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
|
}, |
|
|
|
|
submitForm() { |
|
|
|
|
let nomUsefulPhrasesOpenCard = sessionStorage.getItem('nomUsefulPhrasesOpenCard') |
|
|
|
|
let nomUsefulPhrasesOpenCard2 = sessionStorage.getItem('nomUsefulPhrasesOpenCard2') |
|
|
|
|
let nomUsefulPhrasesOpenPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
|
|
|
|
this.$refs.form.validate(myValidate(() => { |
|
|
|
|
// 验证通过逻辑写在这 |
|
|
|
|
this.visible = true; |
|
|
|
|
const parentId = '285,287,5,26,59,155' |
|
|
|
|
const cards = [ |
|
|
|
|
{ |
|
|
|
|
1399: nomUsefulPhrasesOpenCard2 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
166: nomUsefulPhrasesOpenCard |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
167: nomUsefulPhrasesOpenPassword, |
|
|
|
|
"subjectId": 17, |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
|
}, this.$refs)); |
|
|
|
|
}, |
|
|
|
|
submitForm2() { |
|
|
|
|
let nomUsefulPhrasesOpenCard = sessionStorage.getItem('nomUsefulPhrasesOpenCard') |
|
|
|
|
let nomUsefulPhrasesOpenCard2 = sessionStorage.getItem('nomUsefulPhrasesOpenCard2') |
|
|
|
|
let nomUsefulPhrasesOpenPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
|
|
|
|
const parentId = '285,287,5,26,59,155' |
|
|
|
|
const cards = [ |
|
|
|
|
{ |
|
|
|
|
1399: nomUsefulPhrasesOpenCard2 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
166: nomUsefulPhrasesOpenCard |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
167: nomUsefulPhrasesOpenPassword, |
|
|
|
|
"subjectId": 17, |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
|
}, |
|
|
|
|
ismoney: ismoney, |
|
|
|
|
checkHanzi: checkHanzi, |
|
|
|
|
checkName: checkName |
|
|
|
|
checkName: checkName, |
|
|
|
|
inputListen: inputListen |
|
|
|
|
}, |
|
|
|
|
computed: { |
|
|
|
|
...mapGetters({ |
|
|
|
|
dataFlow: 'system/dataFlow', |
|
|
|
|
dataFlowCard: 'system/dataFlowCard', |
|
|
|
|
dataFlowId: 'system/dataFlowId', |
|
|
|
|
dataFlowPassword: 'system/dataFlowPassword', |
|
|
|
|
needsModule: 'system/needsModule', |
|
|
|
|
idCardNumber: 'system/idCardNumber', |
|
|
|
|
inMyWork: 'system/inMyWork', |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
watch: { |
|
|
|
|
dataFlowId(newVal) { |
|
|
|
|
// 身份证号码、客户姓名、币种（人民币）、钞汇标识（钞户） |
|
|
|
|
const { idNumber, userName, peopleNumber, currency, goldLogo } = this.dataFlow |
|
|
|
|
console.log(peopleNumber) |
|
|
|
|
console.log(this.dataFlow) |
|
|
|
|
console.log(goldLogo) |
|
|
|
|
this.form.clientNumber = peopleNumber |
|
|
|
|
// this.form.idNumber = idNumber |
|
|
|
|
this.form.customerName = userName |
|
|
|
|
this.form.currency = currency |
|
|
|
|
this.form.currencyMark = goldLogo |
|
|
|
|
// 'currencyMark',//钞汇标识 currency |
|
|
|
|
}, |
|
|
|
|
dataFlowCard(newVal) { |
|
|
|
|
this.cardNumberJudge = true |
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
this.$refs.voucherNumber.focus() |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
dataFlowPassword(newVal) { |
|
|
|
|
this.form.drawPassword = '******' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
luoJunYong.123
3 years ago