|
|
@ -1,13 +1,16 @@ |
|
|
|
/* 个人业务>活期业务>取款 */ |
|
|
|
/* 个人业务>活期业务>取款 */ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div class="body"> |
|
|
|
<div class="body" v-if="!needBefore"> |
|
|
|
<el-row :gutter="20" style="margin: 0"> |
|
|
|
<el-row :gutter="20" style="margin: 0"> |
|
|
|
<el-form ref="form" :rules="rules" :model="form" label-width="120px"> |
|
|
|
<el-form ref="form" :rules="rules" :model="form" label-width="120px"> |
|
|
|
<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="popUp('刷卡器')"> |
|
|
|
<div v-if='!form.cardNumber' class="idCard" @click="popUp('刷卡器')"> |
|
|
|
<p>请刷卡</p> |
|
|
|
<p>请刷卡</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-else> |
|
|
|
|
|
|
|
<el-input :value="form.cardNumber" disabled ref="cardNumber"></el-input> |
|
|
|
|
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="币种" prop="currency"> |
|
|
|
<el-form-item label="币种" prop="currency"> |
|
|
|
<el-select v-model="form.currency" placeholder="请选择" ref="currency"> |
|
|
|
<el-select v-model="form.currency" placeholder="请选择" ref="currency"> |
|
|
@ -18,9 +21,12 @@ |
|
|
|
<el-input :value="form.money" @input="val => ismoney(val, form, 'money')"></el-input> |
|
|
|
<el-input :value="form.money" @input="val => ismoney(val, form, 'money')"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="支取密码" required> |
|
|
|
<el-form-item label="支取密码" required> |
|
|
|
<div class="idCard" @click="popUp('密码器')"> |
|
|
|
<div v-if='!form.drawPassword' class="idCard" @click="popUp('密码器')"> |
|
|
|
<p>请输入密码</p> |
|
|
|
<p>请输入密码</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-else> |
|
|
|
|
|
|
|
<el-input :value="form.drawPassword" disabled ref="drawPassword" type="password"></el-input> |
|
|
|
|
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
@ -50,21 +56,47 @@ |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button> |
|
|
|
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button> |
|
|
|
|
|
|
|
<my-dialog v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<need-before v-else :moduleName='needBefore'> |
|
|
|
|
|
|
|
</need-before> |
|
|
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
|
|
|
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
|
|
|
import { myValidate, ismoney, checkName, checkHanzi } from '@/utils/utilFunction.js' |
|
|
|
import { myValidate, ismoney, checkName, checkHanzi } from '@/utils/utilFunction.js' |
|
|
|
import { addOperation, getOperation } from '@/api/http'; |
|
|
|
import { addOperation, getOperation } from '@/api/http'; |
|
|
|
|
|
|
|
import { mapMutations, mapGetters } from 'vuex' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const moduleName = 'currentAccount/withdrawal' |
|
|
|
|
|
|
|
import MyDialog from '@/components/dialog' |
|
|
|
|
|
|
|
import NeedBefore from '@/components/needBefore' |
|
|
|
export default{ |
|
|
|
export default{ |
|
|
|
name:'', |
|
|
|
name:'', |
|
|
|
props:{ |
|
|
|
props:{ |
|
|
|
depositFinish: Boolean |
|
|
|
depositFinish: Boolean |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
components: { |
|
|
|
|
|
|
|
MyDialog, |
|
|
|
|
|
|
|
NeedBefore |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
created() { |
|
|
|
|
|
|
|
if(this.inMyWork(moduleName)) { |
|
|
|
|
|
|
|
if(this.needsModule(moduleName) === '') { |
|
|
|
|
|
|
|
}else { |
|
|
|
|
|
|
|
this.needBefore = this.needsModule(moduleName) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
data(){ |
|
|
|
data(){ |
|
|
|
return{ |
|
|
|
return{ |
|
|
|
|
|
|
|
visible: false, |
|
|
|
|
|
|
|
needBefore: '', |
|
|
|
form:{ |
|
|
|
form:{ |
|
|
|
|
|
|
|
cardNumber: '', |
|
|
|
|
|
|
|
drawPassword: '', |
|
|
|
currency:'', |
|
|
|
currency:'', |
|
|
|
money:'', |
|
|
|
money:'', |
|
|
|
userName:'', |
|
|
|
userName:'', |
|
|
@ -73,6 +105,17 @@ export default{ |
|
|
|
chargeWay:'', |
|
|
|
chargeWay:'', |
|
|
|
remark:'', |
|
|
|
remark:'', |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
formName:{ |
|
|
|
|
|
|
|
cardNumber: '卡号', |
|
|
|
|
|
|
|
drawPassword: '支取密码', |
|
|
|
|
|
|
|
currency:'币种', |
|
|
|
|
|
|
|
money:'金额', |
|
|
|
|
|
|
|
userName:'客户姓名', |
|
|
|
|
|
|
|
goldLogo:'钞汇标识', |
|
|
|
|
|
|
|
serviceCharge:'手续费', |
|
|
|
|
|
|
|
chargeWay:'支取方式', |
|
|
|
|
|
|
|
remark:'摘要', |
|
|
|
|
|
|
|
}, |
|
|
|
rules: { |
|
|
|
rules: { |
|
|
|
userName: vercustomer , |
|
|
|
userName: vercustomer , |
|
|
|
goldLogo: [ |
|
|
|
goldLogo: [ |
|
|
@ -100,10 +143,17 @@ export default{ |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
mounted() { |
|
|
|
this.getFormData() |
|
|
|
if(!this.needBefore) { |
|
|
|
this.$refs.userName.focus(); |
|
|
|
this.getFormData() |
|
|
|
|
|
|
|
this.$refs.userName.focus(); |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
|
|
|
|
...mapMutations({ |
|
|
|
|
|
|
|
changeShowGoods: 'system/changeShowGoods', |
|
|
|
|
|
|
|
setDataFlow: 'system/setDataFlow', |
|
|
|
|
|
|
|
setNeedsModule: 'system/setNeedsModule' |
|
|
|
|
|
|
|
}), |
|
|
|
getFormData(){ |
|
|
|
getFormData(){ |
|
|
|
let param= { |
|
|
|
let param= { |
|
|
|
parentId: '285,287,5,26,57,64' |
|
|
|
parentId: '285,287,5,26,57,64' |
|
|
@ -130,47 +180,50 @@ export default{ |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
submitForm(){ |
|
|
|
submitForm(){ |
|
|
|
|
|
|
|
this.$refs.form.validate(myValidate(() => { |
|
|
|
|
|
|
|
this.visible = true; |
|
|
|
|
|
|
|
}, this.$refs)); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
submitForm2() { |
|
|
|
let projectId = sessionStorage.getItem('projectId') |
|
|
|
let projectId = sessionStorage.getItem('projectId') |
|
|
|
let startTime = sessionStorage.getItem('startTime') |
|
|
|
let startTime = sessionStorage.getItem('startTime') |
|
|
|
let nomCurrentWithdrawalCard = sessionStorage.getItem('nomCurrentWithdrawalCard') |
|
|
|
let nomCurrentWithdrawalCard = sessionStorage.getItem('nomCurrentWithdrawalCard') |
|
|
|
let nomCurrentWithdrawalCards = nomCurrentWithdrawalCard // JSON.parse(nomCurrentWithdrawalCard); |
|
|
|
let nomCurrentWithdrawalCards = nomCurrentWithdrawalCard // JSON.parse(nomCurrentWithdrawalCard); |
|
|
|
let nomCurrentWithdrawalPassword = sessionStorage.getItem('nomCurrentWithdrawalPassword') |
|
|
|
let nomCurrentWithdrawalPassword = sessionStorage.getItem('nomCurrentWithdrawalPassword') |
|
|
|
let nomCurrentWithdrawalPasswords = nomCurrentWithdrawalPassword // JSON.parse(nomCurrentWithdrawalPassword); |
|
|
|
let nomCurrentWithdrawalPasswords = nomCurrentWithdrawalPassword // JSON.parse(nomCurrentWithdrawalPassword); |
|
|
|
console.log(nomCurrentWithdrawalCards) |
|
|
|
let formList = []; |
|
|
|
this.$refs.form.validate(myValidate(() => { |
|
|
|
// 验证通过逻辑写在这 |
|
|
|
this.visible = true; |
|
|
|
if (nomCurrentWithdrawalCards && nomCurrentWithdrawalCards.length > 0 && nomCurrentWithdrawalPasswords){ |
|
|
|
let formList = []; |
|
|
|
formList.push({"answerId":85,"emptyOne": "", "emptyTwo": nomCurrentWithdrawalCards, "operationIds": "285,287,5,26,57,64,85","type": ""})// 卡号 |
|
|
|
// 验证通过逻辑写在这 |
|
|
|
formList.push({"answerId":91,"emptyOne": "", "emptyTwo": nomCurrentWithdrawalPassword, "operationIds": "285,287,5,26,57,64,91","type": ""}) |
|
|
|
if (nomCurrentWithdrawalCards && nomCurrentWithdrawalCards.length > 0 && nomCurrentWithdrawalPasswords){ |
|
|
|
if (this.form.currency){formList.push({"answerId":'87', "emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "285,287,5,26,57,64,87","type": "1"})}//币种 |
|
|
|
formList.push({"answerId":85,"emptyOne": "", "emptyTwo": nomCurrentWithdrawalCards, "operationIds": "285,287,5,26,57,64,85","type": ""})// 卡号 |
|
|
|
if (this.form.money){formList.push({"answerId":'89', "emptyOne": "14", "emptyTwo": this.form.money, "operationIds": "285,287,5,26,57,64,89", "type": "3"})}//金额 |
|
|
|
formList.push({"answerId":91,"emptyOne": "", "emptyTwo": nomCurrentWithdrawalPassword, "operationIds": "285,287,5,26,57,64,91","type": ""}) |
|
|
|
if (this.form.remark){formList.push({"answerId":'93', "emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "285,287,5,26,57,64,93", "type": "3"})}//摘要 |
|
|
|
if (this.form.currency){formList.push({"answerId":'87', "emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "285,287,5,26,57,64,87","type": "1"})}//币种 |
|
|
|
formList.push( |
|
|
|
if (this.form.money){formList.push({"answerId":'89', "emptyOne": "14", "emptyTwo": this.form.money, "operationIds": "285,287,5,26,57,64,89", "type": "3"})}//金额 |
|
|
|
{"answerId":'86', "emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "285,287,5,26,57,64,86", "type": "3"},//客户姓名 |
|
|
|
if (this.form.remark){formList.push({"answerId":'93', "emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "285,287,5,26,57,64,93", "type": "3"})}//摘要 |
|
|
|
{"answerId":'88', "emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "285,287,5,26,57,64,88", "type": "1"},//钞汇标识 |
|
|
|
formList.push( |
|
|
|
{"answerId":'90', "emptyOne": "15", "emptyTwo": this.form.chargeWay, "operationIds": "285,287,5,26,57,64,90", "type": "1"},//支取方式 |
|
|
|
{"answerId":'86', "emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "285,287,5,26,57,64,86", "type": "3"},//客户姓名 |
|
|
|
{"answerId":'92', "emptyOne": "15", "emptyTwo": this.form.serviceCharge, "operationIds": "285,287,5,26,57,64,92", "type": "3"},//手续费 |
|
|
|
{"answerId":'88', "emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "285,287,5,26,57,64,88", "type": "1"},//钞汇标识 |
|
|
|
// {"answerId":91,"emptyOne": "", "emptyTwo": "", "operationIds": "285,287,5,26,57,64,91","type": ""}// 密码框 |
|
|
|
{"answerId":'90', "emptyOne": "15", "emptyTwo": this.form.chargeWay, "operationIds": "285,287,5,26,57,64,90", "type": "1"},//支取方式 |
|
|
|
) |
|
|
|
{"answerId":'92', "emptyOne": "15", "emptyTwo": this.form.serviceCharge, "operationIds": "285,287,5,26,57,64,92", "type": "3"},//手续费 |
|
|
|
let params= { |
|
|
|
// {"answerId":91,"emptyOne": "", "emptyTwo": "", "operationIds": "285,287,5,26,57,64,91","type": ""}// 密码框 |
|
|
|
parentId:'285,287,5,26,57,64', |
|
|
|
) |
|
|
|
lcJudgmentRuleReq:formList, |
|
|
|
let params= { |
|
|
|
projectId:+projectId, |
|
|
|
parentId:'285,287,5,26,57,64', |
|
|
|
startTime:startTime, |
|
|
|
lcJudgmentRuleReq:formList, |
|
|
|
|
|
|
|
projectId:+projectId, |
|
|
|
|
|
|
|
startTime:startTime, |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
addOperation(params).then((data)=>{ |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
message: '提交成功', |
|
|
|
|
|
|
|
type: 'success' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}).catch((error)=>{ |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}else{ |
|
|
|
|
|
|
|
this.$message.error('有必填项未填哦~'); |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}, this.$refs)); |
|
|
|
addOperation(params).then((data)=>{ |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
message: '提交成功', |
|
|
|
|
|
|
|
type: 'success' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
this.setDataFlow({ ...this.form }) |
|
|
|
|
|
|
|
this.setNeedsModule(moduleName) |
|
|
|
|
|
|
|
}).catch((error)=>{ |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}else{ |
|
|
|
|
|
|
|
this.$message.error('有必填项未填哦~'); |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
popUp(text) { |
|
|
|
popUp(text) { |
|
|
|
this.$store.commit('system/changePop',{show:true,text,id:'64'}) |
|
|
|
this.$store.commit('system/changePop',{show:true,text,id:'64'}) |
|
|
@ -179,6 +232,30 @@ export default{ |
|
|
|
checkName: checkName, |
|
|
|
checkName: checkName, |
|
|
|
checkHanzi: checkHanzi |
|
|
|
checkHanzi: checkHanzi |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
computed: { |
|
|
|
|
|
|
|
...mapGetters({ |
|
|
|
|
|
|
|
dataFlow: 'system/dataFlow', |
|
|
|
|
|
|
|
dataFlowCard: 'system/dataFlowCard', |
|
|
|
|
|
|
|
dataFlowPassword: 'system/dataFlowPassword', |
|
|
|
|
|
|
|
needsModule: 'system/needsModule', |
|
|
|
|
|
|
|
idCardNumber: 'system/idCardNumber', |
|
|
|
|
|
|
|
inMyWork: 'system/inMyWork' |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
watch: { |
|
|
|
|
|
|
|
dataFlowCard(newVal) { |
|
|
|
|
|
|
|
this.form.cardNumber = this.idCardNumber |
|
|
|
|
|
|
|
const { currency, userName, goldLogo, serviceCharge, chargeWay } = this.dataFlow |
|
|
|
|
|
|
|
this.form.currency = currency |
|
|
|
|
|
|
|
this.form.userName = userName |
|
|
|
|
|
|
|
this.form.goldLogo = goldLogo |
|
|
|
|
|
|
|
this.form.serviceCharge = serviceCharge |
|
|
|
|
|
|
|
this.form.chargeWay = chargeWay |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
dataFlowPassword(newVal) { |
|
|
|
|
|
|
|
this.form.drawPassword = '******' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
<style lang='scss' scoped> |
|
|
|
<style lang='scss' scoped> |
|
|
|