FE_bankTeaching/src/store/modules/system.js

/* 银行系统 */
export default {
    namespaced: true,
    state: {/* 管理柜台状态 */
        showPop: false,// 弹框
        popText:'钱箱',
        fullScreen:false,// 银行系统是否全屏
        showGoods: false, // 物品栏的展开和关闭
        // 业务选择表: 
        businessKey: '',
        allGoods:{/* 所有物品名字 */
            16: {name:'银行卡',src:require('@/assets/img/goods/bankCard.png'),id:16},
            19: {name:'定期存单',src:require('@/assets/img/seal/paid.png'),id:19},
            '预留印签卡': {name:'预留印签卡',src:require('@/assets/img/seal/paid.png'),id:'预留印签卡'},
            '转账支票': {name:'转账支票',src:require('@/assets/img/goods/xd-zzzp.png'),id:'转账支票'},
            30: {name:'银行承兑汇票',src:require('@/assets/img/seal/paid.png'),id:30},
            '现金支票': {name:'现金支票',src:require('@/assets/img/goods/xjzp.png'),id:'现金支票'},
            '取款凭条': {name:'取款凭条',src:require('@/assets/img/goods/qkpt.png'),id:'取款凭条'},
            '转账凭条': {name:'转账凭条',src:require('@/assets/img/goods/zzpt.png'),id:'转账凭条'},
            '业务收费凭证': {name:'业务收费凭证',src:require('@/assets/img/goods/ywsfpz.png'),id:'业务收费凭证'},
            '利息清单': {name:'利息清单',src:require('@/assets/img/goods/lxqd.png'),id:'利息清单'},
            '普通空白凭证': {name:'普通空白凭证',src:require('@/assets/img/goods/ptkbpz.png'),id:'普通空白凭证'},
            13: {name:'身份证',src:require('@/assets/img/goods/idcard.png'),id:13},
            23: {name:'身份证复印件',src:require('@/assets/img/idCard-copy-sm.png'),id:23},
            14: {name:'开户申请书',src:require('@/assets/img/goods/khsqs.png'),id:14},
            15: {name:'现金',src:require('@/assets/img/goods/cash-sm.png'),id:15},
            17: {name:'存款凭条',src:require('@/assets/img/goods/ckpt.png'),id:17},
        },
        businessSelect: {
            '': {
                data: [],
                needs: []
            },
            '项目一': {
                data: [15, 13, 23, 14],
                needs: [16, 17]
            }
        },
        goods:[// 物品栏的物品
            {
                name:'身份证',
                src:require('@/assets/img/goods/idcard.png'),
                id:'a'
            },
            {
                name:'身份证复印件',
                src:require('@/assets/img/idCard-copy-sm.png'),
                id:'b'
            },
            {
                name:'开户申请书',
                src:require('@/assets/img/goods/khsqs.png'),
                id:'c'
            },
            {
                name:'现金',
                src:require('@/assets/img/goods/cash-sm.png'),
                id:'d'
            },
            // {
            //     name:'存款凭条',
            //     src:require('@/assets/img/goods/ckpt.png'),
            //     id:'e'
            // },
        ],
        goodsOpen:[// 物品栏的物品
            {name:'身份证', src:require('@/assets/img/goods/idcard.png'), id:13},
            {name:'身份证复印件',src:require('@/assets/img/idCard-copy-sm.png'),id:23},
            {name:'银行卡',src:require('@/assets/img/goods/bankCard.png'),id:16},
            {name:'转账凭条',src:require('@/assets/img/goods/zzpt.png'),id:'转账凭条'},
            // {
            //     name:'存款凭条',
            //     src:require('@/assets/img/goods/ckpt.png'),
            //     id:'e'
            // },
        ],
    },
    mutations: {
        containBusinessKey(state, containKey) {
            state.businessKey = containKey
        },
        setBusinessKey: (state, val) => {
            state.businessKey = val
        },
        addGoods: (state, goods) => {
            if(!(goods instanceof Array)) {
                goods = [ goods ]
            }
            const needArr = [...state.businessSelect[state.businessKey].needs]
            for(let i=0; i<goods.length; i++) {
                for(let j=0; j<needArr.length; j++) {
                    if(goods[i] === needArr[j]) {
                        console.log(goods[i] + '- -' + needArr[j])
                        // 如果这个物品是这个项目需要添加的 就加进去 否则不添加
                        state.businessSelect[state.businessKey].data.push(needArr[j])
                        // 加进去了 下次就添加不了了
                        state.businessSelect[state.businessKey].needs.splice(j,1)
                        break;
                    }else {
                        console.log('???')
                    }
                }
            }
        },
        deleteGoods: (state, index) => {
            // 传个物品对象过来
            state.businessSelect[state.businessKey].data.splice(index, 1)
        },
        changeFullscreen:(state,val) => {
            state.fullScreen = val
        },
        changePop:(state,val)=>{
            state.showPop = val.show
            state.popText = val.text
            state.id = val.id
            if(!val.text.includes('密码') && val.show) {
                state.showGoods = true;
            }
        },
        changeGoods:(state,obj)=>{/* 赋值/push/删除 */
            if(obj.goods&&obj.goods.length>0){
                state.goods = obj.goods
            }else if(obj.push&&obj.push.length>0){
                for(let j=0; j<obj.push.length; j++) {
                    let judge = true
                    for(let i=0; i<state.goods.length; i++) {
                        if(obj.push[j].name === state.goods[i].name) {
                            judge = false
                            break;
                        }
                    }
                    if(judge) {
                        console.log(judge)
                        state.goods.push(obj.push[j])
                    }
                }
            }else if(typeof(obj.splice)===Number ){
                state.goods.splice(obj.splice,1)
            }
        },
        // 物品栏的展开和关闭
        changeShowGoods(state, judge) {
            state.showGoods = judge
        },
        addGoodsOpen(state, arr) {
            // 传来要做的事和数组
            state.goodsOpen.push(...arr)
        },
        removeGoodsOpen(state, obj) {
            // 传来要做的事和数组
            state.goodsOpen.map((item, index) => {
                if(item.name === obj.name) {
                    state.goodsOpen.splice(index, 1)
                }
            })
        },
        setGoodsOpen(state, arr) {
            state.goodsOpen = arr
        }
    },
    actions: {
        
    },
    getters: {
        // 选择项目物品栏中的物品 根据myKey判断有什么
        goods2(state) {
            // 调试容错采用if-else
            const arr = []
            for(const item of state.businessSelect[state.businessKey].data) {
                arr.push(state.allGoods[item])
            }
            return arr
        }
    }
}