|
|
|
|
@ -1,126 +1,217 @@ |
|
|
|
|
// 销户 |
|
|
|
|
<template> |
|
|
|
|
<div class="body"> |
|
|
|
|
<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="凭证号码" required=""> |
|
|
|
|
<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="凭证号码" |
|
|
|
|
required=""> |
|
|
|
|
<!-- <div v-if='!cardNumberJudge' class="idCard" @click="popUp('刷卡器')"> |
|
|
|
|
<p>请刷卡</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else> |
|
|
|
|
<el-input ref="voucherNumber" disabled :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> |
|
|
|
|
</div> --> |
|
|
|
|
<el-input @blur="getDataBlur" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> |
|
|
|
|
<el-input @blur="getDataBlur" |
|
|
|
|
ref="voucherNumber" |
|
|
|
|
:value="form.voucherNumber" |
|
|
|
|
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="客户号" prop="customerNumber"> |
|
|
|
|
<el-input v-model.trim="form.customerNumber" disabled></el-input> |
|
|
|
|
<el-form-item label="客户号" |
|
|
|
|
prop="customerNumber"> |
|
|
|
|
<el-input v-model.trim="form.customerNumber" |
|
|
|
|
disabled></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="币种" prop="currency"> |
|
|
|
|
<el-select v-model.trim="form.currency" disabled placeholder="请选择" ref="currency"> |
|
|
|
|
<el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> |
|
|
|
|
<el-form-item label="币种" |
|
|
|
|
prop="currency"> |
|
|
|
|
<el-select v-model.trim="form.currency" |
|
|
|
|
disabled |
|
|
|
|
placeholder="请选择" |
|
|
|
|
ref="currency"> |
|
|
|
|
<el-option v-for="item in getSelectList.currencySelectList" |
|
|
|
|
:label="item.options" |
|
|
|
|
:value="item.itemId" |
|
|
|
|
:key="item.itemId"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="通知类型" prop="noticeType"> |
|
|
|
|
<el-select v-model.trim="form.noticeType" disabled placeholder="请选择" ref="noticeType"> |
|
|
|
|
<el-option label="1天" :value="95"> </el-option> |
|
|
|
|
<el-option label="7天" :value="96"> </el-option> |
|
|
|
|
<el-form-item label="通知类型" |
|
|
|
|
prop="noticeType"> |
|
|
|
|
<el-select v-model.trim="form.noticeType" |
|
|
|
|
disabled |
|
|
|
|
placeholder="请选择" |
|
|
|
|
ref="noticeType"> |
|
|
|
|
<el-option label="1天" |
|
|
|
|
:value="95"> </el-option> |
|
|
|
|
<el-option label="7天" |
|
|
|
|
:value="96"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="起息日期" prop="breathDate"> |
|
|
|
|
<el-input v-model.trim="form.breathDate" ></el-input> |
|
|
|
|
<el-form-item label="起息日期" |
|
|
|
|
prop="breathDate"> |
|
|
|
|
<el-input autocomplete="off" |
|
|
|
|
v-model.trim="form.breathDate"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="利息" prop="interest"> |
|
|
|
|
<el-input :value="form.interest" disabled @input="val => ismoney(val, form, 'interest')" ref="interest"></el-input> |
|
|
|
|
<el-form-item label="利息" |
|
|
|
|
prop="interest"> |
|
|
|
|
<el-input :value="form.interest" |
|
|
|
|
disabled |
|
|
|
|
@input="val => ismoney(val, form, 'interest')" |
|
|
|
|
ref="interest"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="支取类别" prop="drawWayType"> |
|
|
|
|
<el-select v-model.trim="form.drawWayType" disabled placeholder="请选择" ref="drawWayType"> |
|
|
|
|
<el-option label="现金" :value="133"> </el-option> |
|
|
|
|
<el-form-item label="支取类别" |
|
|
|
|
prop="drawWayType"> |
|
|
|
|
<el-select v-model.trim="form.drawWayType" |
|
|
|
|
disabled |
|
|
|
|
placeholder="请选择" |
|
|
|
|
ref="drawWayType"> |
|
|
|
|
<el-option label="现金" |
|
|
|
|
:value="133"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="证件类型" prop="certificateType"> |
|
|
|
|
<el-select v-model.trim="form.certificateType" disabled placeholder="请选择" ref="certificateType"> |
|
|
|
|
<el-option label="身份证" :value="83"> </el-option> |
|
|
|
|
<el-form-item label="证件类型" |
|
|
|
|
prop="certificateType"> |
|
|
|
|
<el-select v-model.trim="form.certificateType" |
|
|
|
|
disabled |
|
|
|
|
placeholder="请选择" |
|
|
|
|
ref="certificateType"> |
|
|
|
|
<el-option label="身份证" |
|
|
|
|
:value="83"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="支取密码" required> |
|
|
|
|
<div v-if='!form.drawPassword' class="idCard" @click="popUp3('密码器')"> |
|
|
|
|
<el-form-item label="支取密码" |
|
|
|
|
required> |
|
|
|
|
<div v-if='!form.drawPassword' |
|
|
|
|
class="idCard" |
|
|
|
|
@click="popUp3('密码器')"> |
|
|
|
|
<p>请输入密码</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else @click="popUp3('密码器')"> |
|
|
|
|
<el-input :value="form.drawPassword" ref="drawPassword" type="password"></el-input> |
|
|
|
|
<div v-else |
|
|
|
|
@click="popUp3('密码器')"> |
|
|
|
|
<el-input :value="form.drawPassword" |
|
|
|
|
ref="drawPassword" |
|
|
|
|
type="password"></el-input> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="凭证类型" prop="voucherType"> |
|
|
|
|
<el-select v-model.trim="form.voucherType" disabled placeholder="请选择" ref="voucherType"> |
|
|
|
|
<el-option label="存单" :value="123"> </el-option> |
|
|
|
|
<el-col :span="10" |
|
|
|
|
:offset="1"> |
|
|
|
|
<el-form-item label="凭证类型" |
|
|
|
|
prop="voucherType"> |
|
|
|
|
<el-select v-model.trim="form.voucherType" |
|
|
|
|
disabled |
|
|
|
|
placeholder="请选择" |
|
|
|
|
ref="voucherType"> |
|
|
|
|
<el-option label="存单" |
|
|
|
|
:value="123"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="客户姓名" prop="clientName"> |
|
|
|
|
<el-input :value="form.clientName" disabled @input="(val) => checkName(val, form, 'clientName')" ref="clientName"></el-input> |
|
|
|
|
<el-form-item label="客户姓名" |
|
|
|
|
prop="clientName"> |
|
|
|
|
<el-input :value="form.clientName" |
|
|
|
|
disabled |
|
|
|
|
@input="(val) => checkName(val, form, 'clientName')" |
|
|
|
|
ref="clientName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="钞汇标识" prop="goldLogo"> |
|
|
|
|
<el-select v-model.trim="form.goldLogo" disabled placeholder="请选择" ref="goldLogo"> |
|
|
|
|
<el-option v-for="item in getSelectList.goldLogo" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> |
|
|
|
|
<el-form-item label="钞汇标识" |
|
|
|
|
prop="goldLogo"> |
|
|
|
|
<el-select v-model.trim="form.goldLogo" |
|
|
|
|
disabled |
|
|
|
|
placeholder="请选择" |
|
|
|
|
ref="goldLogo"> |
|
|
|
|
<el-option v-for="item in getSelectList.goldLogo" |
|
|
|
|
:label="item.options" |
|
|
|
|
:value="item.itemId" |
|
|
|
|
:key="item.itemId"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="定存编号" prop="depositNumber"> |
|
|
|
|
<el-input disabled v-model.trim="form.depositNumber"></el-input> |
|
|
|
|
<el-form-item label="定存编号" |
|
|
|
|
prop="depositNumber"> |
|
|
|
|
<el-input disabled |
|
|
|
|
v-model.trim="form.depositNumber"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="本金" prop="capital"> |
|
|
|
|
<el-input :value="form.capital" disabled @input="val => ismoney(val, form, 'capital')" ref="capital" ></el-input> |
|
|
|
|
<el-form-item label="本金" |
|
|
|
|
prop="capital"> |
|
|
|
|
<el-input :value="form.capital" |
|
|
|
|
disabled |
|
|
|
|
@input="val => ismoney(val, form, 'capital')" |
|
|
|
|
ref="capital"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="总金额" prop="totalMoney"> |
|
|
|
|
<el-input :value="form.totalMoney" disabled @input="val => ismoney(val, form, 'totalMoney')" ref="totalMoney" ></el-input> |
|
|
|
|
<el-form-item label="总金额" |
|
|
|
|
prop="totalMoney"> |
|
|
|
|
<el-input :value="form.totalMoney" |
|
|
|
|
disabled |
|
|
|
|
@input="val => ismoney(val, form, 'totalMoney')" |
|
|
|
|
ref="totalMoney"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="支取金额" prop="payMoney"> |
|
|
|
|
<el-input :value="form.payMoney" disabled @input="val => ismoney(val, form, 'payMoney')" ref="payMoney" ></el-input> |
|
|
|
|
<el-form-item label="支取金额" |
|
|
|
|
prop="payMoney"> |
|
|
|
|
<el-input :value="form.payMoney" |
|
|
|
|
disabled |
|
|
|
|
@input="val => ismoney(val, form, 'payMoney')" |
|
|
|
|
ref="payMoney"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="证件号码" required> |
|
|
|
|
<div class="idCard" @click="popUp2('身份证扫描仪')" v-if='!idNumberJudge'> |
|
|
|
|
<el-form-item label="证件号码" |
|
|
|
|
required> |
|
|
|
|
<div class="idCard" |
|
|
|
|
@click="popUp2('身份证扫描仪')" |
|
|
|
|
v-if='!idNumberJudge'> |
|
|
|
|
<p>请刷身份证</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else> |
|
|
|
|
<el-input :value="form.idNumber" disabled ref="idNumber"></el-input> |
|
|
|
|
<el-input :value="form.idNumber" |
|
|
|
|
disabled |
|
|
|
|
ref="idNumber"></el-input> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button> |
|
|
|
|
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" depositNumber='0812' /> |
|
|
|
|
<el-button @click="submitForm" |
|
|
|
|
type="primary" |
|
|
|
|
class="submitBtn" |
|
|
|
|
v-throttle>提交</el-button> |
|
|
|
|
<my-dialog :moduleName="moduleName" |
|
|
|
|
v-if="visible" |
|
|
|
|
:visible.sync="visible" |
|
|
|
|
:showForm="form" |
|
|
|
|
:formName="formName" |
|
|
|
|
@submitIt="submitForm2" |
|
|
|
|
depositNumber='0812' /> |
|
|
|
|
</div> |
|
|
|
|
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> |
|
|
|
|
</template> |
|
|
|
|
<script> |
|
|
|
|
import { ratePattern, vercustomer } from '@/utils/verify.js' |
|
|
|
|
import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, messageIdCard,messageCard, messagePassword, inputListen } from '@/utils/utilFunction.js' |
|
|
|
|
import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, messageIdCard, messageCard, messagePassword, inputListen } from '@/utils/utilFunction.js' |
|
|
|
|
|
|
|
|
|
import { mapMutations, mapGetters } from 'vuex' |
|
|
|
|
import NeedBefore from '@/components/needBefore' |
|
|
|
|
import MyDialog from '@/components/dialog' |
|
|
|
|
import TipsBefore from '@/mixins/tipsBefore' |
|
|
|
|
const moduleName = 'callDeposits/accountClosed' |
|
|
|
|
export default{ |
|
|
|
|
name:'', |
|
|
|
|
props:{}, |
|
|
|
|
mixins: [ TipsBefore ], |
|
|
|
|
export default { |
|
|
|
|
name: '', |
|
|
|
|
props: {}, |
|
|
|
|
mixins: [TipsBefore], |
|
|
|
|
components: { |
|
|
|
|
NeedBefore, |
|
|
|
|
MyDialog |
|
|
|
|
}, |
|
|
|
|
data(){ |
|
|
|
|
return{ |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
moduleName: 'callDeposits/accountClosed', |
|
|
|
|
idNumberJudge: false, |
|
|
|
|
cardNumberJudge: false, |
|
|
|
|
visible: false, |
|
|
|
|
form:{ |
|
|
|
|
form: { |
|
|
|
|
// 必填项 |
|
|
|
|
payMoney: '', // 支取金额(未对标) |
|
|
|
|
idNumber: '', // 身份证号码 |
|
|
|
|
@ -144,7 +235,7 @@ export default{ |
|
|
|
|
drawWayType: '', // 支取类别(未对标) |
|
|
|
|
voucherType: '', // 凭证类型(未对标) |
|
|
|
|
}, |
|
|
|
|
formName:{ |
|
|
|
|
formName: { |
|
|
|
|
// 必填项 |
|
|
|
|
payMoney: '支取金额', // (未对标) |
|
|
|
|
idNumber: '身份证号码', // |
|
|
|
|
@ -281,8 +372,8 @@ export default{ |
|
|
|
|
submited: 0 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
if(sessionStorage.getItem('nomCallDepositClosedPassword')) { |
|
|
|
|
created () { |
|
|
|
|
if (sessionStorage.getItem('nomCallDepositClosedPassword')) { |
|
|
|
|
this.form.drawPassword = sessionStorage.getItem('nomCallDepositClosedPassword') |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -297,7 +388,7 @@ export default{ |
|
|
|
|
// } |
|
|
|
|
// return |
|
|
|
|
// } |
|
|
|
|
if(sessionStorage.getItem('nomCallDepositClosedCard')) { |
|
|
|
|
if (sessionStorage.getItem('nomCallDepositClosedCard')) { |
|
|
|
|
this.cardNumberJudge = true |
|
|
|
|
const { noticeType, depositNumber, capital, interest, totalMoney, idNumber, |
|
|
|
|
peopleNumber, userName, currency, goldLogo, voucherNumber, payMoney, voucherType } = this.dataFlow |
|
|
|
|
@ -322,7 +413,7 @@ export default{ |
|
|
|
|
// this.form.idNumber = |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if(sessionStorage.getItem('nomCallDepositClosedCard2')) { |
|
|
|
|
if (sessionStorage.getItem('nomCallDepositClosedCard2')) { |
|
|
|
|
this.idNumberJudge = true |
|
|
|
|
const { idNumber } = this.dataFlow |
|
|
|
|
this.form.idNumber = idNumber |
|
|
|
|
@ -337,13 +428,13 @@ export default{ |
|
|
|
|
// 394: 'nomCallDepositClosedPassword' |
|
|
|
|
} |
|
|
|
|
const callback = () => { |
|
|
|
|
if(this.form.idNumber) { |
|
|
|
|
if (this.form.idNumber) { |
|
|
|
|
this.idNumberJudge = true |
|
|
|
|
} |
|
|
|
|
if(this.form.voucherNumber) { |
|
|
|
|
if (this.form.voucherNumber) { |
|
|
|
|
this.cardNumberJudge = true |
|
|
|
|
} |
|
|
|
|
if(sessionStorage.getItem('nomCallDepositOpenPassword')) { |
|
|
|
|
if (sessionStorage.getItem('nomCallDepositOpenPassword')) { |
|
|
|
|
this.form.drawPassword = sessionStorage.getItem('nomCallDepositClosedPassword') |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@ -357,8 +448,8 @@ export default{ |
|
|
|
|
setPopId: 'system/setPopId', |
|
|
|
|
setTipsOperate: 'system/setTipsOperate' |
|
|
|
|
}), |
|
|
|
|
getDataBlur() { |
|
|
|
|
if(!this.form.voucherNumber) { |
|
|
|
|
getDataBlur () { |
|
|
|
|
if (!this.form.voucherNumber) { |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
const { noticeType, depositNumber, capital, interest, totalMoney, idNumber, |
|
|
|
|
@ -367,7 +458,7 @@ export default{ |
|
|
|
|
this.form.voucherType = 123 |
|
|
|
|
this.form.noticeType = noticeType |
|
|
|
|
this.form.depositNumber = depositNumber |
|
|
|
|
this.form.capital = money || 0 |
|
|
|
|
this.form.capital = money || 800000 |
|
|
|
|
this.form.interest = interest |
|
|
|
|
this.form.totalMoney = totalMoney |
|
|
|
|
// this.form.drawWayType = 93 |
|
|
|
|
@ -382,7 +473,7 @@ export default{ |
|
|
|
|
this.form.payMoney = payMoney |
|
|
|
|
this.form.voucherType = voucherType |
|
|
|
|
}, |
|
|
|
|
popUp(text) { |
|
|
|
|
popUp (text) { |
|
|
|
|
// this.$store.commit('system/changePop',{show:true,text, id: '302'}) |
|
|
|
|
|
|
|
|
|
this.setTipsOperate('请刷银行卡'); |
|
|
|
|
@ -390,7 +481,7 @@ export default{ |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
}, |
|
|
|
|
popUp2(text) { |
|
|
|
|
popUp2 (text) { |
|
|
|
|
// this.$store.commit('system/changePop',{show:true,text, id: '392'}) |
|
|
|
|
|
|
|
|
|
this.setTipsOperate('请刷身份证'); |
|
|
|
|
@ -398,25 +489,25 @@ export default{ |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
}, |
|
|
|
|
popUp3(text) { |
|
|
|
|
popUp3 (text) { |
|
|
|
|
// this.$store.commit('system/changePop',{show:true,text, id: '394'}) |
|
|
|
|
this.setTipsOperate('请在密码器输入密码'); |
|
|
|
|
this.setPopId('394') |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
}, |
|
|
|
|
submitForm() { |
|
|
|
|
submitForm () { |
|
|
|
|
if (this.submited) return this.$message.error('已提交！') |
|
|
|
|
if(!this.form.idNumber) { |
|
|
|
|
if (!this.form.idNumber) { |
|
|
|
|
messageIdCard() |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
if(!this.form.voucherNumber) { |
|
|
|
|
if (!this.form.voucherNumber) { |
|
|
|
|
messageCard('请填写凭证号码') |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if(!this.form.drawPassword) { |
|
|
|
|
if (!this.form.drawPassword) { |
|
|
|
|
messagePassword() |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
@ -426,7 +517,7 @@ export default{ |
|
|
|
|
|
|
|
|
|
}, this.$refs)); |
|
|
|
|
}, |
|
|
|
|
submitForm2() { |
|
|
|
|
submitForm2 () { |
|
|
|
|
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,38,289' |
|
|
|
|
const nomCallDepositCard = sessionStorage.getItem('nomCallDepositCard') |
|
|
|
|
const nomCallDepositCard2 = sessionStorage.getItem('nomCallDepositCard2') |
|
|
|
|
|
