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

no message

Browse Source
20240205
e 3 years ago
parent 75438c6215
commit acb2fe5aec
12 changed files with 697 additions and 153 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. 6
      package-lock.json
  2. 1
      package.json
  3. BIN
      src/assets/img/cash-sm.png
  4. 4
      src/components/case/index.vue
  5. 22
      src/main.js
  6. 654
      src/pages/counter/list/index.vue
  7. 6
      src/pages/lobbyManager/list/index.vue
  8. 8
      src/pages/manage/index/index.vue
  9. 46
      src/pages/manage/list/client/consumerClient.vue
  10. 12
      src/pages/manage/list/personal/currentAccount/deposit.vue
  11. 36
      src/pages/manage/list/personal/currentAccount/openAccount.vue
  12. 5
      src/store/modules/layout.js

6
package-lock.json generated
Unescape View File

@ -11394,9 +11394,9 @@
} }
}, },
"sortablejs": { "sortablejs": {
"version": "1.10.1", "version": "1.14.0",
"resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.10.1.tgz", "resolved": "https://registry.nlark.com/sortablejs/download/sortablejs-1.14.0.tgz",
"integrity": "sha512-N6r7GrVmO8RW1rn0cTdvK3JR0BcqecAJ0PmYMCL3ZuqTH3pY+9QyqkmJSkkLyyDvd+AJnwaxTP22Ybr/83V9hQ==" "integrity": "sha1-bS4XzL2yX0ZHNN9iHU811Ks1s9g="
}, },
"source-list-map": { "source-list-map": {
"version": "2.0.1", "version": "2.0.1",

1
package.json
Unescape View File

@ -17,6 +17,7 @@
"mavon-editor": "^2.6.17", "mavon-editor": "^2.6.17",
"postcss-px2rem": "^0.3.0", "postcss-px2rem": "^0.3.0",
"px2rem-loader": "^0.1.9", "px2rem-loader": "^0.1.9",
"sortablejs": "^1.14.0",
"vue": "^2.6.10", "vue": "^2.6.10",
"vue-cropperjs": "^3.0.0", "vue-cropperjs": "^3.0.0",
"vue-i18n": "^8.10.0", "vue-i18n": "^8.10.0",

BIN
src/assets/img/cash-sm.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 29 KiB

4
src/components/case/index.vue
Unescape View File

@ -150,7 +150,9 @@ export default {
createTime: "", //开始时间 createTime: "", //开始时间
actEndTime: "", //倒计时结束时间 actEndTime: "", //倒计时结束时间
projectId: "", //选中后绑定的对象 projectId: "", //选中后绑定的对象
value: [], value: [
{projectName:'项目1',projectId:1}
],
experimentalGoal: "", //实验目标 experimentalGoal: "", //实验目标
caseDescription: "", //案例描述 caseDescription: "", //案例描述
experimentSuggests: "", //实验提示 experimentSuggests: "", //实验提示

22
src/main.js
Unescape View File

@ -18,6 +18,27 @@ import permission from '@/router/permission';
import plugins from '@/plugins'; import plugins from '@/plugins';
import filters from '@/plugins/filters' import filters from '@/plugins/filters'
Vue.directive('focus', {/* 聚焦事件 */
inserted: function (el, binding) {
if (el.parentNode.querySelector('input').disabled === false) {
el.parentNode.querySelector('input').focus()
}
}
})
Vue.directive('throttle', {/* 节流 */
inserted: function (el, binding) {
el.addEventListener('click', () => {
if (!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
}, binding.value || 3000)
}
})
}
});
Vue.use(plugins); Vue.use(plugins);
Object.keys(filters).forEach(item => Vue.filter(item,filters[item])) Object.keys(filters).forEach(item => Vue.filter(item,filters[item]))
@ -43,3 +64,4 @@ new Vue({
store, store,
render: h => h(App) render: h => h(App)
}).$mount('#app'); }).$mount('#app');

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

