|
|
|
|
@ -1,6 +1,6 @@ |
|
|
|
|
/* 个人业务>活期业务>结清 */ |
|
|
|
|
<template> |
|
|
|
|
<div class="body" > |
|
|
|
|
<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"> |
|
|
|
|
@ -9,12 +9,14 @@ |
|
|
|
|
<p>请刷卡</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else> |
|
|
|
|
<el-input ref="cardNumber" disabled v-model.trim="form.cardNumber" @input="(val) => inputListen(val, form, 'cardNumber')"></el-input> |
|
|
|
|
<el-input ref="cardNumber" disabled v-model.trim="form.cardNumber" |
|
|
|
|
@input="(val) => inputListen(val, form, 'cardNumber')"></el-input> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="币种" prop="currency"> |
|
|
|
|
<el-select v-model.trim="form.currency" placeholder="请选择" ref="currency"> |
|
|
|
|
<el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> |
|
|
|
|
<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="余额"> |
|
|
|
|
@ -34,11 +36,13 @@ |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="客户姓名" prop="userName" :rules="rules.userName"> |
|
|
|
|
<el-input :value="form.userName" disabled maxlength="20" @input="(val) => checkName(val, form, 'userName')" ref="userName"></el-input> |
|
|
|
|
<el-input :value="form.userName" disabled maxlength="20" @input="(val) => checkName(val, form, 'userName')" |
|
|
|
|
ref="userName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="钞汇标识"> |
|
|
|
|
<el-select v-model.trim="form.goldLogo" placeholder="请选择"> |
|
|
|
|
<el-option v-for="item in getSelectList.goldLogoSelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> |
|
|
|
|
<el-option v-for="item in getSelectList.goldLogoSelectList" :label="item.options" :value="item.itemId" |
|
|
|
|
:key="item.itemId"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="利息"> |
|
|
|
|
@ -52,13 +56,15 @@ |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="21" :offset="1"> |
|
|
|
|
<el-form-item label="摘要"> |
|
|
|
|
<el-input type="textarea" maxlength="60" :rows="3" placeholder="请输入内容" v-model.trim="form.remark"></el-input> |
|
|
|
|
<el-input type="textarea" maxlength="60" :rows="3" placeholder="请输入内容" |
|
|
|
|
v-model.trim="form.remark"></el-input> |
|
|
|
|
</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" :needAuth="needAuth" @submitIt="submitForm2" /> |
|
|
|
|
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" |
|
|
|
|
:needAuth="needAuth" @submitIt="submitForm2" /> |
|
|
|
|
</div> |
|
|
|
|
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> |
|
|
|
|
</template> |
|
|
|
|
@ -71,45 +77,45 @@ import NeedBefore from '@/components/needBefore' |
|
|
|
|
import MyDialog from '@/components/dialog' |
|
|
|
|
import TipsBefore from '@/mixins/tipsBefore' |
|
|
|
|
const moduleName = 'currentAccount/settle' |
|
|
|
|
export default{ |
|
|
|
|
name:'', |
|
|
|
|
props:{}, |
|
|
|
|
mixins: [ TipsBefore ], |
|
|
|
|
export default { |
|
|
|
|
name: '', |
|
|
|
|
props: {}, |
|
|
|
|
mixins: [TipsBefore], |
|
|
|
|
components: { |
|
|
|
|
NeedBefore, |
|
|
|
|
MyDialog |
|
|
|
|
}, |
|
|
|
|
data(){ |
|
|
|
|
return{ |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
moduleName: 'currentAccount/settle', |
|
|
|
|
visible: false, |
|
|
|
|
cardNumberJudge: false, |
|
|
|
|
form:{ |
|
|
|
|
form: { |
|
|
|
|
cardNumber: '', |
|
|
|
|
drawPassword: '', |
|
|
|
|
currency:'', |
|
|
|
|
balance:'', |
|
|
|
|
totalMoney:'', |
|
|
|
|
userName:'', |
|
|
|
|
goldLogo:'', |
|
|
|
|
interest:'', |
|
|
|
|
drawWay:'', |
|
|
|
|
remark:'', |
|
|
|
|
currency: '', |
|
|
|
|
balance: '', |
|
|
|
|
totalMoney: '', |
|
|
|
|
userName: '', |
|
|
|
|
goldLogo: '', |
|
|
|
|
interest: '', |
|
|
|
|
drawWay: '', |
|
|
|
|
remark: '', |
|
|
|
|
}, |
|
|
|
|
formName:{ |
|
|
|
|
formName: { |
|
|
|
|
cardNumber: '卡号', |
|
|
|
|
drawPassword: '支取密码', |
|
|
|
|
currency:'币种', |
|
|
|
|
balance:'余额', |
|
|
|
|
totalMoney:'总金额', |
|
|
|
|
userName:'客户姓名', // |
|
|
|
|
goldLogo:'钞汇标识', |
|
|
|
|
interest:'利息', |
|
|
|
|
drawWay:'支取方式', |
|
|
|
|
remark:'摘要', |
|
|
|
|
currency: '币种', |
|
|
|
|
balance: '余额', |
|
|
|
|
totalMoney: '总金额', |
|
|
|
|
userName: '客户姓名', // |
|
|
|
|
goldLogo: '钞汇标识', |
|
|
|
|
interest: '利息', |
|
|
|
|
drawWay: '支取方式', |
|
|
|
|
remark: '摘要', |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
userName: vercustomer , |
|
|
|
|
userName: vercustomer, |
|
|
|
|
drawWay: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
@ -176,8 +182,8 @@ export default{ |
|
|
|
|
submited: 0 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
if(sessionStorage.getItem('nomCurrentSettlePassword')) { |
|
|
|
|
created () { |
|
|
|
|
if (sessionStorage.getItem('nomCurrentSettlePassword')) { |
|
|
|
|
this.form.drawPassword = sessionStorage.getItem('nomCurrentSettlePassword') |
|
|
|
|
} |
|
|
|
|
// if(this.isNeedBefore) { |
|
|
|
|
@ -188,7 +194,7 @@ export default{ |
|
|
|
|
// } |
|
|
|
|
// return |
|
|
|
|
// } |
|
|
|
|
if(sessionStorage.getItem('nomCurrentSettleCard')) { |
|
|
|
|
if (sessionStorage.getItem('nomCurrentSettleCard')) { |
|
|
|
|
this.cardNumberJudge = true |
|
|
|
|
const { currency, userName, goldLogo, interest, voucherNumber, balance, totalMoney } = this.dataFlow |
|
|
|
|
this.form.cardNumber = voucherNumber |
|
|
|
|
@ -207,14 +213,14 @@ export default{ |
|
|
|
|
// 111: 'nomCurrentSettlePassword' |
|
|
|
|
} |
|
|
|
|
const callback = () => { |
|
|
|
|
if(this.form.cardNumber) { |
|
|
|
|
if (this.form.cardNumber) { |
|
|
|
|
this.cardNumberJudge = true |
|
|
|
|
this.setDataFlow({ voucherNumber: this.form.cardNumber }) |
|
|
|
|
} |
|
|
|
|
if(this.form.userName) { |
|
|
|
|
if (this.form.userName) { |
|
|
|
|
this.setDataFlow({ userName: this.form.userName }) |
|
|
|
|
} |
|
|
|
|
if(sessionStorage.getItem('nomCurrentSettlePassword')) { |
|
|
|
|
if (sessionStorage.getItem('nomCurrentSettlePassword')) { |
|
|
|
|
this.form.drawPassword = sessionStorage.getItem('nomCurrentSettlePassword') |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -222,7 +228,7 @@ export default{ |
|
|
|
|
} |
|
|
|
|
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cardArr, callback) |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
mounted () { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
@ -234,15 +240,15 @@ export default{ |
|
|
|
|
setPopId: 'system/setPopId', |
|
|
|
|
setTipsOperate: 'system/setTipsOperate' |
|
|
|
|
}), |
|
|
|
|
//提交表单 |
|
|
|
|
submitForm(){ |
|
|
|
|
//提交表单 |
|
|
|
|
submitForm () { |
|
|
|
|
if (this.submited) return this.$message.error('已提交！') |
|
|
|
|
if(!this.form.cardNumber) { |
|
|
|
|
if (!this.form.cardNumber) { |
|
|
|
|
messageCard() |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if(!this.form.drawPassword) { |
|
|
|
|
if (!this.form.drawPassword) { |
|
|
|
|
messagePassword() |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
@ -252,11 +258,7 @@ export default{ |
|
|
|
|
this.visible = true |
|
|
|
|
}, this.$refs)); |
|
|
|
|
}, |
|
|
|
|
submitForm2() { |
|
|
|
|
let nomCurrentSettleCard = sessionStorage.getItem('nomCurrentSettleCard') |
|
|
|
|
let nomCurrentSettleCards = JSON.parse(nomCurrentSettleCard); |
|
|
|
|
let nomCurrentSettlePassword = sessionStorage.getItem('nomCurrentSettlePassword') |
|
|
|
|
let nomCurrentSettlePasswords = JSON.parse(nomCurrentSettlePassword); |
|
|
|
|
submitForm2 () { |
|
|
|
|
const cards = [ |
|
|
|
|
// { |
|
|
|
|
// 103: nomCurrentSettleCard |
|
|
|
|
@ -271,7 +273,7 @@ export default{ |
|
|
|
|
this.setDataFlow({ isSettle: true }) |
|
|
|
|
this.submited = 1 |
|
|
|
|
}, |
|
|
|
|
popUp(text) { |
|
|
|
|
popUp (text) { |
|
|
|
|
// this.$store.commit('system/changePop',{show:true,text, id: 66}) |
|
|
|
|
|
|
|
|
|
this.setTipsOperate('请刷银行卡'); |
|
|
|
|
@ -279,7 +281,7 @@ export default{ |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
}, |
|
|
|
|
popUp2(text) { |
|
|
|
|
popUp2 (text) { |
|
|
|
|
this.setTipsOperate('请在密码器输入密码'); |
|
|
|
|
this.setPopId('66,2') |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
@ -298,19 +300,19 @@ export default{ |
|
|
|
|
inMyWork: 'system/inMyWork', |
|
|
|
|
getSelectList: 'system/getSelectList' |
|
|
|
|
}), |
|
|
|
|
needAuth() { |
|
|
|
|
needAuth () { |
|
|
|
|
return this.form.balance >= 50000 || this.totalMoney >= 50000 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
watch: { |
|
|
|
|
'form.balance': { |
|
|
|
|
handler(val) { |
|
|
|
|
handler (val) { |
|
|
|
|
this.form.totalMoney = (Number(this.form.interest) + Number(val)).toFixed(2) |
|
|
|
|
}, |
|
|
|
|
immediate: true |
|
|
|
|
}, |
|
|
|
|
'form.interest': { |
|
|
|
|
handler(val) { |
|
|
|
|
handler (val) { |
|
|
|
|
this.form.totalMoney = (Number(this.form.balance) + Number(val)).toFixed(2) |
|
|
|
|
}, |
|
|
|
|
immediate: true |
|
|
|
|
@ -343,5 +345,4 @@ export default{ |
|
|
|
|
// // left: 50%; |
|
|
|
|
// // transform: translate(-50%,-20%); |
|
|
|
|
// // } |
|
|
|
|
// } |
|
|
|
|
</style> |
|
|
|
|
// }</style> |
