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

业务一数据流

Browse Source
20240205
luoJunYong.123 3 years ago
parent 71c2166707
commit 82377341db
8 changed files with 386 additions and 130 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. 13
      src/components/dialog/index.vue
  2. 61
      src/components/needBefore/index.vue
  3. 13
      src/pages/counter/list/index.vue
  4. 73
      src/pages/manage/list/client/consumerClient.vue
  5. 149
      src/pages/manage/list/personal/currentAccount/deposit.vue
  6. 128
      src/pages/manage/list/personal/currentAccount/openAccount.vue
  7. 72
      src/store/modules/system.js
  8. 3
      src/utils/utilFunction.js

13
src/components/dialog/index.vue
Unescape View File

@ -56,6 +56,10 @@ export default {
showForm: { showForm: {
type: Object, type: Object,
default: () => ({}) default: () => ({})
},
formName: {
type: Object,
default: () => ({})
} }
}, },
created() { created() {
@ -68,12 +72,17 @@ export default {
// console.log(Date.format(this.showForm[key])) // console.log(Date.format(this.showForm[key]))
// } // }
if(num%2 === 0) { if(num%2 === 0) {
this.leftObj[key] = this.showForm[key] this.leftObj[this.formName[key]] = this.showForm[key]
}else { }else {
this.rightObj[key] = this.showForm[key] this.rightObj[this.formName[key]] = this.showForm[key]
} }
num++; num++;
} }
this.leftObj['流水号'] = '2333333333333'
this.leftObj['经办机构'] = '国税支行营业部'
this.rightObj['经办柜员'] = '002110'
this.rightObj['会计时间'] = new Date()
// 流水号（研发自定义号码生成规则）、经办柜员（002110）、经办机构：国税支行营业部、会计时间：展示操作当日日期
}, },
data() { data() {
return { return {

61
src/components/needBefore/index.vue
Unescape View File

@ -0,0 +1,61 @@
<template>
<!-- <div class="flex mt-8 ml-12 text-xl title"> -->
<div class="title">
<h1 @click="goto">请完成上一个步骤！</h1>
</div>
</template>
<script>
const obj = {
// 'consumerClient': '/counter/list/manage/consumerClient',
// 'currentAccount/openAccount': '/counter/list/manage/currentAccount',
// 'currentAccount/deposit': '/counter/list/manage/currentAccount'
'consumerClient': '客户信息 -> 个人客户信息建立',
'currentAccount/openAccount': '活期业务 -> 开户',
'currentAccount/deposit': '活期业务 -> 存款'
}
import {mapGetters} from 'vuex'
export default {
props: {
moduleName: {
type: String,
require: true
}
},
created() {
this.$message({
message: '请先完成' + obj[this.moduleName],
type: 'info'
});
},
methods: {
goto() {
// this.$router.push(obj[this.moduleName])
console.log(this.moduleName)
this.$message({
message: '请先完成' + obj[this.moduleName],
type: 'info'
});
}
},
computed: {
...mapGetters({
needsModule: 'system/needsModule',
})
}
}
</script>
<style scoped>
.title{
width: 100%;
height: 100%;
background-color: skyblue;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
</style>

13
src/pages/counter/list/index.vue
Unescape View File

@ -948,11 +948,12 @@ export default {
this.$store.commit('system/setBusinessKey', sessionStorage.getItem('businessKey')) this.$store.commit('system/setBusinessKey', sessionStorage.getItem('businessKey'))
} }
if(sessionStorage.getItem('businessSelect')) { if(sessionStorage.getItem('businessSelect')) {
this.$store.commit('system/setBusinessSelect', JSON.parse(sessionStorage.getItem('businessSelect'))) // 调试时注释掉
// this.$store.commit('system/setBusinessSelect', JSON.parse(sessionStorage.getItem('businessSelect')))
} }
window.addEventListener("beforeunload",()=>{ window.addEventListener("beforeunload",()=>{
sessionStorage.setItem('businessKey', this.$store.state.system.businessKey) sessionStorage.setItem('businessKey', this.$store.state.system.businessKey)
sessionStorage.setItem('businessSelect', JSON.stringify(this.$store.state.system.businessSelect)) // sessionStorage.setItem('businessSelect', JSON.stringify(this.$store.state.system.businessSelect))
}) })
}, },
mounted(){ mounted(){
@ -1064,6 +1065,9 @@ export default {
}, },
methods: { methods: {
...mapMutations({ ...mapMutations({
callChangeCard: 'system/callChangeCard',
callChangeId: 'system/callChangeId',
callChangePassword: 'system/callChangePassword',
replaceThingsGoods: 'system/replaceThingsGoods', replaceThingsGoods: 'system/replaceThingsGoods',
replaceThings: 'system/replaceThings', replaceThings: 'system/replaceThings',
setShowBusiness: 'system/setShowBusiness', setShowBusiness: 'system/setShowBusiness',
@ -1295,6 +1299,7 @@ export default {
return return
} }
} }
this.callChangeCard()
} }
if(this.popText.includes('身份证扫描')) { if(this.popText.includes('身份证扫描')) {
@ -1309,6 +1314,10 @@ export default {
return return
} }
} }
this.callChangeId()
}
if(this.popText.includes('密码器') && this.nbm !== 8 && this.passwordForm.passwordAgain) {
this.callChangePassword()
} }
if (this.$store.state.system.id == '33'){ if (this.$store.state.system.id == '33'){

73
src/pages/manage/list/client/consumerClient.vue
Unescape View File

@ -68,7 +68,7 @@
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button> <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
</div> </div>
<my-dialog v-if="visible" :visible.sync="visible" :showForm="form" @submitIt="submitIt()" /> <my-dialog v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2()" />
<!-- <el-dialog <!-- <el-dialog
style="margin-top:10vh" style="margin-top:10vh"
:visible.sync="visible" :visible.sync="visible"
@ -113,10 +113,13 @@ import { phoneListen, mailBoxListen, checkRequired, myValidate, checkName } from
import MyTitle from '@/components/myTitle' import MyTitle from '@/components/myTitle'
import MyDialog from '@/components/dialog' import MyDialog from '@/components/dialog'
// goodState: 'system/goodState', // goodState: 'system/goodState',
const moduleNmae = 'consumerClient'
export default { export default {
name: 'index', name: 'index',
data() { data() {
return { return {
dataFlowId2: 0, // 用来监听
form:{ form:{
idType:1,//证件类型 idType:1,//证件类型
// idNumber:'',//证件号码 // idNumber:'',//证件号码
@ -127,6 +130,16 @@ export default {
mailbox:'',//通讯地址 mailbox:'',//通讯地址
phone:'',//联系电话 phone:'',//联系电话
}, },
formName: {
idType: '证件类型',
idNumber:'证件号码',
userName:'用户名字',
sex:'性别',
birthday:'出生日期',
nationality:'民族',
mailbox:'通讯地址',
phone:'联系电话',
},
rules: { rules: {
userName: vercustomer , userName: vercustomer ,
phone: [ phone: [
@ -227,7 +240,9 @@ export default {
MyDialog MyDialog
}, },
created() { created() {
console.log(this.dataFlow) console.log(moduleNmae)
this.dataFlowId2 = this.dataFlowId
}, },
mounted() { mounted() {
this.getFormData() this.getFormData()
@ -236,7 +251,7 @@ export default {
methods: { methods: {
// 授权提交后 // 授权提交后
submitIt() { submitIt() {
this.setDataFlow({name: 'userNumber', val: '随机生成的10110'})
// this.setDataFlow({name: 'userName', val: ''}) // this.setDataFlow({name: 'userName', val: ''})
// console.log(this.dataFlow) // console.log(this.dataFlow)
}, },
@ -263,7 +278,8 @@ export default {
}, },
...mapMutations({ ...mapMutations({
changeShowGoods: 'system/changeShowGoods', changeShowGoods: 'system/changeShowGoods',
setDataFlow: 'system/setDataFlow' setDataFlow: 'system/setDataFlow',
setNeedsModule: 'system/setNeedsModule'
}), }),
popUp(){// 唤起弹窗 popUp(){// 唤起弹窗
this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪',id:'33'}) this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪',id:'33'})
@ -271,14 +287,25 @@ export default {
}, },
//提交个人用户信息 //提交个人用户信息
submitForm(){ submitForm(){
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
let nomClientIdentity = sessionStorage.getItem('nomClientIdentity') let nomClientIdentity = sessionStorage.getItem('nomClientIdentity')
let consumerClientDragList = JSON.parse(nomClientIdentity); let consumerClientDragList = JSON.parse(nomClientIdentity);
let nomClientIdentitys = JSON.parse(nomClientIdentity);
this.$refs.form.validate(myValidate(() => { this.$refs.form.validate(myValidate(() => {
let nomClientIdentity = sessionStorage.getItem('nomClientIdentity')
let nomClientIdentitys = JSON.parse(nomClientIdentity);
if (nomClientIdentitys && nomClientIdentitys.length > 0){ if (nomClientIdentitys && nomClientIdentitys.length > 0){
this.visible = true;
}else{
this.$message.error('请刷身份证');
}
} , this.$refs));
},
submitForm2() {
let nomClientIdentity = sessionStorage.getItem('nomClientIdentity')
let consumerClientDragList = JSON.parse(nomClientIdentity);
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
let formList = []; let formList = [];
formList.push({"answerId":'41',"emptyOne": "", "emptyTwo": nomClientIdentity, "operationIds": "285,287,5,25,33,41","type": ""}) formList.push({"answerId":'41',"emptyOne": "", "emptyTwo": nomClientIdentity, "operationIds": "285,287,5,25,33,41","type": ""})
@ -326,20 +353,14 @@ export default {
message: '提交成功', message: '提交成功',
type: 'success' type: 'success'
}); });
this.setNeedsModule(moduleNmae)
this.setDataFlow({ ...this.form })
}).catch((error)=>{ }).catch((error)=>{
}) })
this.visible = true;
}else{
this.$message.error('请刷身份证');
}
} , this.$refs));
},
popSure(){
this.success&&(this.visible = false)
this.authorization&&(this.success=true)
this.authorization = true
}, },
throttle(fn,wait=1000){// 节流函数 throttle(fn,wait=1000){// 节流函数
var timer = null; var timer = null;
console.log(timer,'触发节流，查看timer') console.log(timer,'触发节流，查看timer')
@ -363,14 +384,22 @@ export default {
computed: { computed: {
...mapGetters({ ...mapGetters({
dataFlow: 'system/dataFlow', dataFlow: 'system/dataFlow',
dataFlowGo: 'system/dataFlowGo', dataFlowId: 'system/dataFlowId'
}) })
}, },
watch: { watch: {
dataFlowGo(newVal) { dataFlowId(newVal) {
console.log('watch里的值') console.log('---newVal')
console.log(newVal) console.log(newVal)
if(this.dataFlowId2 !== newVal) {
this.dataFlowId2 = newVal
for(let key in this.form) {
if(this.dataFlow[key]) {
this.form[key] = this.dataFlow[key]
}
}
}
} }
} }
}; };

149
src/pages/manage/list/personal/currentAccount/deposit.vue
Unescape View File

@ -1,13 +1,16 @@
/* 个人业务>活期业务>存款 */ /* 个人业务>活期业务>存款 */
<template> <template>
<div class="body"> <div class="body" v-if="!needBefore">
<el-row :gutter="20" style="margin: 0"> <el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px" :rules="rules"> <el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="卡号"> <el-form-item label="卡号">
<div class="idCard" @click="popUp('刷卡器')"> <div class="idCard" @click="popUp('刷卡器')" v-if="!form.idCardNumber">
<p>请刷卡</p> <p>请刷卡</p>
</div> </div>
<div v-else>
<el-input ref="idCardNumber" :value="form.idCardNumber" disabled></el-input>
</div>
</el-form-item> </el-form-item>
<el-form-item label="币种" prop="currency"> <el-form-item label="币种" prop="currency">
<el-select v-model="form.currency" placeholder="请选择" ref="currency"> <el-select v-model="form.currency" placeholder="请选择" ref="currency">
@ -39,26 +42,49 @@
</el-form> </el-form>
</el-row> </el-row>
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button> <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
</div> <my-dialog v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" />
</div>
<need-before v-else :moduleName='needBefore'>
</need-before>
</template> </template>
<script> // currentAccount/deposit <script> // currentAccount/deposit
import { mapMutations } from 'vuex' import { mapMutations, mapGetters } from 'vuex'
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { ismoney, myValidate, checkName, rateListen } from '@/utils/utilFunction.js' import { ismoney, myValidate, checkName, rateListen } from '@/utils/utilFunction.js'
import { addOperation, getOperation } from '@/api/http'; import { addOperation, getOperation } from '@/api/http';
import NeedBefore from '@/components/needBefore'
import MyDialog from '@/components/dialog'
const moduleName = 'currentAccount/deposit'
export default{ export default{
name:'', name:'',
props:{}, props:{},
components: {
NeedBefore,
MyDialog
},
data(){ data(){
return{ return{
visible: false,
needBefore: '',
form:{ form:{
currency:'', currency:'',
money:'', money:'',
userName:'', userName:'',
goldLogo:'', goldLogo:'',
annualInterest:'', annualInterest:'0.30%',
remark:'', remark:'',
idCardNumber: '', // 银行卡号
},
formName: {
currency:'币种', //
money:'金额', //
userName:'客户姓名', //
goldLogo:'炒汇标识', //
annualInterest:'年利率', //
remark:'摘要', //
idCardNumber: '银行卡号', //
}, },
rules: { rules: {
userName: vercustomer , userName: vercustomer ,
@ -83,8 +109,17 @@ export default{
} }
}, },
mounted() { mounted() {
this.getFormData() if(!this.needBefore) {
this.$refs.userName.focus() this.getFormData()
this.$refs.userName.focus()
}
},
created() {
if(this.needsModule(moduleName) === '') {
}else {
this.needBefore = this.needsModule(moduleName)
}
}, },
methods: { methods: {
getFormData(){ getFormData(){
@ -92,11 +127,9 @@ export default{
parentId: '285,287,5,26,57,63' parentId: '285,287,5,26,57,63'
} }
getOperation(param).then((data)=>{ getOperation(param).then((data)=>{
console.log(data)
if(data.status == 200) { if(data.status == 200) {
var list = data.data.judgmentRuleReqs var list = data.data.judgmentRuleReqs
for (var i = 0; i < list.length; i++) { for (var i = 0; i < list.length; i++) {
console.log(list[i].answerId)
if (list[i].answerId == '78') {sessionStorage.setItem('nomBusinessDepositCard', list[i].emptyTwo)} //卡号 if (list[i].answerId == '78') {sessionStorage.setItem('nomBusinessDepositCard', list[i].emptyTwo)} //卡号
if (list[i].answerId == '79') {this.form.userName = list[i].emptyTwo} //客户姓名 if (list[i].answerId == '79') {this.form.userName = list[i].emptyTwo} //客户姓名
if (list[i].answerId == '80') {this.form.currency = list[i].emptyTwo} //币种 if (list[i].answerId == '80') {this.form.currency = list[i].emptyTwo} //币种
@ -110,52 +143,56 @@ export default{
}) })
}, },
...mapMutations({ ...mapMutations({
changeShowGoods: 'system/changeShowGoods' changeShowGoods: 'system/changeShowGoods',
setDataFlow: 'system/setDataFlow',
setNeedsModule: 'system/setNeedsModule'
}), }),
//提交表单 //提交表单
submitForm(){ submitForm(){
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
this.$refs.form.validate(myValidate(() => { this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这 // 验证通过逻辑写在这
this.visible = true; this.visible = true;
let formList = [];
let nomBusinessDepositCard = sessionStorage.getItem('nomBusinessDepositCard')
let nomBusinessDepositCards = nomBusinessDepositCard // JSON.parse(nomBusinessDepositCard);
if (nomBusinessDepositCards && nomBusinessDepositCards.length > 0){
formList.push({"answerId":78,"emptyOne": "", "emptyTwo": nomBusinessDepositCards, "operationIds": "285,287,5,26,57,63,78","type": ""})// 卡号
if(this.form.currency){
formList.push({ "answerId":'80', "emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "285,287,5,26,57,63,80", "type": "1" })//币种
}
if(this.form.money){
formList.push({ "answerId":'82', "emptyOne": "14", "emptyTwo": this.form.money, "operationIds": "285,287,5,26,57,63,82", "type": "3" })//金额
}
if(this.form.remark){
formList.push( {"answerId":'84',"emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "285,287,5,26,57,63,84", "type": "3"})//摘要
}
formList.push(
{ "answerId":'79', "emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "285,287,5,26,57,63,79", "type": "3" },//客户姓名
{ "answerId":'81', "emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "285,287,5,26,57,63,81", "type": "1" },//钞汇标识
{"answerId":'83',"emptyOne": "15", "emptyTwo": this.form.annualInterest, "operationIds": "285,287,5,26,57,63,83", "type": "3"},//年利率
);
let params= {
parentId:'285,287,5,26,57,63',
lcJudgmentRuleReq:formList,
projectId:+projectId,
startTime:startTime,
}
addOperation(params).then((data)=>{
this.$message({
message: '提交成功',
type: 'success'
});
}).catch((error)=>{
})
}else {
this.$message.error('有必填项未填哦~');
}
}, this.$refs)); }, this.$refs));
}, },
submitForm2() {
let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime')
let formList = [];
let nomBusinessDepositCard = sessionStorage.getItem('nomBusinessDepositCard')
let nomBusinessDepositCards = nomBusinessDepositCard // JSON.parse(nomBusinessDepositCard);
if (nomBusinessDepositCards && nomBusinessDepositCards.length > 0){
formList.push({"answerId":78,"emptyOne": "", "emptyTwo": nomBusinessDepositCards, "operationIds": "285,287,5,26,57,63,78","type": ""})// 卡号
if(this.form.currency){
formList.push({ "answerId":'80', "emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "285,287,5,26,57,63,80", "type": "1" })//币种
}
if(this.form.money){
formList.push({ "answerId":'82', "emptyOne": "14", "emptyTwo": this.form.money, "operationIds": "285,287,5,26,57,63,82", "type": "3" })//金额
}
if(this.form.remark){
formList.push( {"answerId":'84',"emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "285,287,5,26,57,63,84", "type": "3"})//摘要
}
formList.push(
{ "answerId":'79', "emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "285,287,5,26,57,63,79", "type": "3" },//客户姓名
{ "answerId":'81', "emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "285,287,5,26,57,63,81", "type": "1" },//钞汇标识
{"answerId":'83',"emptyOne": "15", "emptyTwo": this.form.annualInterest, "operationIds": "285,287,5,26,57,63,83", "type": "3"},//年利率
);
let params= {
parentId:'285,287,5,26,57,63',
lcJudgmentRuleReq:formList,
projectId:+projectId,
startTime:startTime,
}
addOperation(params).then((data)=>{
this.$message({
message: '提交成功',
type: 'success'
});
}).catch((error)=>{
})
}else {
this.$message.error('有必填项未填哦~');
}
},
popUp(text) { popUp(text) {
this.$store.commit('system/changePop',{show:true,text:'刷卡器',id:'63'}) this.$store.commit('system/changePop',{show:true,text:'刷卡器',id:'63'})
}, },
@ -163,6 +200,24 @@ export default{
checkName: checkName, checkName: checkName,
rateListen: rateListen rateListen: rateListen
}, },
computed: {
...mapGetters({
dataFlow: 'system/dataFlow',
dataFlowCard: 'system/dataFlowCard',
dataFlowPassword: 'system/dataFlowPassword',
needsModule: 'system/needsModule',
idCardNumber: 'system/idCardNumber'
})
},
watch: {
dataFlowCard(val) {
const { userName, goldLogo, currency } = this.dataFlow
this.form.userName = userName
this.form.goldLogo = goldLogo // goldLogo // 13是什么鬼
this.form.currency = currency
this.form.idCardNumber = this.idCardNumber
}
}
} }
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>

128
src/pages/manage/list/personal/currentAccount/openAccount.vue
Unescape View File

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

72
src/store/modules/system.js
Unescape View File

@ -730,23 +730,27 @@ export default {
importanceArr: [ 16 ], // 重要空白凭证箱 importanceArr: [ 16 ], // 重要空白凭证箱
commonArr: [ 17 ], // 普通凭证箱 commonArr: [ 17 ], // 普通凭证箱
// 以下为数据流: // 以下为数据流:
needsModule: { needsModule: {
'consumerClient': false, 'consumerClient': false,
'currentAccount/openAccount': false, 'currentAccount/openAccount': false,
'currentAccount/deposit': false, 'currentAccount/deposit': false,
}, },
dataFlowGo: 0, // dataFlowGo: 0,
dataFlowCard: 0,
dataFlowId: 0,
dataFlowPassword: 0,
dataFlow: { dataFlow: {
peopleNumber: '随机111222', peopleNumber: '随机111222',
userName:'肥仔',//用户名字
idType: '身份证', idType: '身份证',
idNumber:'441325466661230215',//证件号码 idNumber:'441325466661230215',//证件号码
userName:'肥仔',//用户名字
sex:'男',//性别 sex:'男',//性别
birthday:'2008',//出生日期 birthday:'2008',//出生日期
// nationality:'汉',//民族 // nationality:'汉',//民族
mailbox:'肥仔无处不在',//通讯地址 mailbox:'肥仔无处不在',//通讯地址
phone:'12325647895',//联系电话 phone:'13222223122',//联系电话
} }
}, },
@ -1326,17 +1330,23 @@ export default {
], ],
}, },
mutations: { mutations: {
callChange(state) { setNeedsModule(state, name) {
state.businessSelect[state.businessKey].dataFlowGo = 1 state.businessSelect[state.businessKey].needsModule[name] = true
state.businessSelect[state.businessKey].dataFlowGo = 0 },
// this.callChangeCard() this.callChangeId()this.callChangePassword()
callChangeCard(state) {
state.businessSelect[state.businessKey].dataFlowCard += 1
}, },
setDataFlow(state, { name, val}) { callChangeId(state) {
// 项目一中的数据 state.businessSelect[state.businessKey].dataFlowId += 1
// dataFlow: { },
// peopleNumber: '' callChangePassword(state) {
// } state.businessSelect[state.businessKey].dataFlowPassword += 1
console.log(state.businessSelect[state.businessKey]) },
state.businessSelect[state.businessKey].dataFlow[name] = val setDataFlow(state, obj) {
for(let key in obj) {
state.businessSelect[state.businessKey].dataFlow[key] = obj[key]
}
}, },
initState(state) { initState(state) {
state.businessSelect = { ...myInitState } state.businessSelect = { ...myInitState }
@ -1348,10 +1358,7 @@ export default {
state.businessSelect[state.businessKey].data.splice(0, state.businessSelect[state.businessKey].data.length, ...idArr) state.businessSelect[state.businessKey].data.splice(0, state.businessSelect[state.businessKey].data.length, ...idArr)
}, },
replaceThings(state, { name, idArr }) { replaceThings(state, { name, idArr }) {
console.log(idArr)
state.businessSelect[state.businessKey][name].splice(0, state.businessSelect[state.businessKey][name].length, ...idArr) state.businessSelect[state.businessKey][name].splice(0, state.businessSelect[state.businessKey][name].length, ...idArr)
console.log('替换后')
console.log(state.businessSelect[state.businessKey][name])
}, },
pushThings(state, { name, idArr}) { pushThings(state, { name, idArr}) {
if(name === 'sealBox') { // 印章盒只能放一个东西 if(name === 'sealBox') { // 印章盒只能放一个东西
@ -1372,10 +1379,8 @@ export default {
} }
}, },
pushThingsGoods(state, idArr) { pushThingsGoods(state, idArr) {
console.log('吐出去')
for(let i=0; i<idArr.length; i++) { for(let i=0; i<idArr.length; i++) {
const index = state.businessSelect[state.businessKey].data.findIndex(item => item === idArr[i]) const index = state.businessSelect[state.businessKey].data.findIndex(item => item === idArr[i])
console.log(index)
if(index === -1) { if(index === -1) {
state.businessSelect[state.businessKey].data.push(idArr[i]) state.businessSelect[state.businessKey].data.push(idArr[i])
} }
@ -1675,12 +1680,39 @@ export default {
}, },
getters: { getters: {
// 刷卡器卡号
idCardNumber(state) {
return '213224896'
},
// 获得流到哪个模块的名字
needsModule(state) {
return (module) => {
const obj = state.businessSelect[state.businessKey].needsModule
for(let key in obj) {
if(module === key) {
return ''
}
if(!obj[key]) {
return key
}
}
}
},
// 选择项目物品栏中的物品 根据myKey判断有什么 // 选择项目物品栏中的物品 根据myKey判断有什么
dataFlow(state) { dataFlow(state) {
return state.businessSelect[state.businessKey].dataFlow return state.businessSelect[state.businessKey].dataFlow
}, },
dataFlowGo(state) { // dataFlowGo(state) {
return state.businessSelect[state.businessKey].dataFlowGo // return state.businessSelect[state.businessKey].dataFlowGo
// },
dataFlowCard(state) {
return state.businessSelect[state.businessKey].dataFlowCard
},
dataFlowId(state) {
return state.businessSelect[state.businessKey].dataFlowId
},
dataFlowPassword(state) {
return state.businessSelect[state.businessKey].dataFlowPassword
}, },
goods2(state) { goods2(state) {
// 调试容错采用if-else // 调试容错采用if-else

3
src/utils/utilFunction.js
Unescape View File

@ -44,7 +44,8 @@ const checkName = function(val, form, prop) {
const rateListen = function(val, form, prop) { const rateListen = function(val, form, prop) {
// 检查符号 允许% // 检查符号 允许%
const charReg = /[`~!@#$^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥……&*（）——\-+={}|《》？：“”【】、；‘'，。、]/im; // const charReg = /[`~!@#$^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥……&*（）——\-+={}|《》？：“”【】、；‘'，。、]/im;
const charReg =/^\\d+(\\.\\d)?\\d{0,1}%$/
// 检查空格 // 检查空格
if(charReg.test(val) || /[\u4E00-\u9FA5]/i.test(val)) { if(charReg.test(val) || /[\u4E00-\u9FA5]/i.test(val)) {
return; return;

Write Preview
Loading…
Cancel
Save