|
|
|
|
@ -14,24 +14,21 @@ |
|
|
|
|
<p>请刷卡</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else> |
|
|
|
|
<el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" disabled :value="form.voucherNumber" |
|
|
|
|
<el-input maxlength="20" ref="voucherNumber" disabled :value="form.voucherNumber" |
|
|
|
|
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> |
|
|
|
|
</div> |
|
|
|
|
<!-- <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> --> |
|
|
|
|
</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> |
|
|
|
|
<el-form-item label="缴费单位" prop="paymentUnit"> |
|
|
|
|
<el-input v-model="form.paymentUnit" /> |
|
|
|
|
</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> |
|
|
|
|
<el-form-item label="缴费号码" prop="paymentNum"> |
|
|
|
|
<el-input v-model="form.paymentNum" maxlength="30"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="每月代扣" prop="extendPeriod" required> |
|
|
|
|
<el-radio-group v-model.trim="form.extendPeriod" ref="extendPeriod"> |
|
|
|
|
<el-radio :label="90">是</el-radio> |
|
|
|
|
<el-radio :label="91">否</el-radio> |
|
|
|
|
<el-form-item label="每月代扣" prop="monthlyWithholding" required> |
|
|
|
|
<el-radio-group v-model.trim="form.monthlyWithholding"> |
|
|
|
|
<el-radio :label="142">是</el-radio> |
|
|
|
|
<el-radio :label="143">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
@ -49,16 +46,15 @@ |
|
|
|
|
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="号码类型" prop="goldLogo"> |
|
|
|
|
<el-select v-model.trim="form.goldLogo" placeholder="请选择" ref="goldLogo"> |
|
|
|
|
<el-option v-for="item in getSelectList.goldLogoSelectList" :label="item.options" :value="item.itemId" |
|
|
|
|
:key="item.itemId"> </el-option> |
|
|
|
|
<el-form-item label="号码类型" prop="numType"> |
|
|
|
|
<el-select v-model.trim="form.numType" placeholder="请选择"> |
|
|
|
|
<el-option label="手机号码" :value="144"></el-option> |
|
|
|
|
<el-option label="座机号码" :value="145"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="缴费金额" prop="monthDeposit" required> |
|
|
|
|
<!-- :value="form.monthDeposit" --> |
|
|
|
|
<el-input :value="form.monthDeposit" maxlength="15" @input="val => ismoney(val, form, 'monthDeposit')" |
|
|
|
|
ref="monthDeposit"></el-input> |
|
|
|
|
<el-form-item label="缴费金额" prop="paymentMoney"> |
|
|
|
|
<el-input :value="form.paymentMoney" maxlength="15" |
|
|
|
|
@input="val => ismoney(val, form, 'paymentMoney')"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="支取密码" required> |
|
|
|
|
<div v-if='!form.drawPassword' class="idCard" @click="popUp3('密码器')"> |
|
|
|
|
@ -80,8 +76,9 @@ |
|
|
|
|
<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' |
|
|
|
|
import { addOperation, getOperation } from '@/api/http'; |
|
|
|
|
|
|
|
|
|
const moduleName = 'usefulPhrases/openAccount' |
|
|
|
|
const moduleName = 'agent/telRate' |
|
|
|
|
import { mapMutations, mapGetters } from 'vuex' |
|
|
|
|
import NeedBefore from '@/components/needBefore' |
|
|
|
|
import MyDialog from '@/components/dialog' |
|
|
|
|
@ -95,124 +92,112 @@ export default { |
|
|
|
|
}, |
|
|
|
|
mixins: [TipsBefore], |
|
|
|
|
created () { |
|
|
|
|
if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { |
|
|
|
|
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
|
|
|
|
if (sessionStorage.getItem('telRatePassword')) { |
|
|
|
|
this.form.drawPassword = sessionStorage.getItem('telRatePassword') |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 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')) { |
|
|
|
|
if (sessionStorage.getItem('telRateIdCard')) { |
|
|
|
|
this.idNumberJudge = true |
|
|
|
|
// 身份证号码、客户姓名、币种（人民币）、钞汇标识（钞户） |
|
|
|
|
const { idNumber, userName, peopleNumber, currency, goldLogo } = this.dataFlow |
|
|
|
|
this.form.clientNumber = peopleNumber |
|
|
|
|
const { idNumber, userName } = this.dataFlow |
|
|
|
|
this.form.idNumber = idNumber |
|
|
|
|
this.form.customerName = userName |
|
|
|
|
this.form.currency = currency |
|
|
|
|
this.form.goldLogo = goldLogo |
|
|
|
|
this.form.voucherType = 127 |
|
|
|
|
} |
|
|
|
|
if (sessionStorage.getItem('nomUsefulPhrasesOpenCard')) { |
|
|
|
|
if (sessionStorage.getItem('telRateBankCard')) { |
|
|
|
|
this.cardNumberJudge = true |
|
|
|
|
const { voucherNumber } = this.dataFlow |
|
|
|
|
this.form.voucherNumber = voucherNumber |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.getFormData() |
|
|
|
|
|
|
|
|
|
// this.getFormData() |
|
|
|
|
}, |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
moduleName: 'usefulPhrases/openAccount', |
|
|
|
|
moduleName, |
|
|
|
|
visible: false, |
|
|
|
|
cardNumberJudge: false, |
|
|
|
|
idNumberJudge: false, |
|
|
|
|
form: { |
|
|
|
|
// 必填项 |
|
|
|
|
// identityCard: '', // 身份证 |
|
|
|
|
certificateType: 83, |
|
|
|
|
idNumber: '', |
|
|
|
|
customerName: '', // 客户姓名 |
|
|
|
|
currency: '', // 币种 |
|
|
|
|
goldLogo: '', // 钞汇标识 |
|
|
|
|
voucherType: '', // 凭证类型 |
|
|
|
|
monthDeposit: '', // 月存金额 |
|
|
|
|
depositTerm: '', // 存期 |
|
|
|
|
extendDepositTarget: '', // 续存标识 |
|
|
|
|
voucherNumber: '', // 凭证号码 |
|
|
|
|
drawPassword: '', // 支付密码 |
|
|
|
|
// 非必填项 |
|
|
|
|
clientNumber: '', // 客户号 |
|
|
|
|
certificateType: 83, // 证件类型 |
|
|
|
|
voucherNumber: '', |
|
|
|
|
customerName: '', |
|
|
|
|
paymentUnit: '', |
|
|
|
|
numType: '', |
|
|
|
|
paymentNum: '', |
|
|
|
|
paymentMoney: '', |
|
|
|
|
monthlyWithholding: '', |
|
|
|
|
drawPassword: '', |
|
|
|
|
}, |
|
|
|
|
formName: { |
|
|
|
|
// 必填项 |
|
|
|
|
// identityCard: '', // 身份证 |
|
|
|
|
idNumber: '身份证', |
|
|
|
|
customerName: '客户姓名', // |
|
|
|
|
currency: '币种', // |
|
|
|
|
goldLogo: '钞汇标识', // |
|
|
|
|
voucherType: '凭证类型', // |
|
|
|
|
monthDeposit: '月存金额', // |
|
|
|
|
depositTerm: '存期', // |
|
|
|
|
extendDepositTarget: '续存标识', // |
|
|
|
|
voucherNumber: '凭证号码', // |
|
|
|
|
drawPassword: '支付密码', // |
|
|
|
|
// 非必填项 |
|
|
|
|
clientNumber: '客户号', // |
|
|
|
|
certificateType: '证件类型', // |
|
|
|
|
certificateType: '证件类型', |
|
|
|
|
idNumber: '证件号码', |
|
|
|
|
voucherNumber: '账号', |
|
|
|
|
customerName: '客户姓名', |
|
|
|
|
paymentUnit: '缴费单位', |
|
|
|
|
numType: '号码类型', |
|
|
|
|
paymentNum: '缴费号码', |
|
|
|
|
paymentMoney: '缴费金额', |
|
|
|
|
monthlyWithholding: '每月代扣', |
|
|
|
|
drawPassword: '支付密码', |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
customerName: vercustomer, |
|
|
|
|
currency: [ |
|
|
|
|
idNumber: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择币种', |
|
|
|
|
message: '请输入证件号码', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
goldLogo: [ |
|
|
|
|
voucherNumber: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择钞汇标识', |
|
|
|
|
message: '请输入账号', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
voucherType: [ |
|
|
|
|
customerName: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择凭证类型', |
|
|
|
|
message: '请输入客户姓名', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
monthDeposit: [ |
|
|
|
|
paymentUnit: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入月存金额', |
|
|
|
|
message: '请输入缴费单位', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
depositTerm: [ |
|
|
|
|
numType: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择存期', |
|
|
|
|
message: '请选择号码类型', |
|
|
|
|
trigger: 'change' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
paymentNum: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入缴费号码', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
extendDepositTarget: [ |
|
|
|
|
paymentMoney: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择续存标识', |
|
|
|
|
message: '请输入缴费金额', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
extendDepomonthlyWithholdingsitTarget: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择每月代扣', |
|
|
|
|
trigger: 'change' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
myTable2: { |
|
|
|
|
158: { |
|
|
|
|
@ -284,11 +269,6 @@ export default { |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
// userName, |
|
|
|
|
// peopleNumber, |
|
|
|
|
// idNumber, |
|
|
|
|
// currency:'CNY人民币', |
|
|
|
|
// goldLogo:'钞户', |
|
|
|
|
...mapMutations({ |
|
|
|
|
changeShowGoods: 'system/changeShowGoods', |
|
|
|
|
setDataFlow: 'system/setDataFlow', |
|
|
|
|
@ -296,24 +276,21 @@ export default { |
|
|
|
|
setPopId: 'system/setPopId', |
|
|
|
|
setTipsOperate: 'system/setTipsOperate' |
|
|
|
|
}), |
|
|
|
|
getDataBlur () { |
|
|
|
|
// console.log('???') |
|
|
|
|
}, |
|
|
|
|
popUp1 (text) { |
|
|
|
|
this.setTipsOperate('请刷身份证'); |
|
|
|
|
this.setPopId('1399') |
|
|
|
|
this.setPopId('732') |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
}, |
|
|
|
|
popUp2 (text) { |
|
|
|
|
this.setTipsOperate('请刷银行卡'); |
|
|
|
|
this.setPopId('166') |
|
|
|
|
this.setPopId('733') |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
}, |
|
|
|
|
popUp3 (text) { |
|
|
|
|
this.setTipsOperate('请在密码器输入密码'); |
|
|
|
|
this.setPopId('167') |
|
|
|
|
this.setPopId('740') |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
}, |
|
|
|
|
@ -341,30 +318,6 @@ export default { |
|
|
|
|
if (this.submited) return this.$message.error('已提交！') |
|
|
|
|
if (!this.form.idNumber) { |
|
|
|
|
messageIdCard() |
|
|
|
|
// let projectId = sessionStorage.getItem('projectId') |
|
|
|
|
// let startTime = sessionStorage.getItem('startTime') |
|
|
|
|
// let formList = [ |
|
|
|
|
// { |
|
|
|
|
// "answerId":'159', |
|
|
|
|
// "emptyOne": "", |
|
|
|
|
// "emptyTwo": "", |
|
|
|
|
// "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,59,155,159,13", |
|
|
|
|
// "type": "" |
|
|
|
|
// } |
|
|
|
|
// ] |
|
|
|
|
// let params= { |
|
|
|
|
// parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155,159', |
|
|
|
|
// lcJudgmentRuleReq:formList, |
|
|
|
|
// projectId:+projectId, |
|
|
|
|
// startTime:startTime, |
|
|
|
|
// } |
|
|
|
|
// addOperation(params).then((data)=>{ |
|
|
|
|
// this.$message({ |
|
|
|
|
// message: '提交成功', |
|
|
|
|
// type: 'success' |
|
|
|
|
// }); |
|
|
|
|
// }).catch((error)=>{ |
|
|
|
|
// }) |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
if (!this.form.voucherNumber) { |
|
|
|
|
@ -382,34 +335,44 @@ export default { |
|
|
|
|
}, this.$refs)); |
|
|
|
|
}, |
|
|
|
|
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 |
|
|
|
|
let projectId = sessionStorage.getItem('projectId') |
|
|
|
|
let startTime = sessionStorage.getItem('startTime') |
|
|
|
|
let formList = []; |
|
|
|
|
const { form } = this |
|
|
|
|
const preId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,706,711' |
|
|
|
|
formList.push( |
|
|
|
|
{ answerId: 731, emptyOne: 19, emptyTwo: form.certificateType, operationIds: preId + ',731', type: 1 }, |
|
|
|
|
{ answerId: 732, emptyOne: '', emptyTwo: '', operationIds: preId + ',732', type: '' }, |
|
|
|
|
{ answerId: 734, emptyOne: 84, emptyTwo: form.voucherNumber, operationIds: preId + ',734', type: 3 }, |
|
|
|
|
{ answerId: 733, emptyOne: 7, emptyTwo: form.customerName, operationIds: preId + ',733', type: 3 }, |
|
|
|
|
{ answerId: 735, emptyOne: 111, emptyTwo: form.paymentUnit, operationIds: preId + ',735', type: 3 }, |
|
|
|
|
{ answerId: 736, emptyOne: 115, emptyTwo: form.numType, operationIds: preId + ',736', type: 1 }, |
|
|
|
|
{ answerId: 737, emptyOne: 116, emptyTwo: form.paymentNum, operationIds: preId + ',737', type: 3 }, |
|
|
|
|
{ answerId: 738, emptyOne: 113, emptyTwo: form.paymentMoney, operationIds: preId + ',738', type: 3 }, |
|
|
|
|
{ answerId: 739, emptyOne: 114, emptyTwo: form.monthlyWithholding, operationIds: preId + ',739', type: 1 }, |
|
|
|
|
{ answerId: 740, emptyOne: 17, emptyTwo: form.drawPassword, operationIds: preId + ',740', type: 3 }, |
|
|
|
|
) |
|
|
|
|
let params = { |
|
|
|
|
parentId: preId, |
|
|
|
|
lcJudgmentRuleReq: formList, |
|
|
|
|
projectId: +projectId, |
|
|
|
|
startTime: startTime, |
|
|
|
|
} |
|
|
|
|
addOperation(params).then((data) => { |
|
|
|
|
this.setDataFlow({ ...this.form }) |
|
|
|
|
this.submited = 1 |
|
|
|
|
}).catch((error) => { |
|
|
|
|
this.$message({ |
|
|
|
|
message: '服务器繁忙，提交失败。', |
|
|
|
|
center: true, |
|
|
|
|
type: 'info' |
|
|
|
|
}); |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
ismoney: ismoney, |
|
|
|
|
checkHanzi: checkHanzi, |
|
|
|
|
checkName: checkName, |
|
|
|
|
inputListen: inputListen |
|
|
|
|
ismoney, |
|
|
|
|
checkHanzi, |
|
|
|
|
checkName, |
|
|
|
|
inputListen, |
|
|
|
|
}, |
|
|
|
|
computed: { |
|
|
|
|
...mapGetters({ |
|
|
|
|
|
