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

补齐个人业务开户传递的参数

Browse Source
20240205
e 3 years ago
parent dc6f9b1563
commit df6a5d19f5
10 changed files with 243 additions and 128 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. 12
      src/api/api.js
  2. 52
      src/pages/counter/list/index.vue
  3. 49
      src/pages/manage/list/client/consumerClient.vue
  4. 9
      src/pages/manage/list/personal/currentAccount/accountCancellation.vue
  5. 21
      src/pages/manage/list/personal/currentAccount/deposit.vue
  6. 134
      src/pages/manage/list/personal/currentAccount/openAccount.vue
  7. 31
      src/pages/manage/list/personal/currentAccount/settle.vue
  8. 24
      src/pages/manage/list/personal/currentAccount/transferAccounts.vue
  9. 24
      src/pages/manage/list/personal/currentAccount/withdrawal.vue
  10. 1
      src/store/modules/system.js

12
src/api/api.js
Unescape View File

@ -2,7 +2,7 @@ import axios from 'axios';
import router from '../router'; import router from '../router';
// 创建axios实例 // 创建axios实例
const service = axios.create({ const service = axios.create({
baseURL: 'http://192.168.31.125:9000', baseURL: 'http://39.108.250.202:9000',
timeout: 30000 // 请求超时时间 timeout: 30000 // 请求超时时间
}) })
// 添加request拦截器 // 添加request拦截器
@ -28,14 +28,14 @@ service.interceptors.response.use(
return Promise.reject(error.response) return Promise.reject(error.response)
} }
) )
let token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1c2VyIiwiaWF0IjoxNjM1MzE1Nzc2LCJleHAiOjE2MzUzNTg5NzYsImFjY291bnRJZCI6IjEifQ.8K5ySMaieffu79LZjJPfA7u_OfMRo6JfiarCJGdoCiE'
export function get(url, params = {}) { export function get(url, params = {}) {
// params.t = new Date().getTime(); //get方法加一个时间参数,解决ie下可能缓存问题. // params.t = new Date().getTime(); //get方法加一个时间参数,解决ie下可能缓存问题.
return service({ return service({
url: url, url: url,
method: 'get', method: 'get',
headers: { headers: {
token:'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1c2VyIiwiaWF0IjoxNjM1MjEyMTYyLCJleHAiOjE2MzUyNTUzNjIsImFjY291bnRJZCI6IjIifQ.KjuoWp27gQwILUl0KsfxiyOwO45lADTS6ODO-x2KdJI' token:token
}, },
params params
}) })
@ -50,7 +50,7 @@ export function post(url, data = {}) {
method: 'post', method: 'post',
headers: { headers: {
'Content-Type':'application/json;charset=UTF-8', 'Content-Type':'application/json;charset=UTF-8',
token:'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1c2VyIiwiaWF0IjoxNjM1MjEyMTYyLCJleHAiOjE2MzUyNTUzNjIsImFjY291bnRJZCI6IjIifQ.KjuoWp27gQwILUl0KsfxiyOwO45lADTS6ODO-x2KdJI' token:token
}, },
data:data data:data
}; };
@ -65,7 +65,7 @@ export function put(url,data = {}){
method: 'put', method: 'put',
headers: { headers: {
'Content-Type':'application/json;charset=UTF-8', 'Content-Type':'application/json;charset=UTF-8',
token:'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1c2VyIiwiaWF0IjoxNjM1MjEyMTYyLCJleHAiOjE2MzUyNTUzNjIsImFjY291bnRJZCI6IjIifQ.KjuoWp27gQwILUl0KsfxiyOwO45lADTS6ODO-x2KdJI' token:token
}, },
data:JSON.stringify(data) data:JSON.stringify(data)
}) })
@ -76,7 +76,7 @@ export function deletes(url){
url: url, url: url,
method: 'delete', method: 'delete',
headers: { headers: {
token:'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1c2VyIiwiaWF0IjoxNjM1MjEyMTYyLCJleHAiOjE2MzUyNTUzNjIsImFjY291bnRJZCI6IjIifQ.KjuoWp27gQwILUl0KsfxiyOwO45lADTS6ODO-x2KdJI' token:token
} }
}) })
} }

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

