|
|
@ -5,7 +5,7 @@ |
|
|
|
<el-form ref="form" :model="form" label-width="120px" :rules="rules"> |
|
|
|
<el-form ref="form" :model="form" label-width="120px" :rules="rules"> |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
<el-form-item label="证件类型" prop="certificateType"> |
|
|
|
<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-option label="身份证" value="身份证"> </el-option> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
@ -43,15 +43,18 @@ |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
<el-form-item label="身份证" required> |
|
|
|
<el-form-item label="身份证" required> |
|
|
|
<div class="idCard" @click="popUp3('身份证扫描器')"> |
|
|
|
<div class="idCard" @click="popUp3('身份证扫描仪')" v-if='!idNumberJudge'> |
|
|
|
<p>请刷身份证</p> |
|
|
|
<p>请刷身份证</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-else> |
|
|
|
|
|
|
|
<el-input :value="form.idNumber" ref="idNumber"></el-input> |
|
|
|
|
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="客户姓名" prop="customerName"> |
|
|
|
<el-form-item label="客户姓名" prop="customerName"> |
|
|
|
<el-input ref="customerName" :value="form.customerName" @input="(val) => checkName(val, form, 'customerName')"></el-input> |
|
|
|
<el-input ref="customerName" :value="form.customerName" @input="(val) => checkName(val, form, 'customerName')"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="钞汇标识" prop="currencyMark"> |
|
|
|
<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-option label="钞户" value="钞户"> </el-option> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
@ -59,7 +62,7 @@ |
|
|
|
<el-input :value="form.capital" @input="val => ismoney(val, form, 'capital')" ref="capital" ></el-input> |
|
|
|
<el-input :value="form.capital" @input="val => ismoney(val, form, 'capital')" ref="capital" ></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="存期" prop="depositTerm"> |
|
|
|
<el-form-item label="存期" prop="depositTerm"> |
|
|
|
<el-select disabled v-model="form.depositTerm" placeholder="请选择" ref="depositTerm"> |
|
|
|
<el-select v-model="form.depositTerm" placeholder="请选择" ref="depositTerm"> |
|
|
|
<el-option label="1年" value="1年"> </el-option> |
|
|
|
<el-option label="1年" value="1年"> </el-option> |
|
|
|
<el-option label="3年" value="3年"> </el-option> |
|
|
|
<el-option label="3年" value="3年"> </el-option> |
|
|
|
<el-option label="5年" value="5年"> </el-option> |
|
|
|
<el-option label="5年" value="5年"> </el-option> |
|
|
@ -69,12 +72,15 @@ |
|
|
|
<el-input :value="form.totalMoney" @input="val => ismoney(val, form, 'totalMoney')" ref="totalMoney" ></el-input> |
|
|
|
<el-input :value="form.totalMoney" @input="val => ismoney(val, form, 'totalMoney')" ref="totalMoney" ></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="支取密码" required> |
|
|
|
<el-form-item label="支取密码" required> |
|
|
|
<div class="idCard" @click="popUp2('密码器')"> |
|
|
|
<div v-if='!form.drawPassword' class="idCard" @click="popUp2('密码器')"> |
|
|
|
<p>请设置密码</p> |
|
|
|
<p>请输入密码</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-else> |
|
|
|
|
|
|
|
<el-input :value="form.drawPassword" disabled ref="drawPassword" type="password"></el-input> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<!-- <el-form-item label="续存标识" required> |
|
|
|
<!-- <el-form-item label="续存标识" required> |
|
|
|
<el-select disabled v-model="form.identification" placeholder="请选择"> |
|
|
|
<el-select v-model="form.identification" placeholder="请选择"> |
|
|
|
<el-option label="不续存" value="不续存"> </el-option> |
|
|
|
<el-option label="不续存" value="不续存"> </el-option> |
|
|
|
<el-option label="续存1年" value="续存1年"> </el-option> |
|
|
|
<el-option label="续存1年" value="续存1年"> </el-option> |
|
|
|
<el-option label="续存3年" value="续存3年"> </el-option> |
|
|
|
<el-option label="续存3年" value="续存3年"> </el-option> |
|
|
@ -116,13 +122,16 @@ export default{ |
|
|
|
}, |
|
|
|
}, |
|
|
|
data(){ |
|
|
|
data(){ |
|
|
|
return{ |
|
|
|
return{ |
|
|
|
|
|
|
|
idNumberJudge: false, |
|
|
|
cardNumberJudge: false, |
|
|
|
cardNumberJudge: false, |
|
|
|
visible: false, |
|
|
|
visible: false, |
|
|
|
needBefore: '', |
|
|
|
needBefore: '', |
|
|
|
form:{ |
|
|
|
form:{ |
|
|
|
// 必填项 |
|
|
|
// 必填项 |
|
|
|
|
|
|
|
idNumber: '', // 身份证号码 |
|
|
|
currency: '', // 币种 |
|
|
|
currency: '', // 币种 |
|
|
|
voucherNumber: '', // 凭证号码 |
|
|
|
voucherNumber: '', // 凭证号码 |
|
|
|
|
|
|
|
drawPassword: '', // 支取密码 |
|
|
|
// 非必填项 |
|
|
|
// 非必填项 |
|
|
|
certificateType: '', // 证件类型 |
|
|
|
certificateType: '', // 证件类型 |
|
|
|
customerName: '', // 客户姓名 |
|
|
|
customerName: '', // 客户姓名 |
|
|
@ -137,8 +146,10 @@ export default{ |
|
|
|
}, |
|
|
|
}, |
|
|
|
formName:{ |
|
|
|
formName:{ |
|
|
|
// 必填项 |
|
|
|
// 必填项 |
|
|
|
|
|
|
|
idNumber: '身份证号码', // |
|
|
|
currency: '币种', // |
|
|
|
currency: '币种', // |
|
|
|
voucherNumber: '凭证号码', // |
|
|
|
voucherNumber: '凭证号码', // |
|
|
|
|
|
|
|
drawPassword: '支取密码', |
|
|
|
// 非必填项 |
|
|
|
// 非必填项 |
|
|
|
certificateType: '证件类型', // |
|
|
|
certificateType: '证件类型', // |
|
|
|
customerName: '客户姓名', // |
|
|
|
customerName: '客户姓名', // |
|
|
@ -149,7 +160,7 @@ export default{ |
|
|
|
depositTerm: '存期', // |
|
|
|
depositTerm: '存期', // |
|
|
|
interest: '利息', // |
|
|
|
interest: '利息', // |
|
|
|
totalMoney: '总金额', // |
|
|
|
totalMoney: '总金额', // |
|
|
|
signDate:'', // |
|
|
|
signDate:'起息日期', // |
|
|
|
}, |
|
|
|
}, |
|
|
|
rules: { |
|
|
|
rules: { |
|
|
|
customerName: vercustomer, |
|
|
|
customerName: vercustomer, |
|
|
@ -222,6 +233,20 @@ export default{ |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
myTable2: { |
|
|
|
myTable2: { |
|
|
|
|
|
|
|
180: { |
|
|
|
|
|
|
|
prop: 'idNumber', |
|
|
|
|
|
|
|
type: '3', |
|
|
|
|
|
|
|
// "subjectId": 44, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
181: { |
|
|
|
|
|
|
|
prop: 'voucherNumber', |
|
|
|
|
|
|
|
type: '3', |
|
|
|
|
|
|
|
// "subjectId": 44, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
192: { |
|
|
|
|
|
|
|
prop: 'drawPassword', |
|
|
|
|
|
|
|
type: '3', |
|
|
|
|
|
|
|
}, |
|
|
|
182: { |
|
|
|
182: { |
|
|
|
prop: 'customerName',//客户姓名 |
|
|
|
prop: 'customerName',//客户姓名 |
|
|
|
type: '3', |
|
|
|
type: '3', |
|
|
@ -237,6 +262,14 @@ export default{ |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
mounted() { |
|
|
|
this.getFormData() |
|
|
|
this.getFormData() |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(this.form.idNumber) { |
|
|
|
|
|
|
|
this.idNumberJudge = true |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if(this.form.voucherNumber) { |
|
|
|
|
|
|
|
this.cardNumberJudge = true |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.$refs.customerName.focus() |
|
|
|
this.$refs.customerName.focus() |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
@ -251,9 +284,9 @@ export default{ |
|
|
|
getFormData(){ |
|
|
|
getFormData(){ |
|
|
|
const parentId = '285,287,5,26,59,157' |
|
|
|
const parentId = '285,287,5,26,59,157' |
|
|
|
const cards = { |
|
|
|
const cards = { |
|
|
|
180: 'nomUsefulPhrasesClosed', |
|
|
|
// 180: 'nomUsefulPhrasesClosed', |
|
|
|
181: 'nomUsefulPhrasesClosed2', |
|
|
|
// 181: 'nomUsefulPhrasesClosed2', |
|
|
|
192: 'nomUsefulPhrasesClosedPassword' |
|
|
|
// 192: 'nomUsefulPhrasesClosedPassword' |
|
|
|
} |
|
|
|
} |
|
|
|
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
}, |
|
|
|
}, |
|
|
@ -278,17 +311,17 @@ export default{ |
|
|
|
const nomUsefulPhrasesClosed2 = sessionStorage.getItem('nomUsefulPhrasesClosed2') |
|
|
|
const nomUsefulPhrasesClosed2 = sessionStorage.getItem('nomUsefulPhrasesClosed2') |
|
|
|
const nomUsefulPhrasesClosedPassword = sessionStorage.getItem('nomUsefulPhrasesClosedPassword') |
|
|
|
const nomUsefulPhrasesClosedPassword = sessionStorage.getItem('nomUsefulPhrasesClosedPassword') |
|
|
|
const cards = [ |
|
|
|
const cards = [ |
|
|
|
{ |
|
|
|
// { |
|
|
|
180: nomUsefulPhrasesClosed |
|
|
|
// 180: nomUsefulPhrasesClosed |
|
|
|
}, |
|
|
|
// }, |
|
|
|
{ |
|
|
|
// { |
|
|
|
181: nomUsefulPhrasesClosed2, |
|
|
|
// 181: nomUsefulPhrasesClosed2, |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
// }, |
|
|
|
{ |
|
|
|
// { |
|
|
|
192: nomUsefulPhrasesClosedPassword, |
|
|
|
// 192: nomUsefulPhrasesClosedPassword, |
|
|
|
"subjectId": 32, |
|
|
|
// "subjectId": 32, |
|
|
|
} |
|
|
|
// } |
|
|
|
] |
|
|
|
] |
|
|
|
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
this.setNeedsModule(moduleName) |
|
|
|
this.setNeedsModule(moduleName) |
|
|
@ -311,25 +344,34 @@ export default{ |
|
|
|
watch: { |
|
|
|
watch: { |
|
|
|
dataFlowCard(newVal) { |
|
|
|
dataFlowCard(newVal) { |
|
|
|
this.cardNumberJudge = true |
|
|
|
this.cardNumberJudge = true |
|
|
|
this.$nextTick(() => { |
|
|
|
const { currency, userName, depositNumber, goldLogo, capital, interestRate, interest, totalMoney, signDate, voucherNumber } = this.dataFlow |
|
|
|
this.$refs.voucherNumber.focus() |
|
|
|
console.log(interestRate) |
|
|
|
}) |
|
|
|
|
|
|
|
const { currency, userName, depositNumber, goldLogo, capital, interestRate, interest, totalMoney, signDate } = this.dataFlow |
|
|
|
|
|
|
|
this.form.currency = currency |
|
|
|
this.form.currency = currency |
|
|
|
this.form.customerName = userName |
|
|
|
this.form.customerName = userName |
|
|
|
|
|
|
|
this.form.depositNumber = depositNumber |
|
|
|
this.form.currencyMark = goldLogo |
|
|
|
this.form.currencyMark = goldLogo |
|
|
|
this.form.currencyMark = currencyMark |
|
|
|
|
|
|
|
this.form.capital = capital |
|
|
|
this.form.capital = capital |
|
|
|
this.form.interestRate = interestRate |
|
|
|
this.form.interestRate = interestRate |
|
|
|
this.form.interest = interest |
|
|
|
this.form.interest = interest |
|
|
|
this.form.totalMoney = totalMoney |
|
|
|
this.form.totalMoney = totalMoney |
|
|
|
this.form.signDate = signDate |
|
|
|
this.form.signDate = signDate |
|
|
|
|
|
|
|
this.form.voucherNumber = voucherNumber |
|
|
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
|
|
this.$refs.voucherNumber.focus() |
|
|
|
|
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
dataFlowPassword(newVal) { |
|
|
|
dataFlowPassword(newVal) { |
|
|
|
this.form.drawPassword = '******' |
|
|
|
const nomUsefulPhrasesClosedPassword = sessionStorage.getItem('nomUsefulPhrasesClosedPassword') |
|
|
|
|
|
|
|
console.log(nomUsefulPhrasesClosedPassword) |
|
|
|
|
|
|
|
this.form.drawPassword = nomUsefulPhrasesClosedPassword |
|
|
|
}, |
|
|
|
}, |
|
|
|
dataFlowId(newVal) { |
|
|
|
dataFlowId(newVal) { |
|
|
|
// |
|
|
|
this.idNumberJudge = true |
|
|
|
|
|
|
|
const { idNumber } = this.dataFlow |
|
|
|
|
|
|
|
this.form.idNumber = idNumber |
|
|
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
|
|
this.$refs.idNumber.focus |
|
|
|
|
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|