外汇业务

20240205
yujialong 6 months ago
parent 8b9ac8c068
commit bdc5f09888
  1. 56
      src/pages/manage/list/foreignExchange/foreignExchange.vue
  2. 188
      src/pages/manage/list/foreignExchange/puchasing.vue
  3. 134
      src/pages/manage/list/foreignExchange/settlement.vue
  4. 35
      src/pages/manage/list/onlineBank/openAccount.vue

@ -2,10 +2,7 @@
<!-- 外汇业务 --> <!-- 外汇业务 -->
<div class="wrap wrap2"> <div class="wrap wrap2">
<div class="nav"> <div class="nav">
<el-menu :default-active="activeIndex" <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
class="el-menu-demo"
mode="horizontal"
@select="handleSelect">
<el-menu-item index="1">购汇</el-menu-item> <el-menu-item index="1">购汇</el-menu-item>
<el-menu-item index="2">结汇</el-menu-item> <el-menu-item index="2">结汇</el-menu-item>
@ -14,30 +11,21 @@
<MyTitle :titleArr="['外汇业务', text]" /> <MyTitle :titleArr="['外汇业务', text]" />
<!-- 购汇 --> <!-- 购汇 -->
<puchasing v-if="activeIndex==='1'"></puchasing> <puchasing v-if="activeIndex === '1'"></puchasing>
<!-- 结汇 --> <!-- 结汇 -->
<settlement v-if="activeIndex==='2'"></settlement> <settlement v-if="activeIndex === '2'"></settlement>
<el-dialog style="margin-top:10vh" <el-dialog style="margin-top:10vh" :visible.sync="visible" :modal="false" width="40%" :close-on-click-modal="false"
:visible.sync="visible" :show-close="false" custom-class="data-dia">
:modal="false" <div slot="title" class="dia-header">
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia">
<div slot="title"
class="dia-header">
<div class="data-title">提交</div> <div class="data-title">提交</div>
</div> </div>
<div class="popBody"> <div class="popBody">
<h2>本业务需要授权</h2> <h2>本业务需要授权</h2>
</div> </div>
<div class="popBtns"> <div class="popBtns">
<el-button class="close btn" <el-button class="close btn" @click="visible = false"> </el-button>
@click="visible = false"> </el-button> <el-button class="sure btn" type="primary" @click="visible = false"> </el-button>
<el-button class="sure btn"
type="primary"
@click="visible = false"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
@ -61,16 +49,9 @@ export default {
textObj: { textObj: {
'1': '购汇', '1': '购汇',
'2': '结汇', '2': '结汇',
},
form: {
}, },
visible: false, visible: false,
options: [],
activeIndex: '1', activeIndex: '1',
second: [//
],
} }
}, },
created () { created () {
@ -100,16 +81,19 @@ export default {
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.nav { .nav {
/deep/ .el-menu.el-menu--horizontal { /deep/ .el-menu.el-menu--horizontal {
border: 0; border: 0;
} }
/deep/ .el-menu--horizontal > .el-menu-item.is-active {
/deep/ .el-menu--horizontal>.el-menu-item.is-active {
border: 2px solid #568df2; border: 2px solid #568df2;
border-radius: 10px; border-radius: 10px;
color: #000; color: #000;
} }
/deep/ .el-menu--horizontal > .el-menu-item {
/deep/ .el-menu--horizontal>.el-menu-item {
border: 2px solid transparent; border: 2px solid transparent;
border-radius: 10px; border-radius: 10px;
margin-right: 10px; margin-right: 10px;
@ -117,6 +101,7 @@ export default {
line-height: 28px; line-height: 28px;
} }
} }
.title { .title {
height: 60px; height: 60px;
display: flex; display: flex;
@ -125,8 +110,10 @@ export default {
padding-left: 0px; padding-left: 0px;
margin-top: 10px; margin-top: 10px;
} }
.body { .body {
overflow: auto; overflow: auto;
.idCard { .idCard {
border-radius: 5px; border-radius: 5px;
background: #cfddff; background: #cfddff;
@ -136,8 +123,10 @@ export default {
font-size: 18px; font-size: 18px;
color: #6191ff; color: #6191ff;
} }
.add { .add {
position: relative; position: relative;
&::after { &::after {
content: ''; content: '';
display: block; display: block;
@ -148,6 +137,7 @@ export default {
width: 88%; width: 88%;
height: 268px; height: 268px;
} }
.addBtn { .addBtn {
position: absolute; position: absolute;
left: 0; left: 0;
@ -157,6 +147,7 @@ export default {
} }
} }
} }
.submitBtn { .submitBtn {
position: relative; position: relative;
width: 300px; width: 300px;
@ -168,6 +159,7 @@ export default {
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.popBody { .popBody {
min-height: 200px; min-height: 200px;
display: flex; display: flex;
@ -175,19 +167,23 @@ export default {
justify-content: center; justify-content: center;
text-align: center; text-align: center;
} }
.popBtns { .popBtns {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.btn { .btn {
width: 180px; width: 180px;
border-radius: 10px; border-radius: 10px;
font-size: 18px; font-size: 18px;
} }
.close { .close {
background: #cfdeff; background: #cfdeff;
color: #6191ff; color: #6191ff;
} }
.sure { .sure {
background: #6191ff; background: #6191ff;
color: #fff; color: #fff;

@ -1,8 +1,7 @@
<!-- 外汇业务-购汇 --> <!-- 外汇业务-购汇 -->
<template> <template>
<div class="body"> <div class="body">
<el-row :gutter="20" <el-row :gutter="20" style="margin: 0">
style="margin: 0">
<div class="texts"> <div class="texts">
<p class="text"> <p class="text">
<span>购汇人姓名</span> <span>购汇人姓名</span>
@ -17,96 +16,56 @@
剩余 等值49,200.00美元 剩余 等值49,200.00美元
</p> </p>
</div> </div>
<el-form ref="form" <el-form ref="form" :rules="rules" :model="form" label-width="120px">
:rules="rules" <el-col :span="10" :offset="1">
:model="form" <el-form-item label="凭证号码" required>
label-width="120px"> <div v-if='!cardNumberJudge' class="idCard" @click="popUp1('刷卡器')">
<el-col :span="10"
:offset="1">
<el-form-item label="凭证号码"
required>
<div v-if='!cardNumberJudge'
class="idCard"
@click="popUp('刷卡器')">
<p>请刷卡</p> <p>请刷卡</p>
</div> </div>
<div v-else> <div v-else>
<el-input ref="cardNumber" <el-input maxlength="20" ref="voucherNumber" disabled :value="form.voucherNumber"
disabled @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
:value="form.cardNumber" <p style="color: #8f8f8f;">可用余额人民币 3,200,000.00</p>
@input="(val) => inputListen(val, form, 'cardNumber')"></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="钞汇" <el-form-item label="钞汇" prop="goldLogo">
prop="goldLogo"> <el-select v-model.trim="form.goldLogo" placeholder="请选择" ref="goldLogo">
<el-select v-model.trim="form.goldLogo" <el-option v-for="item in getSelectList.goldLogoSelectList" :label="item.options" :value="item.itemId"
placeholder="请选择"
ref="goldLogo">
<el-option v-for="item in getSelectList.goldLogoSelectList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option> :key="item.itemId"> </el-option>
<!-- <el-option label="钞户" value="钞户"> </el-option> --> <!-- <el-option label="钞户" value="钞户"> </el-option> -->
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="购汇用途" <el-form-item label="购汇用途" prop="drawWay">
prop="drawWay"> <el-select v-model.trim="form.drawWay" placeholder="请选择" ref="drawWay">
<el-select v-model.trim="form.drawWay" <el-option label="密码" :value="18"> </el-option>
placeholder="请选择"
ref="drawWay">
<el-option label="密码"
:value="18"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" <el-col :span="10" :offset="1">
:offset="1"> <el-form-item label="币种" prop="currency">
<el-form-item label="币种" <el-select v-model.trim="form.currency" placeholder="请选择" ref="currency">
prop="currency"> <el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId"
<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> :key="item.itemId"> </el-option>
<!-- <el-option value="CNY人民币">CNY人民币</el-option> --> <!-- <el-option value="CNY人民币">CNY人民币</el-option> -->
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="外汇金额" <el-form-item label="外汇金额" prop="money">
prop="money"> <el-input :value="form.money" maxlength="15" @input="val => ismoney(val, form, 'money')"></el-input>
<el-input :value="form.money"
maxlength="15"
@input="val => ismoney(val, form, 'money')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" <el-form-item label="支取密码" required>
required> <div v-if='!form.drawPassword' class="idCard" @click="popUp2('密码器')">
<div v-if='!form.drawPassword'
class="idCard"
@click="popUp2('密码器')">
<p>请输入密码</p> <p>请输入密码</p>
</div> </div>
<div v-else <div v-else @click="popUp2('密码器')">
@click="popUp2('密码器')"> <el-input :value="form.drawPassword" ref="drawPassword" type="password"></el-input>
<el-input :value="form.drawPassword"
ref="drawPassword"
type="password"></el-input>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
</el-row> </el-row>
<el-button @click="submitForm" <el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
type="primary" <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName"
class="submitBtn" @submitIt="submitForm2" :needAuth="needAuth" />
v-throttle>提交</el-button>
<my-dialog :moduleName="moduleName"
v-if="visible"
:visible.sync="visible"
:showForm="form"
:formName="formName"
@submitIt="submitForm2"
:needAuth="needAuth" />
</div> </div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> <!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> -->
@ -114,7 +73,7 @@
</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, messagePassword } from '@/utils/utilFunction.js' import { myValidate, ismoney, checkName, checkHanzi, messagePassword, messageCard, inputListen } from '@/utils/utilFunction.js'
import { addOperation, getOperation } from '@/api/http'; import { addOperation, getOperation } from '@/api/http';
import { mapMutations, mapGetters } from 'vuex' import { mapMutations, mapGetters } from 'vuex'
import TipsBefore from '@/mixins/tipsBefore' import TipsBefore from '@/mixins/tipsBefore'
@ -133,60 +92,46 @@ export default {
NeedBefore NeedBefore
}, },
created () { created () {
if (sessionStorage.getItem('nomCurrentWithdrawalPassword')) { if (sessionStorage.getItem('nomUsefulPhrasesOpenCard')) {
this.form.drawPassword = sessionStorage.getItem('nomCurrentWithdrawalPassword') this.cardNumberJudge = true
const { voucherNumber } = this.dataFlow
this.form.voucherNumber = voucherNumber
}
if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword')
} }
// if(this.isNeedBefore) {
// if(sessionStorage.getItem('nomCurrentWithdrawalCard')) {
// this.cardNumberJudge = true
// this.form.cardNumber = this.dataFlow.voucherNumber || '159753'
// }
// return
// }
if (sessionStorage.getItem('nomCurrentWithdrawalCard')) { if (sessionStorage.getItem('nomCurrentWithdrawalCard')) {
this.cardNumberJudge = true this.cardNumberJudge = true
const { currency, userName, goldLogo, serviceCharge, drawWay, voucherNumber } = this.dataFlow const { currency, goldLogo, drawWay, voucherNumber } = this.dataFlow
this.form.currency = currency this.form.currency = currency
this.form.userName = userName
this.form.goldLogo = goldLogo this.form.goldLogo = goldLogo
this.form.serviceCharge = serviceCharge
this.form.drawWay = drawWay this.form.drawWay = drawWay
this.form.cardNumber = voucherNumber
} }
this.getFormData() this.getFormData()
}, },
data () { data () {
return { return {
moduleName: 'currentAccount/withdrawal', moduleName: 'foreignExchange/puchasing',
visible: false, visible: false,
cardNumberJudge: false, cardNumberJudge: false,
form: { form: {
cardNumber: '', voucherNumber: '', //
drawPassword: '',
currency: '', currency: '',
money: '',
userName: '',
goldLogo: '', goldLogo: '',
serviceCharge: '', money: '',
drawWay: '', drawWay: '',
remark: '', drawPassword: '',
}, },
formName: { formName: {
cardNumber: '卡号', voucherNumber: '凭证号码',
drawPassword: '支取密码',
currency: '币种', currency: '币种',
money: '金额', goldLogo: '钞汇',
userName: '客户姓名', money: '外汇金额',
goldLogo: '钞汇标识', drawWay: '购汇用途',
serviceCharge: '手续费', drawPassword: '支取密码',
drawWay: '支取方式',
remark: '摘要',
}, },
rules: { rules: {
userName: vercustomer,
currency: [ currency: [
{ {
required: true, required: true,
@ -208,13 +153,6 @@ export default {
trigger: 'blur' trigger: 'blur'
} }
], ],
serviceCharge: [
{
required: true,
message: '请输入手续费',
trigger: 'blur'
}
],
money: [ money: [
{ {
required: true, required: true,
@ -247,36 +185,31 @@ export default {
for (var i = 0; i < list.length; i++) { for (var i = 0; i < list.length; i++) {
if (list[i].answerId == '85') { if (list[i].answerId == '85') {
// sessionStorage.setItem('nomCurrentWithdrawalCard', list[i].emptyTwo) // sessionStorage.setItem('nomCurrentWithdrawalCard', list[i].emptyTwo)
this.form.cardNumber = list[i].emptyTwo
this.cardNumberJudge = true this.cardNumberJudge = true
} // } //
else if (list[i].answerId == '86') { this.form.userName = list[i].emptyTwo } //
else if (list[i].answerId == '87') { this.form.currency = +list[i].emptyTwo } // else if (list[i].answerId == '87') { this.form.currency = +list[i].emptyTwo } //
else if (list[i].answerId == '88') { this.form.goldLogo = +list[i].emptyTwo } // else if (list[i].answerId == '88') { this.form.goldLogo = +list[i].emptyTwo } //
else if (list[i].answerId == '89') { this.form.money = list[i].emptyTwo } // else if (list[i].answerId == '89') { this.form.money = list[i].emptyTwo } //
else if (list[i].answerId == '90') { this.form.drawWay = +list[i].emptyTwo } // else if (list[i].answerId == '90') { this.form.drawWay = +list[i].emptyTwo } //
// if (list[i].answerId == '91') {sessionStorage.setItem('nomCurrentWithdrawalPassword', list[i].emptyTwo)} // // if (list[i].answerId == '91') {sessionStorage.setItem('nomCurrentWithdrawalPassword', list[i].emptyTwo)} //
else if (list[i].answerId == '91') { else if (list[i].answerId == '91') {
console.log(91)
if (sessionStorage.getItem('nomCurrentWithdrawalPassword')) { if (sessionStorage.getItem('nomCurrentWithdrawalPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomCurrentWithdrawalPassword') this.form.drawPassword = sessionStorage.getItem('nomCurrentWithdrawalPassword')
} else { } else {
this.form.drawPassword = list[i].emptyTwo this.form.drawPassword = list[i].emptyTwo
} }
} }
else if (list[i].answerId == '92') { this.form.serviceCharge = list[i].emptyTwo } //
else if (list[i].answerId == '93') { this.form.remark = list[i].emptyTwo } //
} }
} }
console.log('fffs')
console.log('issue')
console.log(sessionStorage.getItem('nomCurrentWithdrawalPassword'))
}).catch((error) => { }).catch((error) => {
}) })
}, },
submitForm () { submitForm () {
if (this.submited) return this.$message.error('已提交!') if (this.submited) return this.$message.error('已提交!')
if (!this.form.voucherNumber) {
messageCard('请填写凭证号码')
return
}
if (!this.form.drawPassword) { if (!this.form.drawPassword) {
messagePassword() messagePassword()
return return
@ -295,19 +228,15 @@ export default {
let formList = []; let formList = [];
// //
// if (nomCurrentWithdrawalCards && nomCurrentWithdrawalCards.length > 0 && nomCurrentWithdrawalPasswords){ // if (nomCurrentWithdrawalCards && nomCurrentWithdrawalCards.length > 0 && nomCurrentWithdrawalPasswords){
if (this.cardNumberJudge && this.form.cardNumber) { if (this.cardNumberJudge) {
// formList.push({"answerId":85,"emptyOne": "", "emptyTwo": nomCurrentWithdrawalCards, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,57,64,85","type": ""})// // formList.push({"answerId":85,"emptyOne": "", "emptyTwo": nomCurrentWithdrawalCards, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,57,64,85","type": ""})//
formList.push({ "answerId": 85, "emptyOne": "", "emptyTwo": this.form.cardNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,85", "type": "" })
// formList.push({"answerId":91,"emptyOne": "", "emptyTwo": nomCurrentWithdrawalPassword, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,57,64,91","type": ""}) // formList.push({"answerId":91,"emptyOne": "", "emptyTwo": nomCurrentWithdrawalPassword, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,57,64,91","type": ""})
formList.push({ "answerId": 91, "emptyOne": "17", "emptyTwo": this.form.drawPassword, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,91", "type": "3" }) formList.push({ "answerId": 91, "emptyOne": "17", "emptyTwo": this.form.drawPassword, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,91", "type": "3" })
if (this.form.currency) { formList.push({ "answerId": '87', "emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,87", "type": "1" }) }// if (this.form.currency) { formList.push({ "answerId": '87', "emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,87", "type": "1" }) }//
if (this.form.money) { formList.push({ "answerId": '89', "emptyOne": "14", "emptyTwo": this.form.money, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,89", "type": "3" }) }// if (this.form.money) { formList.push({ "answerId": '89', "emptyOne": "14", "emptyTwo": this.form.money, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,89", "type": "3" }) }//
if (this.form.remark) { formList.push({ "answerId": '93', "emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,93", "type": "3" }) }//
formList.push( formList.push(
{ "answerId": '86', "emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,86", "type": "3" },//
{ "answerId": '88', "emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,88", "type": "1" },// { "answerId": '88', "emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,88", "type": "1" },//
{ "answerId": '90', "emptyOne": "13", "emptyTwo": this.form.drawWay, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,90", "type": "1" },// { "answerId": '90', "emptyOne": "13", "emptyTwo": this.form.drawWay, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,90", "type": "1" },//
{ "answerId": '92', "emptyOne": "46", "emptyTwo": this.form.serviceCharge, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,92", "type": "3" },//
// {"answerId":91,"emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,57,64,91","type": ""}// // {"answerId":91,"emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,57,64,91","type": ""}//
) )
console.log(formList) console.log(formList)
@ -336,21 +265,22 @@ export default {
this.setTipsOperate('有必填项未填~'); this.setTipsOperate('有必填项未填~');
} }
}, },
popUp (text) { popUp1 (text) {
this.setTipsOperate('请刷银行卡'); this.setTipsOperate('请刷银行卡');
this.setPopId('64') this.setPopId('166')
sessionStorage.setItem('computerPath', this.$route.fullPath) sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/') this.$router.push('/counter/list/')
}, },
popUp2 (text) { popUp2 (text) {
this.setTipsOperate('请在密码器输入密码'); this.setTipsOperate('请在密码器输入密码');
this.setPopId('64,2') this.setPopId('167')
sessionStorage.setItem('computerPath', this.$route.fullPath) sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/') this.$router.push('/counter/list/')
}, },
ismoney: ismoney, ismoney,
checkName: checkName, checkName,
checkHanzi: checkHanzi checkHanzi,
inputListen,
}, },
computed: { computed: {
...mapGetters({ ...mapGetters({
@ -370,6 +300,7 @@ export default {
.wrap .body { .wrap .body {
margin-top: 0; margin-top: 0;
overflow: auto; overflow: auto;
.idCard { .idCard {
border-radius: 5px; border-radius: 5px;
background: #cfddff; background: #cfddff;
@ -380,13 +311,16 @@ export default {
color: #6191ff; color: #6191ff;
cursor: pointer; cursor: pointer;
} }
.texts { .texts {
margin: 30px 0 30px 80px; margin: 30px 0 30px 80px;
font-size: 14px; font-size: 14px;
color: #666; color: #666;
.text { .text {
line-height: 1.6; line-height: 1.6;
} }
span { span {
display: inline-block; display: inline-block;
width: 90px; width: 90px;

@ -1,8 +1,7 @@
<!-- 外汇业务-结汇 --> <!-- 外汇业务-结汇 -->
<template> <template>
<div class="body"> <div class="body">
<el-row :gutter="20" <el-row :gutter="20" style="margin: 0">
style="margin: 0">
<div class="texts"> <div class="texts">
<p class="text"> <p class="text">
<span>本年额度</span> <span>本年额度</span>
@ -13,90 +12,49 @@
剩余 等值50,000.00美元 剩余 等值50,000.00美元
</p> </p>
</div> </div>
<el-form ref="form" <el-form ref="form" :rules="rules" :model="form" label-width="120px">
:rules="rules" <el-col :span="10" :offset="1">
:model="form" <el-form-item label="凭证号码" required>
label-width="120px"> <div v-if='!cardNumberJudge' class="idCard" @click="popUp1('刷卡器')">
<el-col :span="10"
:offset="1">
<el-form-item label="凭证号码"
required>
<div v-if='!cardNumberJudge'
class="idCard"
@click="popUp('刷卡器')">
<p>请刷卡</p> <p>请刷卡</p>
</div> </div>
<div v-else> <div v-else>
<el-input ref="cardNumber" <el-input maxlength="20" ref="voucherNumber" disabled :value="form.voucherNumber"
disabled @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
:value="form.cardNumber" <p style="color: #8f8f8f;">可用余额人民币 3,200,000.00</p>
@input="(val) => inputListen(val, form, 'cardNumber')"></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="外币金额" <el-form-item label="外币金额" prop="money">
prop="goldLogo"> <el-input :value="form.money" maxlength="15" @input="val => ismoney(val, form, 'money')"></el-input>
<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-option label="钞户" value="钞户"> </el-option> -->
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" <el-form-item label="支取密码" required>
required> <div v-if='!form.drawPassword' class="idCard" @click="popUp2('密码器')">
<div v-if='!form.drawPassword'
class="idCard"
@click="popUp2('密码器')">
<p>请输入密码</p> <p>请输入密码</p>
</div> </div>
<div v-else <div v-else @click="popUp2('密码器')">
@click="popUp2('密码器')"> <el-input :value="form.drawPassword" ref="drawPassword" type="password"></el-input>
<el-input :value="form.drawPassword"
ref="drawPassword"
type="password"></el-input>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" <el-col :span="10" :offset="1">
:offset="1"> <el-form-item label="币种" prop="currency">
<el-form-item label="币种" <el-select v-model.trim="form.currency" placeholder="请选择" ref="currency">
prop="currency"> <el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId"
<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> :key="item.itemId"> </el-option>
<!-- <el-option value="CNY人民币">CNY人民币</el-option> --> <!-- <el-option value="CNY人民币">CNY人民币</el-option> -->
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="资金来源" <el-form-item label="资金来源" prop="drawWay">
prop="drawWay"> <el-select v-model.trim="form.drawWay" placeholder="请选择" ref="drawWay">
<el-select v-model.trim="form.drawWay" <el-option label="密码" :value="18"> </el-option>
placeholder="请选择"
ref="drawWay">
<el-option label="密码"
:value="18"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
</el-row> </el-row>
<el-button @click="submitForm" <el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
type="primary" <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName"
class="submitBtn" @submitIt="submitForm2" :needAuth="needAuth" />
v-throttle>提交</el-button>
<my-dialog :moduleName="moduleName"
v-if="visible"
:visible.sync="visible"
:showForm="form"
:formName="formName"
@submitIt="submitForm2"
:needAuth="needAuth" />
</div> </div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> <!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> -->
@ -104,7 +62,7 @@
</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, messagePassword } from '@/utils/utilFunction.js' import { myValidate, ismoney, checkName, checkHanzi, messagePassword, messageCard } from '@/utils/utilFunction.js'
import { addOperation, getOperation } from '@/api/http'; import { addOperation, getOperation } from '@/api/http';
import { mapMutations, mapGetters } from 'vuex' import { mapMutations, mapGetters } from 'vuex'
import TipsBefore from '@/mixins/tipsBefore' import TipsBefore from '@/mixins/tipsBefore'
@ -126,13 +84,6 @@ export default {
if (sessionStorage.getItem('nomCurrentWithdrawalPassword')) { if (sessionStorage.getItem('nomCurrentWithdrawalPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomCurrentWithdrawalPassword') this.form.drawPassword = sessionStorage.getItem('nomCurrentWithdrawalPassword')
} }
// if(this.isNeedBefore) {
// if(sessionStorage.getItem('nomCurrentWithdrawalCard')) {
// this.cardNumberJudge = true
// this.form.cardNumber = this.dataFlow.voucherNumber || '159753'
// }
// return
// }
if (sessionStorage.getItem('nomCurrentWithdrawalCard')) { if (sessionStorage.getItem('nomCurrentWithdrawalCard')) {
this.cardNumberJudge = true this.cardNumberJudge = true
const { currency, userName, goldLogo, serviceCharge, drawWay, voucherNumber } = this.dataFlow const { currency, userName, goldLogo, serviceCharge, drawWay, voucherNumber } = this.dataFlow
@ -154,26 +105,18 @@ export default {
visible: false, visible: false,
cardNumberJudge: false, cardNumberJudge: false,
form: { form: {
cardNumber: '', voucherNumber: '', //
drawPassword: '',
currency: '', currency: '',
money: '', money: '',
userName: '',
goldLogo: '',
serviceCharge: '',
drawWay: '', drawWay: '',
remark: '', drawPassword: '',
}, },
formName: { formName: {
cardNumber: '卡号', voucherNumber: '凭证号码',
drawPassword: '支取密码',
currency: '币种', currency: '币种',
money: '金额', money: '外币金额',
userName: '客户姓名', drawWay: '资金来源',
goldLogo: '钞汇标识', drawPassword: '支取密码',
serviceCharge: '手续费',
drawWay: '支取方式',
remark: '摘要',
}, },
rules: { rules: {
userName: vercustomer, userName: vercustomer,
@ -184,13 +127,6 @@ export default {
trigger: 'blur' trigger: 'blur'
} }
], ],
goldLogo: [
{
required: true,
message: '请选择钞汇标识',
trigger: 'blur'
}
],
drawWay: [ drawWay: [
{ {
required: true, required: true,
@ -267,6 +203,10 @@ export default {
}, },
submitForm () { submitForm () {
if (this.submited) return this.$message.error('已提交!') if (this.submited) return this.$message.error('已提交!')
if (!this.form.voucherNumber) {
messageCard('请填写凭证号码')
return
}
if (!this.form.drawPassword) { if (!this.form.drawPassword) {
messagePassword() messagePassword()
return return
@ -360,6 +300,7 @@ export default {
.wrap .body { .wrap .body {
margin-top: 0; margin-top: 0;
overflow: auto; overflow: auto;
.idCard { .idCard {
border-radius: 5px; border-radius: 5px;
background: #cfddff; background: #cfddff;
@ -370,13 +311,16 @@ export default {
color: #6191ff; color: #6191ff;
cursor: pointer; cursor: pointer;
} }
.texts { .texts {
margin: 30px 0 30px 80px; margin: 30px 0 30px 80px;
font-size: 14px; font-size: 14px;
color: #666; color: #666;
.text { .text {
line-height: 1.6; line-height: 1.6;
} }
span { span {
display: inline-block; display: inline-block;
width: 90px; width: 90px;

@ -94,7 +94,7 @@ import { mapState, mapMutations, mapGetters } from 'vuex'
import { vername, vermob } from '@/utils/verify.js' import { vername, vermob } from '@/utils/verify.js'
import { addOperation, getOperation } from '@/api/http'; import { addOperation, getOperation } from '@/api/http';
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { phoneListen, mailBoxListen, checkHanzi, randomPeopleNumber, myValidate, checkName, messageIdCard, messageCard, messagePassword } from '@/utils/utilFunction.js' import { phoneListen, mailBoxListen, checkHanzi, inputListen, myValidate, checkName, messageIdCard, messageCard, messagePassword } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle' import MyTitle from '@/components/myTitle'
import TipsBefore from '@/mixins/tipsBefore' import TipsBefore from '@/mixins/tipsBefore'
@ -241,29 +241,8 @@ export default {
this.form.idNumber = list[i].emptyTwo this.form.idNumber = list[i].emptyTwo
} }
} }
} }
// const tt1 = JSON.parse(sessionStorage.getItem('tt1')) }).catch((error) => { })
// console.log('1-tt1')
// console.log(tt1)
// if(tt1) {
// for(const key in tt1) {
// this.form[tt1] = tt1[key]
// }
// }
}).catch((error) => {
// const tt1 = JSON.parse(sessionStorage.getItem('tt1'))
// console.log('2-tt1')
// console.log(tt1)
// if(tt1) {
// for(const key in tt1) {
// this.form[key] = tt1[key]
// }
// }
// if(sessionStorage.getItem('tt1')) {
// this.form = {...sessionStorage.getItem('tt1')}
// }
})
}, },
...mapMutations({ ...mapMutations({
@ -274,10 +253,6 @@ export default {
setTipsOperate: 'system/setTipsOperate' setTipsOperate: 'system/setTipsOperate'
}), }),
popUp () {// popUp () {//
// this.$store.commit('system/changePop',{show:true,text:'',id:'33'})
// this.changeShowGoods(true)
// this.$store.commit('system/changePop',{show: false, text: '', id:'33'})
this.setTipsOperate('请刷身份证'); this.setTipsOperate('请刷身份证');
this.setPopId('33') this.setPopId('33')
sessionStorage.setItem('computerPath', this.$route.fullPath) sessionStorage.setItem('computerPath', this.$route.fullPath)
@ -329,7 +304,6 @@ export default {
let projectId = sessionStorage.getItem('projectId') let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime') let startTime = sessionStorage.getItem('startTime')
let formList = []; let formList = [];
formList.push({ "answerId": '41', "emptyOne": "", "emptyTwo": this.form.idNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,41,13", "type": "" }) formList.push({ "answerId": '41', "emptyOne": "", "emptyTwo": this.form.idNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,41,13", "type": "" })
@ -343,10 +317,6 @@ export default {
startTime: startTime, startTime: startTime,
} }
addOperation(params).then((data) => { addOperation(params).then((data) => {
// this.$message({
// message: '',
// type: 'success'
// });
this.setNeedsModule(moduleName) this.setNeedsModule(moduleName)
this.setDataFlow({ ...this.form }) this.setDataFlow({ ...this.form })
this.submited = 1 this.submited = 1
@ -374,6 +344,7 @@ export default {
phoneListen, phoneListen,
mailBoxListen, mailBoxListen,
checkName, checkName,
inputListen,
}, },
computed: { computed: {
...mapGetters({ ...mapGetters({

Loading…
Cancel
Save