|
|
|
|
@ -1,13 +1,16 @@ |
|
|
|
|
/* 个人业务>活期业务>转账 */ |
|
|
|
|
<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="转出卡号" required> |
|
|
|
|
<div class="idCard" @click="popUp('刷卡器')"> |
|
|
|
|
<div v-if='!form.cardNumber' class="idCard" @click="popUp('刷卡器')"> |
|
|
|
|
<p>请刷卡</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else> |
|
|
|
|
<el-input :value="form.cardNumber" disabled ref="cardNumber"></el-input> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="币种" prop="currency"> |
|
|
|
|
<el-select v-model="form.currency" placeholder="请选择" ref="currency"> |
|
|
|
|
@ -31,9 +34,12 @@ |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="支取密码" required> |
|
|
|
|
<div class="idCard" @click="popUp2('密码器')"> |
|
|
|
|
<div v-if='!form.drawPassword' class="idCard" @click="popUp('密码器')"> |
|
|
|
|
<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="payeeName" > |
|
|
|
|
<el-input :value="form.payeeName" @input="(val) => checkName(val, form, 'payeeName')" ref="payeeName"></el-input> |
|
|
|
|
@ -47,17 +53,33 @@ |
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
<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> |
|
|
|
|
<need-before v-else :moduleName='needBefore'> |
|
|
|
|
</need-before> |
|
|
|
|
</template> |
|
|
|
|
<script> |
|
|
|
|
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
|
|
|
|
import { myValidate, checkHanzi, ismoney, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js' |
|
|
|
|
import { mapMutations, mapGetters } from 'vuex' |
|
|
|
|
|
|
|
|
|
const moduleName = 'currentAccount/transferAccounts' |
|
|
|
|
import MyDialog from '@/components/dialog' |
|
|
|
|
import NeedBefore from '@/components/needBefore' |
|
|
|
|
export default{ |
|
|
|
|
name:'', |
|
|
|
|
props:{}, |
|
|
|
|
components: { |
|
|
|
|
MyDialog, |
|
|
|
|
NeedBefore |
|
|
|
|
}, |
|
|
|
|
data(){ |
|
|
|
|
return{ |
|
|
|
|
visible: false, |
|
|
|
|
needBefore: '', |
|
|
|
|
form:{ |
|
|
|
|
cardNumber: '', |
|
|
|
|
drawPassword: '', |
|
|
|
|
currency:'', |
|
|
|
|
money:'', |
|
|
|
|
shroffAccount:'', |
|
|
|
|
@ -66,6 +88,15 @@ export default{ |
|
|
|
|
payeeName:'', |
|
|
|
|
remark:'', |
|
|
|
|
}, |
|
|
|
|
formName: { |
|
|
|
|
currency:'币种', |
|
|
|
|
money:'金额', |
|
|
|
|
shroffAccount:'收款卡号', |
|
|
|
|
userName:'客户姓名', |
|
|
|
|
goldLogo:'钞汇标识', |
|
|
|
|
payeeName:'收款人名称', |
|
|
|
|
remark:'摘要', |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
userName: vercustomer , |
|
|
|
|
payeeName: [ |
|
|
|
|
@ -136,6 +167,14 @@ export default{ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
if(this.inMyWork(moduleName)) { |
|
|
|
|
if(this.needsModule(moduleName) === '') { |
|
|
|
|
}else { |
|
|
|
|
this.needBefore = this.needsModule(moduleName) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
this.$refs.money.focus() |
|
|
|
|
const parentId = '285,287,5,26,57,65' |
|
|
|
|
@ -146,14 +185,25 @@ export default{ |
|
|
|
|
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cardArr) |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
...mapMutations({ |
|
|
|
|
changeShowGoods: 'system/changeShowGoods', |
|
|
|
|
setDataFlow: 'system/setDataFlow', |
|
|
|
|
setNeedsModule: 'system/setNeedsModule' |
|
|
|
|
}), |
|
|
|
|
//提交表单 |
|
|
|
|
submitForm(){ |
|
|
|
|
|
|
|
|
|
this.$refs.form.validate(myValidate(() => { |
|
|
|
|
|
|
|
|
|
// 验证通过逻辑写在这 |
|
|
|
|
this.visible = true |
|
|
|
|
}, this.$refs)); |
|
|
|
|
}, |
|
|
|
|
submitForm2() { |
|
|
|
|
let nomCurrentTransferCard = sessionStorage.getItem('nomCurrentTransferCard') |
|
|
|
|
let nomCurrentTransferCards = JSON.parse(nomCurrentTransferCard); |
|
|
|
|
let nomCurrentTransferPassword = sessionStorage.getItem('nomCurrentTransferPassword') |
|
|
|
|
let nomCurrentTransferPasswords = JSON.parse(nomCurrentTransferPassword); |
|
|
|
|
this.$refs.form.validate(myValidate(() => { |
|
|
|
|
// 验证通过逻辑写在这 |
|
|
|
|
const cards = [ |
|
|
|
|
{ |
|
|
|
|
94: nomCurrentTransferCard |
|
|
|
|
@ -165,7 +215,8 @@ export default{ |
|
|
|
|
] |
|
|
|
|
const parentId = '285,287,5,26,57,65' |
|
|
|
|
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
|
}, this.$refs)); |
|
|
|
|
this.setDataFlow({ ...this.form }) |
|
|
|
|
this.setNeedsModule(moduleName) |
|
|
|
|
}, |
|
|
|
|
popUp(text) { |
|
|
|
|
this.$store.commit('system/changePop',{show:true,text, id: 65}) |
|
|
|
|
@ -177,6 +228,30 @@ export default{ |
|
|
|
|
checkHanzi: checkHanzi, |
|
|
|
|
checkName: checkName |
|
|
|
|
}, |
|
|
|
|
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> |
|
|
|
|
<style lang='scss' scoped> |
|
|
|
|
|
luoJunYong.123
3 years ago