@ -160,7 +160,7 @@
</div> </div>
<!-- 暂时未确定是否公共使用一个弹框 --> <!-- 暂时未确定是否公共使用一个弹框 -->
<div v-else class="list" ref="popUp"><!-- 钱箱 / 传票栏 ... 一系列可存物品弹框 --> <div v-else class="list" ref="popUp"><!-- 钱箱 / 传票栏 ... 一系列可存物品弹框 -->
<div class="img-wrap" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" v-for="(item, index) in popArr" :key="index" v-if="checkList.includes(item.id)" > <div class="img-wrap" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" v-for="(item, index) in receptionList" :key="index" v-if="receptionList.length" >
<img :src="item.src" class="file" alt="" /> <img :src="item.src" class="file" alt="" />
<p class="text">{{item.name}}</p> <p class="text">{{item.name}}</p>
</div> </div>
@ -192,7 +192,6 @@
<script> <script>
import { mapState } from 'vuex'; import { mapState } from 'vuex';
import Sortable from 'sortablejs' import Sortable from 'sortablejs'
import manage from '../../manage/index'; import manage from '../../manage/index';
export default { export default {
name: 'index', name: 'index',
@ -225,11 +224,8 @@ export default {
showGoods: false, showGoods: false,
manageVisible: false, // 显示系统录入 manageVisible: false, // 显示系统录入
checkList: [],// 物品栏选中 checkList: [],// 物品栏选中
elseBoxCheck:[],/* 所有其他可从物品栏拖拽物品进入的弹框 */ elseBoxCheck:[],/* 所有其他可从物品栏拖拽物品进入的弹框 */
// goods:[/* 物品栏物品 */ // goods:[/* 物品栏物品 */
// ], // ],
popArr:[/* 弹窗展示的物品 */ popArr:[/* 弹窗展示的物品 */
{name:'银行卡',src:require('@/assets/img/seal/paid.png'),id:'银行卡'}, {name:'银行卡',src:require('@/assets/img/seal/paid.png'),id:'银行卡'},
@ -249,6 +245,8 @@ export default {
{name:'开户申请书',src:require('@/assets/img/goods/khsqs.png'),id:'开户申请书'}, {name:'开户申请书',src:require('@/assets/img/goods/khsqs.png'),id:'开户申请书'},
{name:'现金',src:require('@/assets/img/goods/cash-sm.png'),id:'现金'}, {name:'现金',src:require('@/assets/img/goods/cash-sm.png'),id:'现金'},
{name:'存款凭条',src:require('@/assets/img/goods/ckpt.png'),id:'存款凭条'}, {name:'存款凭条',src:require('@/assets/img/goods/ckpt.png'),id:'存款凭条'},
],
receptionList:[
], ],
sealArr:[/* 印章盒物品 */ sealArr:[/* 印章盒物品 */
@ -293,7 +291,6 @@ export default {
clickNum:0, clickNum:0,
showImg:false, showImg:false,
imgSrc:'', imgSrc:'',
}; };
}, },
computed: { computed: {
@ -308,6 +305,9 @@ export default {
popText:function(){/* 文字 */ popText:function(){/* 文字 */
return this.$store.state.system.popText; return this.$store.state.system.popText;
}, },
id:function(){/* 文字 */
return this.$store.state.system.id;
},
goods:function () {/* 物品栏的物品 */ goods:function () {/* 物品栏的物品 */
return this.$store.state.system.goods return this.$store.state.system.goods
} }
@ -326,7 +326,6 @@ export default {
created() { created() {
console.log(/^[0-9]*$/.test('1234'),'/^[0-9]*$/'); console.log(/^[0-9]*$/.test('1234'),'/^[0-9]*$/');
console.log(/^\/d{6}$/.test('124056'),'/^[0-9]*$/'); console.log(/^\/d{6}$/.test('124056'),'/^[0-9]*$/');
let arr = this.$route.path.split('/').slice(-2); let arr = this.$route.path.split('/').slice(-2);
if (arr.pop() === 'manage' || arr[0] === 'manage') { if (arr.pop() === 'manage' || arr[0] === 'manage') {
this.manageVisible = true; this.manageVisible = true;
@ -374,6 +373,25 @@ export default {
/* oldindex识别是拖拽了哪个文件 */ /* oldindex识别是拖拽了哪个文件 */
console.log(that.goods[evt.oldIndex].name,'执行拖拽2'); console.log(that.goods[evt.oldIndex].name,'执行拖拽2');
that.checkList.push(that.goods[evt.oldIndex].name) that.checkList.push(that.goods[evt.oldIndex].name)
let ifElse = 0;
for(var i=0;i<that.popArr.length;i++){
if (that.goods[evt.oldIndex].name == that.popArr[i].name){
if (that.receptionList.length){
for(var j=0;j< that.receptionList.length;j++){
if (that.receptionList[j].name == that.goods[evt.oldIndex].name){
ifElse = ifElse+1
}
}
if(ifElse > 0){
}else{
that.receptionList.push(that.popArr[i])
}
}else{
that.receptionList.push(that.popArr[i])
}
}
}
alert('拉入到物品栏') alert('拉入到物品栏')
} }
} }
@ -386,7 +404,6 @@ export default {
name:'shared', name:'shared',
pull:'clone',// 是否可以被移出或克隆 pull:'clone',// 是否可以被移出或克隆
put:false put:false
}, },
sort: false,// 禁止排序 sort: false,// 禁止排序
// 结束拖拽 // 结束拖拽
@ -404,6 +421,7 @@ export default {
}, },
methods: { methods: {
toggleGoods() { toggleGoods() {
console.log('========')
this.showGoods = !this.showGoods; this.showGoods = !this.showGoods;
}, },
showData(type) {/* 展示弹窗-type为弹窗标题文字 */ showData(type) {/* 展示弹窗-type为弹窗标题文字 */
@ -427,7 +445,6 @@ export default {
} }
}, 200) }, 200)
}, },
dblClickFn(item,val){/* 选中/预览 单/双击函数 */ dblClickFn(item,val){/* 选中/预览 单/双击函数 */
let that = this let that = this
this.clickNum++ this.clickNum++
@ -461,7 +478,6 @@ export default {
} }
} }
}, 200) }, 200)
}, },
checkSeal(id) {/* 选中印章 */ checkSeal(id) {/* 选中印章 */
this.sealChecked.includes(id) ? this.sealChecked.splice(this.sealChecked.indexOf(id), 1) : this.sealChecked.push(id); this.sealChecked.includes(id) ? this.sealChecked.splice(this.sealChecked.indexOf(id), 1) : this.sealChecked.push(id);
@ -472,14 +488,14 @@ export default {
checkCommon(item){/* 选中普通凭证 */ checkCommon(item){/* 选中普通凭证 */
this.commonChecked.includes(id) ? this.commonChecked.splice(this.commonChecked.indexOf(id), 1) : this.commonChecked.push(id); this.commonChecked.includes(id) ? this.commonChecked.splice(this.commonChecked.indexOf(id), 1) : this.commonChecked.push(id);
}, },
closePop() {// 关闭弹窗 closePop() {// 关闭弹窗
this.receptionList = [];
this.toggleGoods()
this.$store.commit('system/changePop',{show:false,text:''}) this.$store.commit('system/changePop',{show:false,text:''})
}, },
closeData() { closeData() {
this.checkList = []; this.checkList = [];
}, },
showManage() {// 展示系统管理 showManage() {// 展示系统管理
this.manageVisible = true; this.manageVisible = true;
this.$router.push('/counter/list/manage/consumerClient'); this.$router.push('/counter/list/manage/consumerClient');
@ -506,24 +522,24 @@ export default {
this.$store.commit('system/changeGoods',{push:arr}) this.$store.commit('system/changeGoods',{push:arr})
clickList.length = 0 clickList.length = 0
}else{ }else{
if (this.id == '33'){
sessionStorage.setItem('consumerClientDrag', JSON.stringify(this.receptionList))
}
switch (this.popText) {/* 其他物品交互逻辑： */ switch (this.popText) {/* 其他物品交互逻辑： */
case'': case'':
break; break;
case'': case'':
break; break;
default: default:
break; break;
} }
} }
this.toggleGoods()
this.$message.success(`${this.popText}操作成功！`) this.$message.success(`${this.popText}操作成功！`)
setTimeout(()=>{ setTimeout(()=>{
this.$store.commit('system/changePop',{show:false,text:''}) this.$store.commit('system/changePop',{show:false,text:''})
},800) },800)
this.receptionList = [];
} }
} }
}; };
@ -1092,7 +1108,7 @@ export default {
img { img {
width: 130px; width: 130px;
max-height: 108px; max-height: 108px;
margin-top: 10px; margin: 10px auto 0;
z-index: 9; z-index: 9;
} }
p { p {

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

@ -69,7 +69,6 @@
</el-row> </el-row>
</div> </div>
<el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button> <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
<el-dialog <el-dialog
style="margin-top:10vh" style="margin-top:10vh"
:visible.sync="visible" :visible.sync="visible"
@ -77,8 +76,7 @@
width="40%" width="40%"
:close-on-click-modal="false" :close-on-click-modal="false"
:show-close="false" :show-close="false"
custom-class="data-dia" custom-class="data-dia">
>
<div slot="title" class="dia-header"> <div slot="title" class="dia-header">
<div class="data-title">提交</div> <div class="data-title">提交</div>
</div> </div>
@ -135,20 +133,19 @@ export default {
{name:'女',id:2}, {name:'女',id:2},
], ],
nations : [{name:"汉族",id:0}, {name:"蒙古族",id:1}, {name:"回族",id:2}, {name:"藏族",id:3}, {name:"维吾尔族",id:4}, {name:"苗族",id:5}, {name:"彝族",id:6}, {name:"壮族",id:7}, {name:"布依族",id:8}, {name:"朝鲜族",id:9}, {name:"满族",id:10}, {name:"侗族",id:11}, {name:"瑶族",id:12}, {name:"白族",id:13}, {name:"土家族",id:14},{name:"哈尼族",id:15}, {name:"哈萨克族",id:16}, {name:"傣族",id:17}, {name:"黎族",id:18}, {name:"傈僳族",id:19}, {name:"佤族",id:20}, {name:"畲族",id:21}, {name:"高山族",id:22}, {name:"拉祜族",id:23}, {name:"水族",id:24}, {name:"东乡族",id:25}, {name:"纳西族",id:26}, {name:"景颇族",id:27}, {name:"柯尔克孜族",id:28},{name:"土族",id:29}, {name:"达斡尔族",id:0}, {name:"仫佬族",id:31}, {name:"羌族",id:32}, {name:"布朗族",id:33}, {name:"撒拉族",id:34}, {name:"毛南族",id:35}, {name:"仡佬族",id:36}, {name:"锡伯族",id:37}, {name:"阿昌族",id:38}, {name:"普米族",id:39}, {name:"塔吉克族",id:40}, {name:"怒族",id:41}, {name:"乌孜别克族",id:42},{name:"俄罗斯族",id:43}, {name:"鄂温克族",id:44}, {name:"德昂族",id:45}, {name:"保安族",id:46}, {name:"裕固族",id:47}, {name:"京族",id:48}, {name:"塔塔尔族",id:49}, {name:"独龙族",id:50}, {name:"鄂伦春族",id:51}, {name:"赫哲族",id:52}, {name:"门巴族",id:53}, {name:"珞巴族",id:54}, {name:"基诺族",id:55}], nations : [{name:"汉族",id:0}, {name:"蒙古族",id:1}, {name:"回族",id:2}, {name:"藏族",id:3}, {name:"维吾尔族",id:4}, {name:"苗族",id:5}, {name:"彝族",id:6}, {name:"壮族",id:7}, {name:"布依族",id:8}, {name:"朝鲜族",id:9}, {name:"满族",id:10}, {name:"侗族",id:11}, {name:"瑶族",id:12}, {name:"白族",id:13}, {name:"土家族",id:14},{name:"哈尼族",id:15}, {name:"哈萨克族",id:16}, {name:"傣族",id:17}, {name:"黎族",id:18}, {name:"傈僳族",id:19}, {name:"佤族",id:20}, {name:"畲族",id:21}, {name:"高山族",id:22}, {name:"拉祜族",id:23}, {name:"水族",id:24}, {name:"东乡族",id:25}, {name:"纳西族",id:26}, {name:"景颇族",id:27}, {name:"柯尔克孜族",id:28},{name:"土族",id:29}, {name:"达斡尔族",id:0}, {name:"仫佬族",id:31}, {name:"羌族",id:32}, {name:"布朗族",id:33}, {name:"撒拉族",id:34}, {name:"毛南族",id:35}, {name:"仡佬族",id:36}, {name:"锡伯族",id:37}, {name:"阿昌族",id:38}, {name:"普米族",id:39}, {name:"塔吉克族",id:40}, {name:"怒族",id:41}, {name:"乌孜别克族",id:42},{name:"俄罗斯族",id:43}, {name:"鄂温克族",id:44}, {name:"德昂族",id:45}, {name:"保安族",id:46}, {name:"裕固族",id:47}, {name:"京族",id:48}, {name:"塔塔尔族",id:49}, {name:"独龙族",id:50}, {name:"鄂伦春族",id:51}, {name:"赫哲族",id:52}, {name:"门巴族",id:53}, {name:"珞巴族",id:54}, {name:"基诺族",id:55}],
} }
}, },
mounted() { mounted() {
}, },
methods: { methods: {
popUp(){// 唤起弹窗 popUp(){// 唤起弹窗
this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪'}) this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪',id:'33'})
}, },
//提交个人用户信息 //提交个人用户信息
submitForm(){ submitForm(){
let consumerClientDrag = sessionStorage.getItem('consumerClientDrag')
let consumerClientDragList = JSON.parse(consumerClientDrag);
console.log(consumerClientDragList)
if(this.form.idNumber && this.form.idNumber.userName && this.form.idNumber.sex && this.form.idNumber.birthday && this.form.idNumber.phone) { if(this.form.idNumber && this.form.idNumber.userName && this.form.idNumber.sex && this.form.idNumber.birthday && this.form.idNumber.phone) {
this.visible = true; this.visible = true;
let formList = []; let formList = [];
@ -168,32 +165,13 @@ export default {
"type": "" "type": ""
}) })
} }
formList.push({ formList.push(
"emptyOne": "", {"emptyOne": "", "emptyTwo": "", "operationIds": "5,25,33,40", "type": ""},
"emptyTwo": "", {"emptyOne": "", "emptyTwo": "", "operationIds": "5,25,33,41,13", "type": ""},
"operationIds": "5,25,33,40", {"emptyOne": "", "emptyTwo": "", "operationIds": "5,25,33,42", "type": ""},
"type": "" {"emptyOne": "", "emptyTwo": "", "operationIds": "5,25,33,44", "type": ""},
}, { {"emptyOne": "", "emptyTwo": "", "operationIds": "5,25,33,47", "type": ""}
"emptyOne": "", );
"emptyTwo": "",
"operationIds": "5,25,33,41,13",
"type": ""
}, {
"emptyOne": "",
"emptyTwo": "",
"operationIds": "5,25,33,42",
"type": ""
}, {
"emptyOne": "",
"emptyTwo": "",
"operationIds": "5,25,33,44",
"type": ""
}, {
"emptyOne": "",
"emptyTwo": "",
"operationIds": "5,25,33,47",
"type": ""
});
sessionStorage.setItem('ruleReqs', JSON.stringify(formList)) sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
}else{ }else{
this.$message.error('有必填项为填哦~'); this.$message.error('有必填项为填哦~');
@ -209,7 +187,6 @@ export default {
console.log(timer,'触发节流，查看timer') console.log(timer,'触发节流，查看timer')
return function(){ return function(){
console.log('进入timer0') console.log('进入timer0')
var context = this; var context = this;
var args = fn; var args = fn;
if(!timer){ if(!timer){
@ -221,8 +198,6 @@ export default {
} }
} }
}, },
} }
}; };
</script> </script>

