|
|
|
|
@ -1,6 +1,6 @@ |
|
|
|
|
/* 个人业务>活期业务>开户 */ |
|
|
|
|
<template> |
|
|
|
|
<div> |
|
|
|
|
<div v-if="!needBefore"> |
|
|
|
|
<div class="body"> |
|
|
|
|
<div> |
|
|
|
|
<el-row :gutter="20" style="margin: 0"> |
|
|
|
|
@ -19,10 +19,15 @@ |
|
|
|
|
<el-form-item label="客户姓名" prop="userName"> |
|
|
|
|
<el-input :value="form.userName" @input="(val) => checkName(val, form, 'userName')" ref="userName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="钞汇标识" prop="goldLogo" disabled> |
|
|
|
|
<!-- <el-form-item label="钞汇标识" prop="goldLogo" disabled> |
|
|
|
|
<el-select v-model="form.goldLogo" @focus="getSubjectInfoData('9')" placeholder="请选择" ref="goldLogo"> |
|
|
|
|
<el-option v-for="item in goldLogoSelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> --> |
|
|
|
|
<el-form-item label="钞汇标识" prop="goldLogo" disabled> |
|
|
|
|
<el-select v-model="form.goldLogo" placeholder="请选择" ref="goldLogo"> |
|
|
|
|
<el-option label="钞户" value="钞户"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-form> |
|
|
|
|
@ -54,14 +59,20 @@ |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<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="支取密码" required> |
|
|
|
|
<div class="idCard" @click="popUps('密码器')"> |
|
|
|
|
<div v-if='!form.drawPassword' class="idCard" @click="popUps('密码器')"> |
|
|
|
|
<p>请输入密码</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else> |
|
|
|
|
<el-input :value="form.drawPassword" disabled ref="drawPassword" type="password"></el-input> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-form> |
|
|
|
|
@ -155,8 +166,8 @@ |
|
|
|
|
|
|
|
|
|
<el-button @click="formSubmit" type="primary" class="submitBtn">提交</el-button> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<el-dialog |
|
|
|
|
<my-dialog v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="popSure" /> |
|
|
|
|
<!-- <el-dialog |
|
|
|
|
style="margin-top:10vh" |
|
|
|
|
:visible.sync="visible" |
|
|
|
|
:modal="false" |
|
|
|
|
@ -175,39 +186,66 @@ |
|
|
|
|
<el-button class="close btn" @click="visible = false">取 消</el-button> |
|
|
|
|
<el-button class="sure btn" type="primary" @click="popSure">确 定</el-button> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
</el-dialog> --> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<need-before v-else :moduleName='needBefore'> |
|
|
|
|
<h4>请先完成上一个步骤</h4> |
|
|
|
|
<!-- <el-empty description="请先完成上一个步骤"></el-empty> --> |
|
|
|
|
</need-before> |
|
|
|
|
</template> |
|
|
|
|
<script> // 模块标识：currentAccount/openAccount |
|
|
|
|
import {getSubjectInfo,addOperation,getOperation} from "@/api/http.js"; |
|
|
|
|
import { mapMutations, mapGetters, mapState } from 'vuex' |
|
|
|
|
import { vercustomer } from '@/utils/verify.js' |
|
|
|
|
import { myValidate, checkName, checkHanzi } from '@/utils/utilFunction.js' |
|
|
|
|
import NeedBefore from '@/components/needBefore' |
|
|
|
|
import MyDialog from '@/components/dialog' |
|
|
|
|
const moduleName = 'currentAccount/openAccount' |
|
|
|
|
export default { |
|
|
|
|
data(){ |
|
|
|
|
return{ |
|
|
|
|
...mapState({ |
|
|
|
|
businessKey: state => state.system.businessKey |
|
|
|
|
}), |
|
|
|
|
needBefore: '', |
|
|
|
|
form:{ |
|
|
|
|
cardNumber: '', // 卡号 |
|
|
|
|
drawPassword: '', // 支取密码 |
|
|
|
|
userNumber: '', // 客户号 |
|
|
|
|
currency: 'CNY人民币', // 币种 |
|
|
|
|
userName: '', // 客户姓名 |
|
|
|
|
goldLogo: '', // 钞汇标识 |
|
|
|
|
accountQuality: '', // 账户性质 |
|
|
|
|
accountType: '', // 账户类型 |
|
|
|
|
drawWay: '', // 支取方式 |
|
|
|
|
accountType: '一类账户', // 账户类型 |
|
|
|
|
drawWay: '密码', // 支取方式 |
|
|
|
|
voucherType: '', // 凭证类型 |
|
|
|
|
accountQualitysTwo: '', // 账户性质2 |
|
|
|
|
accountTypesTwo: '', // 账户类型2 |
|
|
|
|
drawWaysTwo: '', // 支取方式2 |
|
|
|
|
accountTypesTwo: '二类账户', // 账户类型2 |
|
|
|
|
drawWaysTwo: '密码', // 支取方式2 |
|
|
|
|
voucherTypesTwo: '', // 凭证类型2 |
|
|
|
|
accountQualitysThree: '', // 账户性质3 |
|
|
|
|
accountTypesThree: '', // 账户类型3 |
|
|
|
|
drawWaysThree: '', // 支取方式3 |
|
|
|
|
accountTypesThree: '三类账户', // 账户类型3 |
|
|
|
|
drawWaysThree: '密码', // 支取方式3 |
|
|
|
|
voucherTypesThree: '', // 凭证类型3 |
|
|
|
|
}, |
|
|
|
|
formName:{ |
|
|
|
|
cardNumber: '卡号', // |
|
|
|
|
drawPassword: '支取密码', // |
|
|
|
|
userNumber: '客户号', // |
|
|
|
|
currency: '币种', // |
|
|
|
|
userName: '客户姓名', // |
|
|
|
|
goldLogo: '钞汇标识', // |
|
|
|
|
accountQuality: '账户性质', // |
|
|
|
|
accountType: '账户类型', // |
|
|
|
|
drawWay: '支取方式', // |
|
|
|
|
voucherType: '凭证类型', // |
|
|
|
|
accountQualitysTwo: '账户性质2', // |
|
|
|
|
accountTypesTwo: '账户类型2', // |
|
|
|
|
drawWaysTwo: '支取方式2', // |
|
|
|
|
voucherTypesTwo: '凭证类型2', // |
|
|
|
|
accountQualitysThree: '账户性质3', // |
|
|
|
|
accountTypesThree: '账户类型3', // |
|
|
|
|
drawWaysThree: '支取方式3', // |
|
|
|
|
voucherTypesThree: '凭证类型3', // |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
userName: vercustomer , |
|
|
|
|
currency: [ |
|
|
|
|
@ -263,24 +301,31 @@ export default { |
|
|
|
|
num:0, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
components: { |
|
|
|
|
NeedBefore, |
|
|
|
|
MyDialog |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
if(this.dataFlow.userNumber) { |
|
|
|
|
this.form.userNumber = this.dataFlow.userNumber |
|
|
|
|
if(this.needsModule(moduleName) === '') { |
|
|
|
|
this.form.userNumber = this.dataFlow.peopleNumber |
|
|
|
|
this.form.userName = this.dataFlow.userName |
|
|
|
|
}else { |
|
|
|
|
this.$message({ |
|
|
|
|
message: '请先个人客户信息建立！', |
|
|
|
|
type: 'error' |
|
|
|
|
}); |
|
|
|
|
this.needBefore = this.needsModule(moduleName) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
mounted(){ |
|
|
|
|
if(!this.needBefore) { |
|
|
|
|
this.getOptionsList() |
|
|
|
|
this.$refs.userNumber.focus() |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
methods:{ |
|
|
|
|
...mapMutations({ |
|
|
|
|
changeShowGoods: 'system/changeShowGoods' |
|
|
|
|
changeShowGoods: 'system/changeShowGoods', |
|
|
|
|
setNeedsModule: 'system/setNeedsModule', |
|
|
|
|
setDataFlow: 'system/setDataFlow' |
|
|
|
|
}), |
|
|
|
|
getOptionsList(){ |
|
|
|
|
for(var i=8;i<14;i++){ |
|
|
|
|
@ -292,7 +337,6 @@ export default { |
|
|
|
|
parentId: '285,287,5,26,57,62' |
|
|
|
|
} |
|
|
|
|
getOperation(param).then((data)=>{ |
|
|
|
|
console.log(data) |
|
|
|
|
if(data.status.status == 200) { |
|
|
|
|
var list = data.data.judgmentRuleReqs |
|
|
|
|
for (var i = 0; i < list.length; i++) { |
|
|
|
|
@ -373,6 +417,8 @@ export default { |
|
|
|
|
}else if (item == '9'){ |
|
|
|
|
this.goldLogoSelectList = data.data.items; |
|
|
|
|
this.form.goldLogo = this.goldLogoSelectList[0].itemId |
|
|
|
|
// ??? |
|
|
|
|
this.form.goldLogo = '钞户' |
|
|
|
|
}else if (item == '10'){ |
|
|
|
|
this.accountQualitySelectList = data.data.items; |
|
|
|
|
this.form.accountQuality = this.accountQualitySelectList[0].itemId |
|
|
|
|
@ -419,14 +465,13 @@ export default { |
|
|
|
|
//点击提交表单 |
|
|
|
|
formSubmit(){ |
|
|
|
|
// businessKey |
|
|
|
|
console.log(this.businessKey) |
|
|
|
|
if(!this.dataFlow.userNumber && this.businessKey === '项目一') { |
|
|
|
|
this.$message({ |
|
|
|
|
message: '请先完成个人客户信息建立！', |
|
|
|
|
type: 'error' |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
// if(!this.dataFlow.userNumber && this.businessKey === '项目一') { |
|
|
|
|
// this.$message({ |
|
|
|
|
// message: '请先完成个人客户信息建立！', |
|
|
|
|
// type: 'error' |
|
|
|
|
// }); |
|
|
|
|
// return; |
|
|
|
|
// } |
|
|
|
|
this.$refs.form.validate(myValidate(() => { |
|
|
|
|
// 验证通过逻辑写在这 |
|
|
|
|
this.visible = true |
|
|
|
|
@ -434,6 +479,9 @@ export default { |
|
|
|
|
}, |
|
|
|
|
//确认提交 |
|
|
|
|
popSure(){ |
|
|
|
|
const { userName, goldLogo, currency } = this.form |
|
|
|
|
this.setDataFlow({ userName, goldLogo, currency }) |
|
|
|
|
this.setNeedsModule(moduleName) |
|
|
|
|
this.visible = false |
|
|
|
|
let formList = []; |
|
|
|
|
let formLists = []; |
|
|
|
|
@ -588,7 +636,19 @@ export default { |
|
|
|
|
computed: { |
|
|
|
|
...mapGetters({ |
|
|
|
|
dataFlow: 'system/dataFlow', |
|
|
|
|
dataFlowCard: 'system/dataFlowCard', |
|
|
|
|
dataFlowPassword: 'system/dataFlowPassword', |
|
|
|
|
needsModule: 'system/needsModule', |
|
|
|
|
idCardNumber: 'system/idCardNumber' |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
watch: { |
|
|
|
|
dataFlowCard(newVal) { |
|
|
|
|
this.form.cardNumber = this.idCardNumber |
|
|
|
|
}, |
|
|
|
|
dataFlowPassword(newVal) { |
|
|
|
|
this.form.drawPassword = '******' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
luoJunYong.123
3 years ago