|
|
|
|
@ -68,30 +68,30 @@ |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
<!-- 二级证件,最多三张，逻辑：上一张二级为填完信息不可添加第三张 v-for="(item,index) in second" :key="index" --> |
|
|
|
|
<div class="add" v-if="formto"> |
|
|
|
|
<div class="add" v-if="formTwo"> |
|
|
|
|
<el-row :gutter="20" style="margin: 0;z-index:9"> |
|
|
|
|
<el-form ref="form" :model="form" label-width="120px"> |
|
|
|
|
<el-col :span="10" :offset="2"> |
|
|
|
|
<el-form-item label="账户性质"> |
|
|
|
|
<el-select v-model="form.accountQualitys" placeholder="请选择"> |
|
|
|
|
<el-select v-model="form.accountQualitysTwo" placeholder="请选择"> |
|
|
|
|
<el-option label="个人结算户" value="个人结算户"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="账户类型" required> |
|
|
|
|
<el-select v-model="form.accountTypes" placeholder="请选择"> |
|
|
|
|
<el-select v-model="form.accountTypesTwo" placeholder="请选择"> |
|
|
|
|
<el-option label="一类户" value="一类户"> </el-option> |
|
|
|
|
<el-option label="二类户" value="二类户"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="支取方式" required> |
|
|
|
|
<el-select v-model="form.drawWays" placeholder="请选择"> |
|
|
|
|
<el-select v-model="form.drawWaysTwo" placeholder="请选择"> |
|
|
|
|
<el-option label="密码" value="密码"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="凭证类型" required> |
|
|
|
|
<el-select v-model="form.voucherTypes" placeholder="请选择"> |
|
|
|
|
<el-select v-model="form.voucherTypesTwo" placeholder="请选择"> |
|
|
|
|
<el-option label="IC卡" value="IC卡"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
@ -107,7 +107,49 @@ |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-form> |
|
|
|
|
<el-button @click="deleteSecond(index)" class="addBtn" circle icon="el-icon-close"></el-button> |
|
|
|
|
<el-button @click="deleteSecond()" class="addBtn" circle icon="el-icon-close"></el-button> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
<div class="add" v-if="formThree"> |
|
|
|
|
<el-row :gutter="20" style="margin: 0;z-index:9"> |
|
|
|
|
<el-form ref="form" :model="form" label-width="120px"> |
|
|
|
|
<el-col :span="10" :offset="2"> |
|
|
|
|
<el-form-item label="账户性质"> |
|
|
|
|
<el-select v-model="form.accountQualitysThree" placeholder="请选择"> |
|
|
|
|
<el-option label="个人结算户" value="个人结算户"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="账户类型" required> |
|
|
|
|
<el-select v-model="form.accountTypesThree" placeholder="请选择"> |
|
|
|
|
<el-option label="一类户" value="一类户"> </el-option> |
|
|
|
|
<el-option label="二类户" value="二类户"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="支取方式" required> |
|
|
|
|
<el-select v-model="form.drawWaysThree" placeholder="请选择"> |
|
|
|
|
<el-option label="密码" value="密码"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="凭证类型" required> |
|
|
|
|
<el-select v-model="form.voucherTypesThree" placeholder="请选择"> |
|
|
|
|
<el-option label="IC卡" value="IC卡"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="凭证号码" required> |
|
|
|
|
<div class="idCard" @click="popUp('刷卡器')"> |
|
|
|
|
<p>请刷卡</p> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="支取密码" required> |
|
|
|
|
<div class="idCard" @click="popUps('密码器')"> |
|
|
|
|
<p>请输入密码</p> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-form> |
|
|
|
|
<el-button @click="deleteSecond()" class="addBtn" circle icon="el-icon-close"></el-button> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
<el-button @click="formSubmit" type="primary" class="submitBtn">提交</el-button> |
|
|
|
|
@ -138,7 +180,22 @@ export default { |
|
|
|
|
data(){ |
|
|
|
|
return{ |
|
|
|
|
form:{ |
|
|
|
|
userNumber:'', |
|
|
|
|
userNumber: '', |
|
|
|
|
currency: '', |
|
|
|
|
userName: '', |
|
|
|
|
goldLogo: '', |
|
|
|
|
accountQuality: '', |
|
|
|
|
accountType: '', |
|
|
|
|
drawWay: '', |
|
|
|
|
voucherType: '', |
|
|
|
|
accountQualitysTwo: '', |
|
|
|
|
accountTypesTwo: '', |
|
|
|
|
drawWaysTwo: '', |
|
|
|
|
voucherTypesTwo: '', |
|
|
|
|
accountQualitysThree: '', |
|
|
|
|
accountTypesThree: '', |
|
|
|
|
drawWaysThree: '', |
|
|
|
|
voucherTypesThree: '', |
|
|
|
|
}, |
|
|
|
|
second:[],// 二级卡数组 |
|
|
|
|
options:[], |
|
|
|
|
@ -154,7 +211,9 @@ export default { |
|
|
|
|
accountTypes: '', |
|
|
|
|
drawWays: '', |
|
|
|
|
voucherTypes: '', |
|
|
|
|
formto:false, |
|
|
|
|
formTwo:false, |
|
|
|
|
formThree:false, |
|
|
|
|
count:0 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods:{ |
|
|
|
|
@ -167,15 +226,25 @@ export default { |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
openAccount(){ |
|
|
|
|
if(this.second.length){/* 检测已有二级卡是否填写完整 */ |
|
|
|
|
return this.$message('请把已有的二级卡填写完整再执行新增操作！') |
|
|
|
|
for (let i= 0; i< this.second.length; i++) { |
|
|
|
|
if(!this.detectionObjKeys(e,[])){/* 写入定义的二级卡字段 */ |
|
|
|
|
return this.$message('请把已有的二级卡填写完整再执行新增操作！') |
|
|
|
|
this.count = this.count+1; |
|
|
|
|
if (this.count > 2){ |
|
|
|
|
this.count = 2 |
|
|
|
|
} |
|
|
|
|
if(this.count == 1){ |
|
|
|
|
this.formTwo = true |
|
|
|
|
} |
|
|
|
|
if (this.count == 2){ |
|
|
|
|
this.formThree = true |
|
|
|
|
} |
|
|
|
|
this.formto = true |
|
|
|
|
// if(this.second.length){/* 检测已有二级卡是否填写完整 */ |
|
|
|
|
// return this.$message('请把已有的二级卡填写完整再执行新增操作！') |
|
|
|
|
// for (let i= 0; i< this.second.length; i++) { |
|
|
|
|
// if(!this.detectionObjKeys(e,[])){/* 写入定义的二级卡字段 */ |
|
|
|
|
// return this.$message('请把已有的二级卡填写完整再执行新增操作！') |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
|
|
|
|
|
// let obj = {}/* 二级卡定义空属性 */ |
|
|
|
|
// this.second.push(obj)`` |
|
|
|
|
}, |
|
|
|
|
@ -187,25 +256,42 @@ export default { |
|
|
|
|
popSure(){ |
|
|
|
|
this.visible = false |
|
|
|
|
let formList = []; |
|
|
|
|
if(this.form.userNumber){ |
|
|
|
|
formList.push({ |
|
|
|
|
"emptyOne": "6", |
|
|
|
|
"emptyTwo": this.form.userNumber, |
|
|
|
|
"operationIds": "26,57,62,68", |
|
|
|
|
"type": "3" |
|
|
|
|
}) |
|
|
|
|
if(this.form.userName && this.form.currency && this.form.goldLogo && this.form.accountType && this.form.drawWay && this.form.voucherType || |
|
|
|
|
(this.formTwo == true && this.form.accountTypesTwo && this.form.drawWaysTwo && this.form.voucherTypesTwo) || |
|
|
|
|
(this.formThree == true && this.form.accountTypesThree && this.form.drawWaysThree && this.form.voucherTypesThree)){ |
|
|
|
|
if (this.form.userNumber){formList.push({"emptyOne": "6", "emptyTwo": this.form.userNumber, "operationIds": "26,57,62,68","type": "3"})}//客户号 |
|
|
|
|
if (this.form.accountQuality){formList.push({"emptyOne": "10", "emptyTwo": this.form.accountQuality, "operationIds": "26,57,62,72", "type": "3"})}//账户性质1 |
|
|
|
|
if (this.form.accountQualitysTwo){formList.push({"emptyOne": "10", "emptyTwo": this.form.accountQualitysTwo, "operationIds": "26,57,62,270", "type": "3"})}//账户性质2 |
|
|
|
|
if (this.form.accountTypesTwo){formList.push({"emptyOne": "12", "emptyTwo": this.form.accountTypesTwo, "operationIds": "26,57,62,272", "type": "3"})}//账户类型2 |
|
|
|
|
if (this.form.drawWaysTwo){formList.push({"emptyOne": "13", "emptyTwo": this.form.drawWaysTwo, "operationIds": "26,57,62,274", "type": "3"})} //支取方式2 |
|
|
|
|
if (this.form.voucherTypesTwo){formList.push({"emptyOne": "11", "emptyTwo": this.form.voucherTypesTwo, "operationIds": "26,57,62,271", "type": "3"})} //凭证类型2 |
|
|
|
|
if (this.form.accountQualitysThree){formList.push({"emptyOne": "10", "emptyTwo": this.form.accountQualitysThree, "operationIds": "26,57,62,276", "type": "3"})}//账户性质3 |
|
|
|
|
if (this.form.accountTypesThree){formList.push({"emptyOne": "12", "emptyTwo": this.form.accountTypesThree, "operationIds": "26,57,62,278", "type": "3"})}//账户类型3 |
|
|
|
|
if (this.form.drawWaysThree){formList.push({"emptyOne": "13", "emptyTwo": this.form.drawWaysThree, "operationIds": "26,57,62,280", "type": "3"})}//支取方式3 |
|
|
|
|
if (this.form.voucherTypesThree){formList.push({"emptyOne": "11", "emptyTwo": this.form.voucherTypesThree, "operationIds": "26,57,62,277", "type": "3"})}//凭证类型3 |
|
|
|
|
formList.push( |
|
|
|
|
{"emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "26,57,62,69", "type": "3"},//用户名称 |
|
|
|
|
{"emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "26,57,62,70", "type": "3"},//币种 |
|
|
|
|
{"emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "26,57,62,73", "type": "3"},//钞汇标识 |
|
|
|
|
{"emptyOne": "12", "emptyTwo": this.form.accountType, "operationIds": "26,57,62,74", "type": "3"}, //账户类型 |
|
|
|
|
{"emptyOne": "13", "emptyTwo": this.form.drawWay, "operationIds": "26,57,62,76", "type": "3"}, //支取方式 |
|
|
|
|
{"emptyOne": "11", "emptyTwo": this.form.voucherType, "operationIds": "26,57,62,73", "type": "3"} //凭证类型 |
|
|
|
|
) |
|
|
|
|
sessionStorage.setItem('ruleReqs', JSON.stringify(formList)) |
|
|
|
|
}else{ |
|
|
|
|
this.$message.error('有必填项为填哦~'); |
|
|
|
|
this.$message.error('有必填项未填哦~'); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
deleteSecond(index){ |
|
|
|
|
deleteSecond(){ |
|
|
|
|
this.$confirm('此操作将删除该账户类型, 是否继续?', '提示', { |
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
type: 'warning' |
|
|
|
|
}).then(() => { |
|
|
|
|
this.formto = false |
|
|
|
|
this.count = this.count-1; |
|
|
|
|
if (this.count < 1){this.count = 0} |
|
|
|
|
if (this.count == 0){this.formTwo = false} |
|
|
|
|
if (this.count == 1){this.formThree = false} |
|
|
|
|
// this.second.splice(index,1) |
|
|
|
|
this.$message({ |
|
|
|
|
type: 'success', |
|
|
|
|
@ -219,7 +305,7 @@ export default { |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
popUp(){ |
|
|
|
|
this.$store.commit('system/changePop',{show:true,text:'凭证号码'}) |
|
|
|
|
this.$store.commit('system/changePop',{show:true,text:'刷卡器'}) |
|
|
|
|
}, |
|
|
|
|
popUps(){ |
|
|
|
|
this.$store.commit('system/changePop',{show:true,text:'密码器'}) |
|
|
|
|
|
e
3 years ago