9
src/pages/manage/list/personal/currentAccount/accountCancellation.vue
Unescape View File

@ -10,7 +10,7 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="证件类型"> <el-form-item label="证件类型">
<el-select v-model="form.x" disabled placeholder="请选择"> <el-select v-model="form.idType" disabled placeholder="请选择">
<el-option label="身份证" value="身份证"> </el-option> <el-option label="身份证" value="身份证"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -22,7 +22,7 @@
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="客户姓名"> <el-form-item label="客户姓名">
<el-input v-model="form.name"></el-input> <el-input v-model="form.userName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="证件号码" required> <el-form-item label="证件号码" required>
<div class="idCard" @click="popUp('身份证扫描器')"> <div class="idCard" @click="popUp('身份证扫描器')">
@ -41,7 +41,10 @@ export default{
props:{}, props:{},
data(){ data(){
return{ return{
form:{} form:{
idType:'',
userName:'',
}
} }
}, },
created() { created() {

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

@ -10,30 +10,30 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="币种"> <el-form-item label="币种">
<el-select v-model="form.x" placeholder="请选择"> <el-select v-model="form.currency" placeholder="请选择">
<el-option label="CNY人民币" value="CNY人民币"> </el-option> <el-option label="CNY人民币" value="CNY人民币"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="金额"> <el-form-item label="金额">
<el-input v-model="form.name"></el-input> <el-input v-model="form.money"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required> <el-form-item label="客户姓名" required>
<el-input v-model="form.name"></el-input> <el-input v-model="form.userName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" required> <el-form-item label="钞汇标识" required>
<el-select v-model="form.identification" placeholder="请选择"> <el-select v-model="form.goldLogo" placeholder="请选择">
<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="年利率" required> <el-form-item label="年利率" required>
<el-input v-model="form.name"></el-input> <el-input v-model="form.annualInterest"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="21" :offset="1"> <el-col :span="21" :offset="1">
<el-form-item label="摘要"> <el-form-item label="摘要">
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.name"></el-input> <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.remark"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
@ -47,7 +47,14 @@ export default{
props:{}, props:{},
data(){ data(){
return{ return{
form:{} form:{
currency:'',
money:'',
userName:'',
goldLogo:'',
annualInterest:'',
remark:'',
}
} }
} }
} }

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

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

31
src/pages/manage/list/personal/currentAccount/settle.vue
Unescape View File

@ -10,41 +10,43 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="币种"> <el-form-item label="币种">
<el-select v-model="form.x" disabled placeholder="请选择"> <el-select v-model="form.currency" disabled placeholder="请选择">
<el-option label="CNY人民币" value="CNY人民币"> </el-option> <el-option label="CNY人民币" value="CNY人民币"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="金额"> <el-form-item label="金额">
<el-input disabled v-model="form.name"></el-input> <el-input disabled v-model="form.money"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="总金额"> <el-form-item label="总金额">
<el-input disabled v-model="form.name" placeholder="显示余额加利息总额"></el-input> <el-input disabled v-model="form.totalMoney" placeholder="显示余额加利息总额"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" required> <el-form-item label="支取密码" required>
<el-input v-model="form.name"></el-input> <div class="idCard" @click="popUp('密码器')">
<p>请输入密码</p>
</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="客户姓名"> <el-form-item label="客户姓名">
<el-input v-model="form.name"></el-input> <el-input v-model="form.userName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识"> <el-form-item label="钞汇标识">
<el-select v-model="form.identification" placeholder="请选择"> <el-select v-model="form.goldLogo" placeholder="请选择">
<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="利息">
<el-input v-model="form.name" disabled></el-input> <el-input v-model="form.interest" disabled></el-input>
</el-form-item> </el-form-item>
<el-form-item label="支取方式" required> <el-form-item label="支取方式" required>
<el-select v-model="form.identification" placeholder="请选择"> <el-select v-model="form.chargeWay" placeholder="请选择">
<el-option label="现金" value="现金"> </el-option> <el-option label="现金" value="现金"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="21" :offset="1"> <el-col :span="21" :offset="1">
<el-form-item label="摘要"> <el-form-item label="摘要">
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.name"></el-input> <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.remark"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
@ -58,7 +60,16 @@ export default{
props:{}, props:{},
data(){ data(){
return{ return{
form:{} form:{
currency:'',
money:'',
totalMoney:'',
userName:'',
goldLogo:'',
interest:'',
chargeWay:'',
remark:'',
}
} }
}, },
created() { created() {

24
src/pages/manage/list/personal/currentAccount/transferAccounts.vue
Unescape View File

@ -10,23 +10,23 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="币种"> <el-form-item label="币种">
<el-select disabled v-model="form.x" placeholder="请选择"> <el-select disabled v-model="form.currency" placeholder="请选择">
<el-option label="CNY人民币" value="CNY人民币"> </el-option> <el-option label="CNY人民币" value="CNY人民币"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="金额" required> <el-form-item label="金额" required>
<el-input v-model="form.name"></el-input> <el-input v-model="form.money"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收款卡号" required> <el-form-item label="收款卡号" required>
<el-input v-model="form.name"></el-input> <el-input v-model="form.shroffAccount"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="客户姓名"> <el-form-item label="客户姓名">
<el-input v-model="form.name" disabled></el-input> <el-input v-model="form.userName" disabled></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" required> <el-form-item label="钞汇标识" required>
<el-select disabled v-model="form.identification" placeholder="请选择"> <el-select disabled v-model="form.goldLogo" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option> <el-option label="钞户" value="钞户"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -36,12 +36,12 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="收款人名称" required> <el-form-item label="收款人名称" required>
<el-input v-model="form.name" ></el-input> <el-input v-model="form.payeeName " ></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="21" :offset="1"> <el-col :span="21" :offset="1">
<el-form-item label="摘要"> <el-form-item label="摘要">
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.name"></el-input> <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.remark"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
@ -55,7 +55,15 @@ export default{
props:{}, props:{},
data(){ data(){
return{ return{
form:{} form:{
currency:'',
money:'',
shroffAccount:'',
userName:'',
goldLogo:'',
payeeName:'',
remark:'',
}
} }
} }
} }

24
src/pages/manage/list/personal/currentAccount/withdrawal.vue
Unescape View File

@ -10,12 +10,12 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="币种"> <el-form-item label="币种">
<el-select v-model="form.x" placeholder="请选择"> <el-select v-model="form.currency" placeholder="请选择">
<el-option label="CNY人民币" value="CNY人民币"> </el-option> <el-option label="CNY人民币" value="CNY人民币"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="金额"> <el-form-item label="金额">
<el-input v-model="form.name"></el-input> <el-input v-model="form.money"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" required> <el-form-item label="支取密码" required>
<div class="idCard" @click="popUp('密码器')"> <div class="idCard" @click="popUp('密码器')">
@ -25,25 +25,25 @@
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required> <el-form-item label="客户姓名" required>
<el-input v-model="form.name"></el-input> <el-input v-model="form.userName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" required> <el-form-item label="钞汇标识" required>
<el-select v-model="form.identification" placeholder="请选择"> <el-select v-model="form.goldLogo" placeholder="请选择">
<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="支取方式" required> <el-form-item label="支取方式" required>
<el-select v-model="form.identification" placeholder="请选择"> <el-select v-model="form.chargeWay" placeholder="请选择">
<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="手续费" required> <el-form-item label="手续费" required>
<el-input v-model="form.name" ></el-input> <el-input v-model="form.serviceCharge" ></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="21" :offset="1"> <el-col :span="21" :offset="1">
<el-form-item label="摘要"> <el-form-item label="摘要">
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.name"></el-input> <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.remark"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
@ -57,7 +57,15 @@ export default{
props:{}, props:{},
data(){ data(){
return{ return{
form:{} form:{
currency:'',
money:'',
userName:'',
goldLogo:'',
serviceCharge:'',
chargeWay:'',
remark:'',
}
} }
} }
} }

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

@ -40,6 +40,7 @@ export default {
changePop:(state,val)=>{ changePop:(state,val)=>{
state.showPop = val.show state.showPop = val.show
state.popText = val.text state.popText = val.text
state.id = val.id
}, },
changeGoods:(state,obj)=>{/* 赋值/push/删除 */ changeGoods:(state,obj)=>{/* 赋值/push/删除 */
if(obj.goods&&obj.goods.length>0){ if(obj.goods&&obj.goods.length>0){

Write Preview
Loading…
Cancel
Save