@ -1,7 +1,7 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<img class="sth bg" src="@/assets/img/integrated-counter-bg.png" alt="" /> <img class="sth bg" src="@/assets/img/integrated-counter-bg.png" alt="" />
<img class="sth guide" src="@/assets/img/guide.png" alt="" /> <!-- <img class="sth guide" src="@/assets/img/guide.png" alt="" /> -->
<img class="sth man" src="@/assets/img/man.png" alt="" /> <img class="sth man" src="@/assets/img/man.png" alt="" />
<img class="sth counter" src="@/assets/img/counter.png" alt="" /> <img class="sth counter" src="@/assets/img/counter.png" alt="" />
<img class="sth glass" src="@/assets/img/glass.png" alt="" /> <img class="sth glass" src="@/assets/img/glass.png" alt="" />
@ -9,7 +9,7 @@
<!-- 系统录入 --> <!-- 系统录入 -->
<el-tooltip placement="top" popper-class="sth-popper"> <el-tooltip placement="top" popper-class="sth-popper">
<div slot="content"> <div slot="content">
<img style="height: 178px" src="@/assets/img/tooltip/system.png" alt="" /> <img style="height: 178px;position:relative;top:-450px;right:20px" src="@/assets/img/tooltip/system.png" alt="" />
</div> </div>
<img @click="showManage" class="sth computer cp" src="@/assets/img/computer.png" alt="" /> <img @click="showManage" class="sth computer cp" src="@/assets/img/computer.png" alt="" />
</el-tooltip> </el-tooltip>
@ -18,21 +18,21 @@
<div slot="content"> <div slot="content">
<img src="@/assets/img/tooltip/cpl.png" alt="" /> <img src="@/assets/img/tooltip/cpl.png" alt="" />
</div> </div>
<img class="sth summons cp" src="@/assets/img/summons.png" alt="" /> <img class="sth summons cp" src="@/assets/img/summons.png" alt="" @click="showData('传票箱')" />
</el-tooltip> </el-tooltip>
<el-tooltip placement="top-start" popper-class="sth-popper" offset="250"> <el-tooltip placement="top-start" popper-class="sth-popper" offset="250">
<div slot="content"> <div slot="content">
<img src="@/assets/img/tooltip/ptpzx.png" alt="" /> <img src="@/assets/img/tooltip/ptpzx.png" alt="" />
</div> </div>
<img class="sth voucher-box cp" src="@/assets/img/voucher-box.png" alt="" /> <img class="sth voucher-box cp" src="@/assets/img/voucher-box.png" alt="" @click="showData('普通凭证箱')" />
</el-tooltip> </el-tooltip>
<el-tooltip placement="top-start" popper-class="sth-popper" offset="250"> <el-tooltip placement="top-start" popper-class="sth-popper" offset="250">
<div slot="content"> <div slot="content">
<img src="@/assets/img/tooltip/zk.png" alt="" /> <img src="@/assets/img/tooltip/zk.png" alt="" />
</div> </div>
<img class="sth important cp" src="@/assets/img/important.png" alt="" /> <img class="sth important cp" src="@/assets/img/important.png" alt="" @click="showData('重要空白凭证箱')" />
</el-tooltip> </el-tooltip>
<el-tooltip placement="left-start" popper-class="sth-popper"> <el-tooltip placement="left-start" popper-class="sth-popper">
@ -46,99 +46,153 @@
<div slot="content"> <div slot="content">
<img src="@/assets/img/tooltip/yzh.png" alt="" /> <img src="@/assets/img/tooltip/yzh.png" alt="" />
</div> </div>
<img class="sth seal-box cp" src="@/assets/img/seal-box.png" alt="" /> <img class="sth seal-box cp" src="@/assets/img/seal-box.png" @click="showData('印章盒')" alt="" />
</el-tooltip> </el-tooltip>
<el-tooltip placement="top" popper-class="sth-popper" offset="-100"> <el-tooltip placement="top" popper-class="sth-popper" offset="-100">
<div slot="content"> <div slot="content">
<img src="@/assets/img/tooltip/ycj.png" alt="" /> <img src="@/assets/img/tooltip/ycj.png" alt="" />
</div> </div>
<img class="sth currency-detector cp" src="@/assets/img/currency-detector.png" alt="" /> <img class="sth currency-detector cp" src="@/assets/img/currency-detector.png" @click="showData('验钞机')" alt="" />
</el-tooltip> </el-tooltip>
<el-tooltip placement="top" popper-class="sth-popper" offset="-400"> <el-tooltip placement="top" popper-class="sth-popper" offset="-400">
<div slot="content"> <div slot="content">
<img src="@/assets/img/tooltip/dyj.png" alt="" /> <img src="@/assets/img/tooltip/dyj.png" alt="" />
</div> </div>
<img class="sth printer cp" src="@/assets/img/printer.png" alt="" /> <img class="sth printer cp" src="@/assets/img/printer.png" alt="" @click="showData('打印机')" />
</el-tooltip> </el-tooltip>
<el-tooltip placement="top" popper-class="sth-popper" offset="50"> <el-tooltip placement="top" popper-class="sth-popper" offset="50">
<div slot="content"> <div slot="content">
<img src="@/assets/img/tooltip/mmq.png" alt="" /> <img src="@/assets/img/tooltip/mmq.png" alt="" />
</div> </div>
<img class="sth cipher-machine cp" src="@/assets/img/cipher-machine.png" alt="" /> <img class="sth cipher-machine cp" src="@/assets/img/cipher-machine.png" @click="showData('密码器')" alt="" />
</el-tooltip> </el-tooltip>
<img class="sth employee" src="@/assets/img/employee.png" alt="" /> <img class="sth employee" src="@/assets/img/employee.png" alt="" />
<p class="employeeText">资料</p>
<el-tooltip placement="top" popper-class="sth-popper" offset="-50">
<div slot="content">
<img src="@/assets/img/tooltip/data.png" alt="" />
</div>
<p class="employeeText" @click="showData('资料')">资料</p>
</el-tooltip>
<el-tooltip placement="top" popper-class="sth-popper" offset="00"> <el-tooltip placement="top" popper-class="sth-popper" offset="00">
<div slot="content"> <div slot="content">
<img src="@/assets/img/tooltip/skj.png" alt="" /> <img src="@/assets/img/tooltip/skj.png" alt="" />
</div> </div>
<img class="sth card-machine cp" src="@/assets/img/card-machine.png" alt="" /> <img class="sth card-machine cp" src="@/assets/img/card-machine.png" alt="" @click="showData('刷卡器')" />
</el-tooltip> </el-tooltip>
<el-tooltip placement="top" popper-class="sth-popper" offset="-100"> <el-tooltip placement="top" popper-class="sth-popper" offset="-100">
<div slot="content"> <div slot="content">
<img src="@/assets/img/tooltip/sfz.png" alt="" /> <img src="@/assets/img/tooltip/sfz.png" alt="" />
</div> </div>
<img class="sth idCard-scanner cp" src="@/assets/img/idCard-scanner.png" alt="" /> <img class="sth idCard-scanner cp" src="@/assets/img/idCard-scanner.png" @click="showData('身份证扫描仪')" alt="" />
</el-tooltip> </el-tooltip>
<div class="goods-dia" :class="{ active: showGoods }"> <!-- 物品栏 -->
<img src="@/assets/img/idCard.png" alt="" /> <div ref="goods" class="goods-dia" :class="{ active: showGoods }">
<img src="@/assets/img/open-account.png" alt="" /> <div :id="item.name" v-for="(item, index) in goods" :key="index" :class="{ checked: checkList.includes(item.id),file:true }" @click="dblClickFn(item,'goods')">
<img src="@/assets/img/cash.png" alt="" /> <img :style="item.name==='开户申请书'?'margin-top:10px;':''" :src="item.src" alt="" />
<p>{{item.name}}</p>
</div>
</div> </div>
<div class="goods" :class="{ active: showGoods }" @click="toggleGoods"> <div class="goods" :class="{ active: showGoods }" @click="toggleGoods">
<span>物品栏</span> <span>物品栏</span>
<img class="icon" src="@/assets/svg/arrow-right.svg" alt="" /> <img class="icon" src="@/assets/svg/arrow-right.svg" alt="" />
</div> </div>
<el-dialog <!-- 硬件交互--弹框 -->
:visible.sync="dataVisible" <div v-show="showPop" width="1280px" class="data-dia">
width="1280px" <div class="dia-header">
@close="closeData" <div class="data-title">{{ popText }}</div>
:close-on-click-modal="false" <img class="close" src="@/assets/svg/close.svg" alt="" @click="closePop" />
:show-close="false" </div>
custom-class="data-dia" <p v-if="popText=='密码器'" class="tips"></p>
> <p v-else-if="popText=='重要空白凭证箱'||popText=='普通凭证箱'" class="tips">- 请从以下物品中选取所需材料 -</p>
<div slot="title" class="dia-header"> <p v-else class="tips">- 请从物品栏选中或拖拽所需材料 -</p>
<div class="data-title">{{ dataTitle }}</div>
<img class="close" src="@/assets/svg/close.svg" alt="" @click="closeDataDia" /> <div v-if="popText==='密码器'" style="min-height:204;width:800px;padding-right:150px;padding-top:50px">
</div> <el-form :model="passwordForm" :rules="passwordRules" ref="form" label-width="180px">
<p class="tips">- 请单击选中所需材料、双击可放大预览 -</p> <el-form-item label="密码" prop="password">
<ul class="list"> <el-input v-focus v-model="passwordForm.password" maxlength="6" onkeyup="this.value=this.value.replace(/[^19]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" autocomplete="off"></el-input>
<li :class="{ checked: checkList.includes(1) }" @click="checkData(1)"> </el-form-item>
<img src="@/assets/img/idCard-sm.png" alt="" /> <el-form-item label="确认密码" prop="passwordAgain">
<p>身份证</p> <el-input :disabled="!passwordForm.password||passwordForm.password.length!=6" v-model="passwordForm.passwordAgain" maxlength="6" onkeyup="this.value=this.value.replace(/[^19]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" autocomplete="off"></el-input>
</li> </el-form-item>
<li :class="{ checked: checkList.includes(2) }" @click="checkData(2)"> </el-form>
<img src="@/assets/img/idCard-copy-sm.png" alt="" /> </div>
<p>身份证复印件</p>
</li> <div v-else-if="popText==='印章盒'" class="seal" style="width:1200px;">
<li :class="{ checked: checkList.includes(3) }" @click="checkData(3)"> <div class="left">
<img style="margin-top: 0" src="@/assets/img/open-account-apply-sm.png" alt="" /> <div v-for="(item, index) in sealArr" :key="index" :class="{ checked: sealChecked.includes(item.id),file:true }" @click="dblClickFn(item)">
<p>开户申请书</p> <img :src="item.src" alt="" />
</li> <p>{{item.name}}</p>
<li :class="{ checked: checkList.includes(4) }" @click="checkData(4)"> </div>
<img style="margin-top: 32px" src="@/assets/img/cash-sm.png" alt="" /> </div>
<p>现金</p> <div class="box right" ref="goods">
</li> <div v-for="(item, index) in goods" :key="index" :class="{ checked: checkList.includes(item.id),file:true }" @click="dblClickFn(item)">
</ul> <img :src="item.src" alt="" />
<p>{{item.name}}</p>
</div>
</div>
</div>
<div v-else-if="popText==='重要空白凭证箱'" class="seal" style="width:1200px;">
<div class="left else">
<div v-for="(item, index) in importanceArr" :key="index" :class="{ checked: importantChecked.includes(item.id),file:true }" @click="dblClickFn(item)">
<img :src="item.src" alt="" />
<p>{{item.name}}</p>
</div>
</div>
</div>
<div v-else-if="popText==='普通凭证箱'" class="seal" style="width:1200px;">
<div class="left else">
<div v-for="(item, index) in commonArr" :key="index" :class="{ checked: commonChecked.includes(item.id),file:true }" @click="dblClickFn(item)">
<img :src="item.src" alt="" />
<p>{{item.name}}</p>
</div>
</div>
</div>
<!-- 暂时未确定是否公共使用一个弹框 -->
<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)" >
<img :src="item.src" class="file" alt="" />
<p class="text">{{item.name}}</p>
</div>
</div>
<div class="dia-footer"> <div class="dia-footer">
<button type="button">确定</button> <button v-throttle @click="popSure" type="button">确定</button>
</div> </div>
</el-dialog> </div>
<!-- 蒙版 -->
<div v-show="showPop" class="masking"></div>
<!-- 商业银行系统的全屏功能实现 --> <!-- 商业银行系统的全屏功能实现 -->
<div :class="full ? 'fullScreenSystem' : 'system'" v-if="manageVisible"> <div :class="full ? 'fullScreenSystem' : 'system'" v-if="manageVisible">
<router-view></router-view> <router-view></router-view>
</div> </div>
<el-dialog
custom-class="data-dia"
:visible.sync="showImg"
width="45%"
>
<img :src="imgSrc" class="imgPop" alt="">
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { mapState } from 'vuex'; import { mapState } from 'vuex';
import Sortable from 'sortablejs'
import manage from '../../manage/index'; import manage from '../../manage/index';
export default { export default {
name: 'index', name: 'index',
@ -146,19 +200,116 @@ export default {
manage: manage manage: manage
}, },
data() { data() {
var validatePass = (rule, value, callback) => {
if (value === '') {
callback(new Error('请输入密码'));
} else {
if (this.passwordForm.password&&/^[0-9]*$/.test(this.passwordForm.password)&&this.passwordForm.password.length===6) {
this.$refs.passwordForm.validateField('password');
callback();
}else{
callback(new Error('请注意密码格式以及密码长度'))
}
}
};
var validatePass2 = (rule, value, callback) => {
if (value === '') {
callback(new Error('请再次输入密码'));
} else if (value !== this.passwordForm.password) {
callback(new Error('两次输入密码不一致!'));
} else {
callback();
}
};
return { return {
showGoods: false, showGoods: false,
dataTitle: '',
dataVisible: false,
manageVisible: false, // 显示系统录入 manageVisible: false, // 显示系统录入
checkList: [] checkList: [],// 物品栏选中
// fullScreen:this.$store.state.layout.fullScreen,// 是否全屏显示--未写完
elseBoxCheck:[],/* 所有其他可从物品栏拖拽物品进入的弹框 */
// goods:[/* 物品栏物品 */
// ],
popArr:[/* 弹窗展示的物品 */
{name:'银行卡',src:require('@/assets/img/seal/paid.png'),id:'银行卡'},
{name:'定期存单',src:require('@/assets/img/seal/paid.png'),id:'定期存单'},
{name:'预留印签卡',src:require('@/assets/img/seal/paid.png'),id:'预留印签卡'},
{name:'转账支票',src:require('@/assets/img/goods/xd-zzzp.png'),id:'转账支票'},
{name:'银行承兑汇票',src:require('@/assets/img/seal/paid.png'),id:'银行承兑汇票'},
{name:'现金支票',src:require('@/assets/img/goods/xjzp.png'),id:'现金支票'},
// {name:'存款凭条',src:require('@/assets/img/seal/paid.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:'普通空白凭证'},
{name:'身份证',src:require('@/assets/img/goods/idcard.png'),id:'身份证'},
{name:'身份证复印件',src:require('@/assets/img/idCard-copy-sm.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/ckpt.png'),id:'存款凭条'},
],
sealArr:[/* 印章盒物品 */
{name:'收讫章',src:require('@/assets/img/seal/paid.png'),id:'收讫章'},
{name:'销户章',src:require('@/assets/img/seal/closing.png'),id:'销户章'},
{name:'私章',src:require('@/assets/img/seal/personal.png'),id:'私章'},
{name:'附件章',src:require('@/assets/img/seal/accessory.png'),id:'附件章'},
{name:'付讫章',src:require('@/assets/img/seal/paid.png'),id:'付讫章'},
{name:'业务专用章',src:require('@/assets/img/seal/business.png'),id:'业务专用章'},
{name:'转讫章',src:require('@/assets/img/seal/Transfer.png'),id:'转讫章'},
],
importanceArr:[/* 重要空白凭证 */
{name:'银行卡',src:require('@/assets/img/seal/paid.png'),id:'银行卡'},
{name:'定期存单',src:require('@/assets/img/seal/paid.png'),id:'定期存单'},
{name:'预留印签卡',src:require('@/assets/img/seal/paid.png'),id:'预留印签卡'},
{name:'转账支票',src:require('@/assets/img/goods/xd-zzzp.png'),id:'转账支票'},
{name:'银行承兑汇票',src:require('@/assets/img/seal/paid.png'),id:'银行承兑汇票'},
{name:'现金支票',src:require('@/assets/img/goods/xjzp.png'),id:'现金支票'},
],
commonArr:[/* 普通凭证箱 */
{name:'存款凭条',src:require('@/assets/img/seal/paid.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:'普通空白凭证'},
],
sealChecked:[],/* 印章盒选中 */
importantChecked:[],// 重要凭证选中
commonChecked:[],// 普通凭证选中
passwordForm:{
password:'',
},
passwordRules:{
password:[
{ validator: validatePass, trigger: 'blur' },
],
passwordAgain:[
{ validator: validatePass2, trigger: 'blur' },
]
},
clickNum:0,
showImg:false,
imgSrc:'',
}; };
}, },
computed: { computed: {
full: function () { full: function () {// 全屏
console.log(this.$store.state.layout.fullScreen, '当前full'); return this.$store.state.system.fullScreen;
return this.$store.state.layout.fullScreen; },
showPop:function(){/* 展示弹框 */
if(!this.showGoods) this.showGoods = this.$store.state.system.showPop
if(!this.showGoods) this.checkList = []
return this.$store.state.system.showPop;
},
popText:function(){/* 文字 */
return this.$store.state.system.popText;
},
goods:function () {/* 物品栏的物品 */
return this.$store.state.system.goods
} }
}, },
watch: { watch: {
@ -173,6 +324,9 @@ export default {
} }
}, },
created() { created() {
console.log(/^[0-9]*$/.test('1234'),'/^[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;
@ -180,28 +334,196 @@ export default {
this.manageVisible = false; this.manageVisible = false;
} }
}, },
mounted() {}, mounted(){
// Promise.resolve(2).then(value => {
//     console.log(111, value)
//     return value
//     })
//     .then(value => {
//     console.log(222, value)
//     return Promise.resolve(value)
//     })
//     .then(value => {
//     console.log(333, value)
//     })
//     .then(value => {
//     console.log(444, value)
//     return Promise.reject(value)
//     })
//     .then(value => {
//     console.log(555, value)
//     }).catch(err => {
//         console.log(666, err)
//     })
let that = this
// 拖拽-物品栏
new Sortable(this.$refs.goods, {
animation: 150,
group: {
name:'shared',
pull:'clone',// 是否可以被移出或克隆
put:false// 禁止拖入
},
sort: false,// 禁止排序
onEnd: function (/**Event*/evt) { // 结束拖拽
// 判断拖拽的地址
if(!that.$refs.popUp) return that.$message.warning('非可拖拽的交互！')
let targetDom = that.$refs.popUp.getBoundingClientRect()
if(evt.originalEvent.pageX<targetDom.right&&evt.originalEvent.pageX>targetDom.left){
if(evt.originalEvent.pageY<targetDom.bottom&&evt.originalEvent.pageY>targetDom.top){
/* oldindex识别是拖拽了哪个文件 */
console.log(that.goods[evt.oldIndex].name,'执行拖拽2');
that.checkList.push(that.goods[evt.oldIndex].name)
alert('拉入到物品栏')
}
}
},
});
// 拖拽-弹框
new Sortable(this.$refs.popUp, {
animation: 150,
group: {
name:'shared',
pull:'clone',// 是否可以被移出或克隆
put:false
},
sort: false,// 禁止排序
// 结束拖拽
onEnd: function (/**Event*/evt) {
// console.log(refParamBox,'目标dom',refParamBox.getBoundingClientRect());
// 判断拖拽的地址
let targetDom = that.$refs.goods.getBoundingClientRect()
if(evt.originalEvent.pageX<targetDom.right&&evt.originalEvent.pageX>targetDom.left){
if(evt.originalEvent.pageY<targetDom.bottom&&evt.originalEvent.pageY>targetDom.top){
alert('拉入到弹框')
}
}
},
});
},
methods: { methods: {
toggleGoods() { toggleGoods() {
this.showGoods = !this.showGoods; this.showGoods = !this.showGoods;
}, },
showData(type) { showData(type) {/* 展示弹窗-type为弹窗标题文字 */
this.dataTitle = type; this.$store.commit('system/changePop',{show:true,text:type})
this.dataVisible = true; },
checkData(item) {/* 选中物品 */
let _this = this
_this.clickNum++;
if (_this.clickNum === 2) {
_this.clickNum = 0;
// 处理双击事件...
_this.showImg = true
_this.imgSrc = item.src
}
setTimeout(function () {
if (_this.clickNum === 1) {
_this.clickNum = 0;
// 处理单击事件...
console.log('单击事件');
_this.checkList.includes(item.id) ? _this.checkList.splice(_this.checkList.indexOf(item.id), 1) : _this.checkList.push(item.id);
}
}, 200)
}, },
checkData(id) {
this.checkList.includes(id) ? this.checkList.splice(this.checkList.indexOf(id), 1) : this.checkList.push(id); dblClickFn(item,val){/* 选中/预览 单/双击函数 */
let that = this
this.clickNum++
if (this.clickNum === 2) { // 处理双击事件
this.clickNum = 0;
this.showImg = true
this.imgSrc = item.src
}
setTimeout(function () {
let arr
switch (that.popText) {
case '普通凭证箱': arr = that.commonChecked
break;
case '印章盒':arr = that.sealChecked
break;
case '重要空白凭证箱':arr = that.importantChecked
break;
default:
break;
}
if(val==='goods') arr = that.checkList
if (that.clickNum === 1) {// 处理单击事件
that.clickNum = 0;
if(that.popText==='印章盒'){
arr.splice(0,1,item.id)
}else if(val==='goods'&&that.popText==='印章盒'){
that.checkList.length=0
that.checkList.push(item.id)
}else{
arr.includes(item.id) ? arr.splice(arr.indexOf(item.id), 1) : arr.push(item.id);
}
}
}, 200)
},
checkSeal(id) {/* 选中印章 */
this.sealChecked.includes(id) ? this.sealChecked.splice(this.sealChecked.indexOf(id), 1) : this.sealChecked.push(id);
}, },
closeDataDia() { checkImportant(id){/* 选中重空凭证 */
this.dataVisible = false; this.importantChecked.includes(id) ? this.importantChecked.splice(this.importantChecked.indexOf(id), 1) : this.importantChecked.push(id);
},
checkCommon(item){/* 选中普通凭证 */
this.commonChecked.includes(id) ? this.commonChecked.splice(this.commonChecked.indexOf(id), 1) : this.commonChecked.push(id);
},
closePop() {// 关闭弹窗
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');
},
popSure(){/* 弹框-确定 */
/*
添加文件：处理选中的文件，commit到stor里，提示。
印章：添加一个字段，判断已盖章的图表
其他：直接展示已处理，或已完成，且添加处理过的文件到物品栏
*/
let arr = []
if(this.popText==='重要空白凭证箱'||this.popText==='普通凭证箱'){
let goods,clickList
this.popText==='重要空白凭证箱'?(goods=this.importanceArr,clickList=this.importantChecked):(goods=this.commonArr ,clickList = this.commonChecked)
if(clickList.length===0) return this.$message.warning(`请选择物品后再确定！`)
// 把确定的数据传输进物品栏
goods.map(e=>{
clickList.map(el=>{
if(el===e.id){
arr.push(e)
}
})
})
this.$store.commit('system/changeGoods',{push:arr})
clickList.length = 0
}else{
switch (this.popText) {/* 其他物品交互逻辑： */
case'':
break;
case'':
break;
default:
break;
}
}
this.$message.success(`${this.popText}操作成功！`)
setTimeout(()=>{
this.$store.commit('system/changePop',{show:false,text:''})
},800)
} }
} }
}; };
@ -254,11 +576,16 @@ export default {
} }
.employeeText { .employeeText {
position: absolute; position: absolute;
top: 541px; top: 503px;
left: 1263px; left: 1229px;
color: #000; color: #000;
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg);
font-size: 18px; font-size: 18px;
width: 100px;
height: 100px;
text-align: center;
line-height: 100px;
cursor: pointer;
} }
.man { .man {
top: 82px; top: 82px;
@ -364,6 +691,9 @@ export default {
color: #000; color: #000;
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg);
font-size: 18px; font-size: 18px;
width: 100px;
height: 100px;
cursor: pointer
} }
.man { .man {
// 人 // 人
@ -463,6 +793,13 @@ export default {
color: #000; color: #000;
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg);
font-size: 18px; font-size: 18px;
width: 100px;
text-align: center;
height: 100px;
line-height: 100px;
cursor: pointer
} }
.man { .man {
// 人 // 人
@ -540,6 +877,7 @@ export default {
width: 94px; width: 94px;
height: 200px; height: 200px;
cursor: pointer; cursor: pointer;
z-index: 9999;
background: url(../../../assets/img/sth-bg.png) 0 0 / cover no-repeat; background: url(../../../assets/img/sth-bg.png) 0 0 / cover no-repeat;
span { span {
width: 30px; width: 30px;
@ -563,35 +901,89 @@ export default {
} }
.goods-dia { .goods-dia {
display: flex; display: flex;
justify-content: center;
width: 100%;
white-space: nowrap;
overflow-x: auto;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: -100%; left: -100%;
justify-content: center; padding: 20px 300px 20px 300px;
align-items: center;
width: 100%;
padding: 20px 0;
transition: all 0.5s; transition: all 0.5s;
background-color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.7);
.file {
position: relative;
min-width: 160px;
height: 160px;
text-align: center;
background: url(../../../assets/img/data-frame.png) 0 0 / cover no-repeat;
cursor: pointer;
margin: 0 10px;
img {
margin-top: 40px;
width: 99px;
max-height: 105px;
}
p {
position: absolute;
bottom: 0;
width: 100%;
line-height: 54px;
text-align: center;
font-size: 18px;
color: #000;
}
&.checked {
background: url(../../../assets/img/data-frame-checked.png) 0 0 / cover no-repeat,
url(../../../assets/svg/checked.svg) 165px 7% / auto no-repeat;
p {
color: #fff;
}
}
}
&.active { &.active {
left: 0; left: 0;
z-index: 9999;
} }
img { img {
margin-right: 50px; cursor: pointer;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
} }
} }
} }
/deep/.data-dia { .imgPop{
width: 100%;
}
.masking{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: .5;
background: #e6e6e6;
z-index: 99;
}
.data-dia {
border-radius: 16px; border-radius: 16px;
margin-top: 11vh !important; margin-top: 4vh !important;
.el-dialog__header { background: #fff;
padding: 0; position: fixed;
border-bottom: 0; top: 0%;
left: 50%;
transform: translate(-50%, 0);
padding: 0 15px 15px;
z-index: 999;
border: 1px solid #e6e6e6;
max-height: 830px;
overflow: auto;
.dia-header { .dia-header {
position: relative; position: relative;
.data-title { .data-title {
height:70px;
width: 300px; width: 300px;
margin: 0 auto; margin: 0 auto;
line-height: 72px; line-height: 72px;
@ -607,26 +999,35 @@ export default {
cursor: pointer; cursor: pointer;
} }
} }
}
.tips { .tips {
margin: 20px 0 100px; margin: 20px 0 50px;
text-align: center; text-align: center;
font-size: 20px; font-size: 20px;
color: #000; color: #000;
} }
.list { .list {
width: 940px; width: 940px;
min-height: 204px;
max-height: 360px;
overflow: auto;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
justify-content: space-between;
align-items: center; align-items: center;
li { .img-wrap{
position: relative;
width: 204px;
height: 204px;
text-align: center;
background: url(../../../assets/img/data-frame.png) 0 0 / cover no-repeat; background: url(../../../assets/img/data-frame.png) 0 0 / cover no-repeat;
width: 200px;
height: 200px;
display: flex;
justify-content: center;
margin: 5px 10px;
position: relative;
cursor: pointer; cursor: pointer;
.file {
position: relative;
max-width: 180px;
max-height: 140px;
text-align: center;
margin: 10px 10px ;
img { img {
margin-top: 45px; margin-top: 45px;
} }
@ -639,6 +1040,15 @@ export default {
font-size: 18px; font-size: 18px;
color: #000; color: #000;
} }
}
.text{
font-size: 18px;
white-space:nowrap;
position: absolute;
bottom: 15px;
left: 50%;
transform: translate(-50%,0);
}
&.checked { &.checked {
background: url(../../../assets/img/data-frame-checked.png) 0 0 / cover no-repeat, background: url(../../../assets/img/data-frame-checked.png) 0 0 / cover no-repeat,
url(../../../assets/svg/checked.svg) 165px 7% / auto no-repeat; url(../../../assets/svg/checked.svg) 165px 7% / auto no-repeat;
@ -648,6 +1058,78 @@ export default {
} }
} }
} }
.seal{
width: 1100px;
padding: 0 5%;
display: flex;
justify-content: space-between;
.box{
border: 2px solid #e6e6e6;
width: 45%;
min-height: 300px;
border-radius: 10px;
padding: 10px;
}
.left{
display: flex;
width: 50%;
flex-wrap: wrap;
.file {
position: relative;
width: 164px;
height: 164px;
text-align: center;
background: url(../../../assets/img/data-frame.png) 0 0 / cover no-repeat;
cursor: pointer;
margin: 5px 7px;
&:last-child {
margin-right: 0;
}
&:nth-child(n>1){
margin-top: 0;
}
img {
width: 130px;
max-height: 108px;
margin-top: 10px;
z-index: 9;
}
p {
position: absolute;
bottom: 0;
width: 100%;
line-height: 54px;
text-align: center;
font-size: 18px;
color: #000;
}
&.checked {
background: url(../../../assets/img/data-frame-checked.png) 0 0 / cover no-repeat,
url(../../../assets/svg/checked.svg) 163px 7% / auto no-repeat;
p {
color: #fff;
}
}
}
&.active {
left: 0;
z-index: 9999;
}
img {
cursor: pointer;
&:last-child {
margin-right: 0;
}
}
}
.right{
margin-left: 5%;
}
.else{
width: 100%;
}
}
.dia-footer { .dia-footer {
margin-top: 140px; margin-top: 140px;
text-align: center; text-align: center;

6
src/pages/lobbyManager/list/index.vue
Unescape View File

@ -73,7 +73,7 @@
<p>特殊业务申请书</p> <p>特殊业务申请书</p>
</li> </li>
<li :class="{checked: checkList.includes(4)}" @click="checkData(4)"> <li :class="{checked: checkList.includes(4)}" @click="checkData(4)">
<img style="margin-top: 32px" src="@/assets/img/cash-sm.png" alt=""> <img style="margin-top: 32px" src="@/assets/img/goods/cash-sm.png" alt="">
<p style="font-size: 12px">开立单位银行结算账户申请书</p> <p style="font-size: 12px">开立单位银行结算账户申请书</p>
</li> </li>
<li :class="{checked: checkList.includes(1)}" @click="checkData(5)"> <li :class="{checked: checkList.includes(1)}" @click="checkData(5)">
@ -89,7 +89,7 @@
<p>现金支票</p> <p>现金支票</p>
</li> </li>
<li :class="{checked: checkList.includes(4)}" @click="checkData(8)"> <li :class="{checked: checkList.includes(4)}" @click="checkData(8)">
<img style="margin-top: 32px" src="@/assets/img/cash-sm.png" alt=""> <img style="margin-top: 32px" src="@/assets/img/goods/cash-sm.png" alt="">
<p>转账支票</p> <p>转账支票</p>
</li> </li>
<li :class="{checked: checkList.includes(2)}" @click="checkData(6)"> <li :class="{checked: checkList.includes(2)}" @click="checkData(6)">
@ -101,7 +101,7 @@
<p>现金缴款单</p> <p>现金缴款单</p>
</li> </li>
<li :class="{checked: checkList.includes(4)}" @click="checkData(8)"> <li :class="{checked: checkList.includes(4)}" @click="checkData(8)">
<img style="margin-top: 32px" src="@/assets/img/cash-sm.png" alt=""> <img style="margin-top: 32px" src="@/assets/img/goods/cash-sm.png" alt="">
<p>境外汇款申请书</p> <p>境外汇款申请书</p>
</li> </li>
</ul> </ul>

8
src/pages/manage/index/index.vue
Unescape View File

@ -26,7 +26,7 @@ export default {
name: 'index', name: 'index',
data() { data() {
return { return {
fullscreen:this.$store.state.layout.fullScreen,// 是否全屏--store读取 fullscreen:this.$store.state.system.fullScreen,// 是否全屏--store读取
} }
}, },
components: { components: {
@ -34,7 +34,7 @@ export default {
}, },
computed:{ computed:{
full:function(){ full:function(){
return this.$store.state.layout.fullScreen return this.$store.state.system.fullScreen
} }
}, },
created() { created() {
@ -46,11 +46,11 @@ export default {
}, },
handleFullscreen(){ handleFullscreen(){
this.fullscreen = true this.fullscreen = true
this.$store.commit('layout/changeFullscreen',true) this.$store.commit('system/changeFullscreen',true)
}, },
shrink(){ shrink(){
this.fullscreen = false this.fullscreen = false
this.$store.commit('layout/changeFullscreen',false) this.$store.commit('system/changeFullscreen',false)
}, },
} }
}; };

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

@ -36,7 +36,7 @@
</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>
<div class="idCard"> <div class="idCard" @click="popUp">
<p>请刷身份证</p> <p>请刷身份证</p>
</div> </div>
</el-form-item> </el-form-item>
@ -53,10 +53,10 @@
<el-form-item label="民族"> <el-form-item label="民族">
<el-select v-model="form.x" placeholder="请选择"> <el-select v-model="form.x" placeholder="请选择">
<el-option <el-option
v-for="item in options" v-for="item in nations"
:key="item.value" :key="item.id"
:label="item.label" :label="item.name"
:value="item.value"> :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -82,12 +82,25 @@
<div slot="title" class="dia-header"> <div slot="title" class="dia-header">
<div class="data-title">提交</div> <div class="data-title">提交</div>
</div> </div>
<div class="popBody"> <div class="popBody" v-if="!authorization&&!success">
<h2>本业务需要授权</h2> <h2>本业务需要授权</h2>
</div> </div>
<div class="popBody" v-if="authorization&&!success">
<el-form ref="form" :model="disForm" label-width="80px">
<el-form-item label="授权柜员">
<el-input disabled v-model="disForm.name"></el-input>
</el-form-item>
<el-form-item label="授权柜员">
<el-input type="password" disabled v-model="disForm.pass"></el-input>
</el-form-item>
</el-form>
</div>
<div class="popBody" v-if="success">
<h2>完成表单form</h2>
</div>
<div class="popBtns"> <div class="popBtns">
<el-button class="close btn" @click="visible = false">取 消</el-button> <el-button class="close btn" @click="[visible = false,authorization=false,success=false]">取 消</el-button>
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button> <el-button class="sure btn" type="primary" @click="popSure">确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
@ -102,7 +115,10 @@ export default {
form:{ form:{
}, },
visible:false, disForm:{name:'002009' ,pass:'123456'},
visible:false,// 表单
authorization:false,// 切授权
success:false,// 切成功
papers:[ papers:[
{name:'身份证',id:1} {name:'身份证',id:1}
], ],
@ -111,15 +127,24 @@ export default {
{name:'男',id:1}, {name:'男',id:1},
{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}],
} }
}, },
mounted() { mounted() {
}, },
methods: { methods: {
popUp(){// 唤起弹窗
this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪'})
},
popSure(){
this.success&&(this.visible = false)
this.authorization&&(this.success=true)
this.authorization = true
}
} }
}; };
@ -141,6 +166,7 @@ export default {
.body{ .body{
margin-top: 50px; margin-top: 50px;
.idCard{ .idCard{
cursor: pointer;
border-radius: 5px; border-radius: 5px;
background: #CFDDFF; background: #CFDDFF;
text-align: center; text-align: center;

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

@ -1,14 +1,17 @@
/* 存款 */
<template> <template>
<div class="body"> <div class="body">
<el-row :gutter="20" style="margin: 0"> <el-row :gutter="20" style="margin: 0">
<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-input v-model="form.name"></el-input> <div class="idCard" @click="popUp('刷卡器')">
<p>请刷卡</p>
</div>
</el-form-item> </el-form-item>
<el-form-item label="币种" required> <el-form-item label="币种" required>
<el-select v-model="form.x" placeholder="请选择"> <el-select v-model="form.x" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </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="金额">
@ -20,7 +23,9 @@
<el-input v-model="form.name"></el-input> <el-input v-model="form.name"></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-select v-model="form.identification" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option>
</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.name"></el-input>
@ -59,6 +64,7 @@ export default{
line-height: 68px; line-height: 68px;
font-size: 18px; font-size: 18px;
color: #6191FF; color: #6191FF;
cursor: pointer;
} }
.submitBtn{ .submitBtn{
position: relative; position: relative;

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

@ -4,11 +4,11 @@
<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-input v-model="form.name"></el-input> <el-input v-model="form.num"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种" required> <el-form-item label="币种" required>
<el-select v-model="form.x" placeholder="请选择"> <el-select v-model="form.currency" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> <el-option label="CNY人民币" value="CNY人民币"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -17,40 +17,49 @@
<el-input v-model="form.name"></el-input> <el-input v-model="form.name"></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-select v-model="form.identification" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
</el-row> </el-row>
<div class="add"> <div class="add">
<el-row :gutter="20" style="margin: 0"> <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-input v-model="form.name"></el-input> <el-select v-model="form.nature" placeholder="请选择">
<el-option label="个人结算户" value="个人结算户"> </el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="账户类型" required> <el-form-item label="账户类型" required>
<el-select v-model="form.x" placeholder="请选择"> <el-select v-model="form.x" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.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.x" placeholder="请选择"> <el-select v-model="form.x" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.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.x" placeholder="请选择"> <el-select v-model="form.x" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> <el-option label="IC卡" value="IC卡"> </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> <div class="idCard" @click="popUp('刷卡器')">
<p>请刷卡</p>
</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> <div class="idCard" @click="popUp('密码器')">
<p>请输入密码</p>
</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
@ -135,7 +144,7 @@ export default {
this.second.push(obj)`` this.second.push(obj)``
}, },
deleteSecond(index){ deleteSecond(index){
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { this.$confirm('此操作将删除该账户类型, 是否继续?', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
@ -167,6 +176,7 @@ export default {
line-height: 68px; line-height: 68px;
font-size: 18px; font-size: 18px;
color: #6191FF; color: #6191FF;
cursor: pointer;
} }
.add{ .add{
position: relative; position: relative;

5
src/store/modules/layout.js
Unescape View File

@ -12,16 +12,11 @@ export default {
namespaced: true, namespaced: true,
state: { state: {
isIE: isIE(), isIE: isIE(),
fullScreen:false,// 银行系统是否全屏
}, },
mutations: { mutations: {
SET_IE: (state, val) => { SET_IE: (state, val) => {
state.isIE = val state.isIE = val
}, },
changeFullscreen:(state,val) => {
console.log(val,state,'dayin--val')
state.fullScreen = val
}
}, },
actions: { actions: {

Write Preview
Loading…
Cancel
Save