huoran
/
FE_bankTeaching
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

外汇业务

Browse Source
20240205
yujialong 6 months ago
parent 8b9ac8c068
commit bdc5f09888
4 changed files with 268 additions and 423 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 236
      src/pages/manage/list/foreignExchange/foreignExchange.vue
  2. 238
      src/pages/manage/list/foreignExchange/puchasing.vue
  3. 182
      src/pages/manage/list/foreignExchange/settlement.vue
  4. 35
      src/pages/manage/list/onlineBank/openAccount.vue

236
src/pages/manage/list/foreignExchange/foreignExchange.vue
Unescape View File

@ -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 () {
@ -95,103 +76,118 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.wrap { .wrap {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.nav {
/deep/ .el-menu.el-menu--horizontal { .nav {
border: 0; /deep/ .el-menu.el-menu--horizontal {
} border: 0;
/deep/ .el-menu--horizontal > .el-menu-item.is-active {
border: 2px solid #568df2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item {
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
} }
.title {
height: 60px; /deep/ .el-menu--horizontal>.el-menu-item.is-active {
display: flex; border: 2px solid #568df2;
align-items: center; border-radius: 10px;
font-size: 20px; color: #000;
padding-left: 0px;
margin-top: 10px;
} }
.body {
overflow: auto; /deep/ .el-menu--horizontal>.el-menu-item {
.idCard { border: 2px solid transparent;
border-radius: 5px; border-radius: 10px;
background: #cfddff; margin-right: 10px;
text-align: center; height: 30px;
height: 40px; line-height: 28px;
line-height: 40px;
font-size: 18px;
color: #6191ff;
}
.add {
position: relative;
&::after {
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #cfddff;
width: 88%;
height: 268px;
}
.addBtn {
position: absolute;
left: 0;
top: 50%;
transform: translate(50%, -50%);
font-size: 22px;
}
}
} }
.submitBtn { }
position: relative;
width: 300px; .title {
font-size: 18px; height: 60px;
height: 45px; display: flex;
margin-top: 50px; align-items: center;
border-radius: 10px; font-size: 20px;
bottom: 10px; padding-left: 0px;
left: 50%; margin-top: 10px;
transform: translate(-50%, -50%); }
.body {
overflow: auto;
.idCard {
border-radius: 5px;
background: #cfddff;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #6191ff;
} }
.popBody {
min-height: 200px; .add {
display: flex; position: relative;
align-items: center;
justify-content: center; &::after {
text-align: center; content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #cfddff;
width: 88%;
height: 268px;
}
.addBtn {
position: absolute;
left: 0;
top: 50%;
transform: translate(50%, -50%);
font-size: 22px;
}
} }
.popBtns { }
display: flex;
justify-content: space-between; .submitBtn {
align-items: center; position: relative;
.btn { width: 300px;
width: 180px; font-size: 18px;
border-radius: 10px; height: 45px;
font-size: 18px; margin-top: 50px;
} border-radius: 10px;
.close { bottom: 10px;
background: #cfdeff; left: 50%;
color: #6191ff; transform: translate(-50%, -50%);
} }
.sure {
background: #6191ff; .popBody {
color: #fff; min-height: 200px;
} display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns {
display: flex;
justify-content: space-between;
align-items: center;
.btn {
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close {
background: #cfdeff;
color: #6191ff;
} }
.sure {
background: #6191ff;
color: #fff;
}
}
} }
</style> </style>

238
src/pages/manage/list/foreignExchange/puchasing.vue
Unescape View File

@ -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="请选择" :key="item.itemId"> </el-option>
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-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" :key="item.itemId"> </el-option>
placeholder="请选择"
ref="currency">
<el-option v-for="item in getSelectList.currencySelectList"
:label="item.options"
:value="item.itemId"
: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({
@ -368,30 +298,34 @@ export default {
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
.wrap .body { .wrap .body {
margin-top: 0; margin-top: 0;
overflow: auto; overflow: auto;
.idCard {
border-radius: 5px; .idCard {
background: #cfddff; border-radius: 5px;
text-align: center; background: #cfddff;
height: 40px; text-align: center;
line-height: 40px; height: 40px;
font-size: 18px; line-height: 40px;
color: #6191ff; font-size: 18px;
cursor: pointer; color: #6191ff;
cursor: pointer;
}
.texts {
margin: 30px 0 30px 80px;
font-size: 14px;
color: #666;
.text {
line-height: 1.6;
} }
.texts {
margin: 30px 0 30px 80px; span {
font-size: 14px; display: inline-block;
color: #666; width: 90px;
.text { text-align: right;
line-height: 1.6;
}
span {
display: inline-block;
width: 90px;
text-align: right;
}
} }
}
} }
</style> </style>

182
src/pages/manage/list/foreignExchange/settlement.vue
Unescape View File

@ -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" :key="item.itemId"> </el-option>
placeholder="请选择"
ref="currency">
<el-option v-for="item in getSelectList.currencySelectList"
:label="item.options"
:value="item.itemId"
: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
@ -358,30 +298,34 @@ export default {
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
.wrap .body { .wrap .body {
margin-top: 0; margin-top: 0;
overflow: auto; overflow: auto;
.idCard {
border-radius: 5px; .idCard {
background: #cfddff; border-radius: 5px;
text-align: center; background: #cfddff;
height: 40px; text-align: center;
line-height: 40px; height: 40px;
font-size: 18px; line-height: 40px;
color: #6191ff; font-size: 18px;
cursor: pointer; color: #6191ff;
cursor: pointer;
}
.texts {
margin: 30px 0 30px 80px;
font-size: 14px;
color: #666;
.text {
line-height: 1.6;
} }
.texts {
margin: 30px 0 30px 80px; span {
font-size: 14px; display: inline-block;
color: #666; width: 90px;
.text { text-align: right;
line-height: 1.6;
}
span {
display: inline-block;
width: 90px;
text-align: right;
}
} }
}
} }
</style> </style>

35
src/pages/manage/list/onlineBank/openAccount.vue
Unescape View File

@ -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({

Write Preview
Loading…
Cancel
Save