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

基本页面完成

Browse Source
20240205 backup
e 3 years ago
parent 1464b5300d
commit e032f0a6c0
42 changed files with 3116 additions and 117 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
      src/components/case/index.vue
  2. 10
      src/pages/manage/index/index.vue
  3. 0
      src/pages/manage/list/ImportantCash/controlCash/cashOut.vue
  4. 0
      src/pages/manage/list/ImportantCash/controlCash/cashPaid.vue
  5. 0
      src/pages/manage/list/ImportantCash/controlCash/cashRecipients.vue
  6. 0
      src/pages/manage/list/ImportantCash/controlCash/cashTransferInto.vue
  7. 194
      src/pages/manage/list/ImportantCash/controlCash/index.vue
  8. 200
      src/pages/manage/list/business/deposit.vue
  9. 247
      src/pages/manage/list/business/openAccount.vue
  10. 235
      src/pages/manage/list/business/transfer.vue
  11. 224
      src/pages/manage/list/business/withdrawal.vue
  12. 24
      src/pages/manage/list/client/consumerClient.vue
  13. 6
      src/pages/manage/list/client/corporateClient.vue
  14. 0
      src/pages/manage/list/dayEnd/branchDayEnd.vue
  15. 0
      src/pages/manage/list/dayEnd/tellerCash.vue
  16. 0
      src/pages/manage/list/dayEnd/tellerCertificate.vue
  17. 1
      src/pages/manage/list/personal/accountService.vue
  18. 195
      src/pages/manage/list/personal/accountService/accountService.vue
  19. 86
      src/pages/manage/list/personal/accountService/changePassword.vue
  20. 123
      src/pages/manage/list/personal/callDeposits/accountClosed.vue
  21. 192
      src/pages/manage/list/personal/callDeposits/callDeposits.vue
  22. 113
      src/pages/manage/list/personal/callDeposits/openAccount.vue
  23. 70
      src/pages/manage/list/personal/currentAccount/accountCancellation.vue
  24. 2
      src/pages/manage/list/personal/currentAccount/openAccount.vue
  25. 8
      src/pages/manage/list/personal/currentAccount/settle.vue
  26. 28
      src/pages/manage/list/personal/timeDeposit.vue
  27. 114
      src/pages/manage/list/personal/timeDeposit/deposit.vue
  28. 97
      src/pages/manage/list/personal/timeDeposit/openAccount.vue
  29. 205
      src/pages/manage/list/personal/timeDeposit/timeDeposit.vue
  30. 100
      src/pages/manage/list/personal/timeDeposit/withdrawal.vue
  31. 1
      src/pages/manage/list/personal/usefulPhrases.vue
  32. 123
      src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
  33. 89
      src/pages/manage/list/personal/usefulPhrases/continueDeposit.vue
  34. 112
      src/pages/manage/list/personal/usefulPhrases/openAccount.vue
  35. 199
      src/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue
  36. 71
      src/pages/manage/navbar/index.vue
  37. 79
      src/router/modules/counter.js
  38. 57
      src/router/system.js
  39. 1
      src/store/modules/layout.js
  40. 10
      src/styles/system.css
  41. 2
      src/styles/system.min.css
  42. 9
      src/styles/system.scss

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

@ -424,9 +424,9 @@ export default {
// schoolId: this.schoolId // schoolId: this.schoolId
schoolId: '' schoolId: ''
} }
this.$get(`${this.api.queryTestProject}`,data).then(res => { // this.$get(`${this.api.queryTestProject}`,data).then(res => {
this.handleData(res.message,2) // this.handleData(res.message,2)
}).catch(res => {}); // }).catch(res => {});
}, },
selectProject(){ selectProject(){
this.isSelected = true this.isSelected = true

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

@ -13,7 +13,9 @@
<i @click="close" class="el-icon-close"></i> <i @click="close" class="el-icon-close"></i>
</div> </div>
<div class="manage-content"> <div class="manage-content">
<router-view class="manage-view"></router-view> <transition name="fade">
<router-view class="manage-view"></router-view>
</transition>
</div> </div>
</div> </div>
</div> </div>
@ -114,4 +116,10 @@ export default {
} }
} }
} }
.fade-enter-active, .fade-leave-active {
transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
opacity: 0.5;
}
</style> </style>

0
src/pages/manage/list/personal/callDeposits.vue → src/pages/manage/list/ImportantCash/controlCash/cashOut.vue
Unescape View File

0
src/pages/manage/list/ImportantCash/controlCash/cashPaid.vue
Unescape View File

0
src/pages/manage/list/ImportantCash/controlCash/cashRecipients.vue
Unescape View File

0
src/pages/manage/list/ImportantCash/controlCash/cashTransferInto.vue
Unescape View File

194
src/pages/manage/list/ImportantCash/controlCash/index.vue
Unescape View File

@ -0,0 +1,194 @@
<!-- 现金管理 -->
<template>
<div class="wrap">
<div class="nav">
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
<el-menu-item index="1">现金领用</el-menu-item>
<el-menu-item index="2">现金上缴</el-menu-item>
<el-menu-item index="3">现金调入</el-menu-item>
<el-menu-item index="4">现金调出</el-menu-item>
</el-menu>
</div>
<div class="title">
<p>个人业务</p>
<i class="el-icon-arrow-right"></i>
<p>活期业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<!-- 开户 -->
<!-- <open-account v-if="activeIndex==='1'"></open-account> -->
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
:modal="false"
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia"
>
<div slot="title" class="dia-header">
<div class="data-title">提交</div>
</div>
<div class="popBody">
<h2>本业务需要授权</h2>
</div>
<div class="popBtns">
<el-button class="close btn" @click="visible = false">取 消</el-button>
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
// import openAccount from './openAccount.vue'
export default {
name: 'index',
components:{
},
data() {
return {
text:'',/* 顶部文字 */
textObj:{
'1':'现金领用',
'2':'现金上缴',
'3':'现金调入',
'4':'现金调出',
},
form:{
},
visible:false,
options:[],
activeIndex:'1',
second:[// 二级卡数组
],
}
},
created() {
},
methods: {
handleSelect(val){
console.log(typeof(val),this.activeIndex,'xuanze');
this.text = this.textObj[val]
this.activeIndex = val
},
}
};
</script>
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.title{
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-50%);
}
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
}
}
</style>

200
src/pages/manage/list/business/deposit.vue
Unescape View File

@ -0,0 +1,200 @@
// 存款
<template>
<div class="wrap">
<div class="title">
<p>公司业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<!-- 存款 -->
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="1">
<el-form-item label="账号" required>
<el-input v-model="form.num"></el-input>
</el-form-item>
<el-form-item label="币种" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="存款金额" required>
<el-input v-model="form.num"></el-input>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required>
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="钞汇标识" required>
<el-select v-model="form.currency" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="利率（%）" required>
<el-input v-model="form.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="21" :offset="1">
<el-form-item label="摘要">
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.name"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
</div>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
:modal="false"
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia"
>
<div slot="title" class="dia-header">
<div class="data-title">提交</div>
</div>
<div class="popBody">
<h2>本业务需要授权</h2>
</div>
<div class="popBtns">
<el-button class="close btn" @click="visible = false">取 消</el-button>
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { mapState } from 'vuex'
export default {
name: 'index',
components:{},
data() {
return {
text:'存款',/* 顶部文字 */
form:{
},
second:[// 二级卡数组
],
options:[],
visible:false,
options:[],
activeIndex:'1',
second:[// 二级卡数组
],
}
},
created() {
},
methods: {
}
};
</script>
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-0%);
}
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
}
}
</style>

247
src/pages/manage/list/business/openAccount.vue
Unescape View File

@ -0,0 +1,247 @@
// 开户
<template>
<div class="wrap">
<div class="title">
<p>公司业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<!-- 开户 -->
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="2">
<el-form-item label="客户号">
<el-input v-model="form.num"></el-input>
</el-form-item>
<el-form-item label="账户类型" required>
<el-select v-model="form.currency" 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-form-item>
<el-form-item label="账户科目" required>
<el-select v-model="form.currency" 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-form-item>
<el-form-item label="钞汇标识" required>
<el-select v-model="form.currency" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="出账页标志" required>
<el-select v-model="form.currency" placeholder="请选择">
<el-option label="按月" value="按月"> </el-option>
<el-option label="满页" value="满页"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="统计代码">
<el-input v-model="form.num"></el-input>
</el-form-item>
<el-form-item label="外汇证号">
<el-input v-model="form.num"></el-input>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required>
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="账户性质" required>
<el-select v-model="form.identification" 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-form-item>
<el-form-item label="币种" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="计息方式" required>
<el-select v-model="form.currency" placeholder="请选择">
<el-option label="季度" value="季度"> </el-option>
<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.currency" placeholder="请选择">
<el-option label="印签" value="印签"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="外汇核准号">
<el-input v-model="form.num"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
</div>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
:modal="false"
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia"
>
<div slot="title" class="dia-header">
<div class="data-title">提交</div>
</div>
<div class="popBody">
<h2>本业务需要授权</h2>
</div>
<div class="popBtns">
<el-button class="close btn" @click="visible = false">取 消</el-button>
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { mapState } from 'vuex'
export default {
name: 'index',
components:{},
data() {
return {
text:'开户',/* 顶部文字 */
form:{
},
second:[// 二级卡数组
],
options:[],
visible:false,
options:[],
activeIndex:'1',
second:[// 二级卡数组
],
}
},
created() {
},
methods: {
}
};
</script>
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.title{
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-50%);
}
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
}
}
</style>

235
src/pages/manage/list/business/transfer.vue
Unescape View File

@ -0,0 +1,235 @@
// 转账
<template>
<div class="wrap">
<div class="title">
<p>公司业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<!-- 开户 -->
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="2">
<el-form-item label="客户号">
<el-input v-model="form.num"></el-input>
</el-form-item>
<el-form-item label="账户类型" required>
<el-select v-model="form.currency" 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-form-item>
<el-form-item label="账户科目" required>
<el-select v-model="form.currency" 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-form-item>
<el-form-item label="钞汇标识" required>
<el-select v-model="form.currency" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="出账页标志" required>
<el-select v-model="form.currency" placeholder="请选择">
<el-option label="按月" value="按月"> </el-option>
<el-option label="满页" value="满页"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="统计代码">
<el-input v-model="form.num"></el-input>
</el-form-item>
<el-form-item label="外汇证号">
<el-input v-model="form.num"></el-input>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required>
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="账户性质" required>
<el-select v-model="form.identification" 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-form-item>
<el-form-item label="计息方式" required>
<el-select v-model="form.currency" placeholder="请选择">
<el-option label="季度" value="季度"> </el-option>
<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.currency" placeholder="请选择">
<el-option label="印签" value="印签"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="外汇核准号">
<el-input v-model="form.num"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
</div>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
:modal="false"
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia"
>
<div slot="title" class="dia-header">
<div class="data-title">提交</div>
</div>
<div class="popBody">
<h2>本业务需要授权</h2>
</div>
<div class="popBtns">
<el-button class="close btn" @click="visible = false">取 消</el-button>
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { mapState } from 'vuex'
export default {
name: 'index',
components:{},
data() {
return {
text:'转账',/* 顶部文字 */
form:{
},
second:[// 二级卡数组
],
options:[],
visible:false,
options:[],
activeIndex:'1',
second:[// 二级卡数组
],
}
},
created() {
},
methods: {
}
};
</script>
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-50%);
}
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
}
}
</style>

224
src/pages/manage/list/business/withdrawal.vue
Unescape View File

@ -0,0 +1,224 @@
// 取款
<template>
<div class="wrap">
<div class="title">
<p>公司业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<!-- 开户 -->
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="2">
<el-form-item label="账号">
<el-input v-model="form.num"></el-input>
</el-form-item>
<el-form-item label="凭证号码">
<el-input v-model="form.num"></el-input>
</el-form-item>
<el-form-item label="币种" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="凭证类型" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="存单" value="存单"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="支取方式" required>
<el-select v-model="form.currency" 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-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="签发日期" required>
<el-date-picker
v-model="value1"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item label="钞汇标识" required>
<el-select v-model="form.currency" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="金额" required>
<el-input v-model="form.num"></el-input>
</el-form-item>
</el-col>
<el-col :span="21" :offset="1">
<el-form-item label="摘要">
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.name"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
</div>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
:modal="false"
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia"
>
<div slot="title" class="dia-header">
<div class="data-title">提交</div>
</div>
<div class="popBody">
<h2>本业务需要授权</h2>
</div>
<div class="popBtns">
<el-button class="close btn" @click="visible = false">取 消</el-button>
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { mapState } from 'vuex'
export default {
name: 'index',
components:{},
data() {
return {
text:'取款',/* 顶部文字 */
form:{
},
second:[// 二级卡数组
],
options:[],
visible:false,
options:[],
activeIndex:'1',
second:[// 二级卡数组
],
}
},
created() {
},
methods: {
}
};
</script>
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.title{
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-50%);
}
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
}
}
</style>

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

@ -53,8 +53,8 @@
<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 nations" v-for="(item,index) in nations"
:key="item.id" :key="index"
:label="item.name" :label="item.name"
:value="item.id"> :value="item.id">
</el-option> </el-option>
@ -144,7 +144,25 @@ export default {
this.success&&(this.visible = false) this.success&&(this.visible = false)
this.authorization&&(this.success=true) this.authorization&&(this.success=true)
this.authorization = true this.authorization = true
} },
throttle(fn,wait=1000){// 节流函数
var timer = null;
console.log(timer,'触发节流，查看timer')
return function(){
console.log('进入timer0')
var context = this;
var args = fn;
if(!timer){
console.log('进入timer')
timer = setTimeout(function(){
fn.apply(context,fn);
timer = null;
},wait)
}
}
},
} }
}; };

6
src/pages/manage/list/client/corporateClient.vue
Unescape View File

@ -91,6 +91,9 @@ export default {
name: 'index', name: 'index',
data() { data() {
return { return {
visible:false,// 表单
authorization:false,// 切授权
success:false,// 切成功
form:{ form:{
}, },
@ -108,6 +111,9 @@ export default {
popUp(){// 唤起弹窗 popUp(){// 唤起弹窗
this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪'}) this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪'})
}, },
popSure(){
},
} }
}; };

0
src/pages/manage/list/dayEnd/branchDayEnd.vue
Unescape View File

0
src/pages/manage/list/dayEnd/tellerCash.vue
Unescape View File

0
src/pages/manage/list/dayEnd/tellerCertificate.vue
Unescape View File

1
src/pages/manage/list/personal/accountService.vue
Unescape View File

@ -1 +0,0 @@
// 账户服务

195
src/pages/manage/list/personal/accountService/accountService.vue
Unescape View File

@ -0,0 +1,195 @@
// 账户服务
<template>
<!-- 账户服务 -->
<div class="wrap">
<div class="nav">
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
<el-menu-item index="1">修改密码</el-menu-item>
<el-menu-item index="2">账户服务</el-menu-item>
<el-menu-item index="3">修改密码</el-menu-item>
</el-menu>
</div>
<div class="title">
<p>个人业务</p>
<i class="el-icon-arrow-right"></i>
<p>活期业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<!-- 修改密码 -->
<change-password></change-password>
<!-- -->
<!-- -->
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
:modal="false"
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia"
>
<div slot="title" class="dia-header">
<div class="data-title">提交</div>
</div>
<div class="popBody">
<h2>本业务需要授权</h2>
</div>
<div class="popBtns">
<el-button class="close btn" @click="visible = false">取 消</el-button>
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { mapState } from 'vuex'
import changePassword from './changePassword.vue'
export default {
name: 'index',
components:{
changePassword,
},
data() {
return {
text:'修改密码',/* 顶部文字 */
textObj:{
'1':'修改密码',
'2':'账户服务',
'3':'修改密码',
},
form:{
},
visible:false,
options:[],
activeIndex:'1',
second:[// 二级卡数组
],
}
},
created() {
},
methods: {
handleSelect(val){
this.text = this.textObj[val]
this.activeIndex = val
},
}
};
</script>
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.title{
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-50%);
}
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
}
}
</style>

86
src/pages/manage/list/personal/accountService/changePassword.vue
Unescape View File

@ -0,0 +1,86 @@
/*修改密码 */
<template>
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="1">
<el-form-item label="卡号" required>
<div class="idCard" @click="popUp('刷卡器')">
<p>请刷银行卡</p>
</div>
</el-form-item>
<el-form-item label="证件类型">
<el-select v-model="form.x" disabled placeholder="请选择">
<el-option label="身份证" value="身份证"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="原密码" required>
<div class="idCard" @click="popUp('刷卡器')">
<p>请输入密码</p>
</div>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名">
<el-input v-model="form.name"></el-input>
</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="popUp('刷卡器')">
<p>请输入密码</p>
</div>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
</div>
</template>
<script>
export default{
name:'',
props:{},
data(){
return{
form:{}
}
},
created() {
},
methods: {
},
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
}
</style>

123
src/pages/manage/list/personal/callDeposits/accountClosed.vue
Unescape View File

@ -0,0 +1,123 @@
// 销户
<template>
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="1">
<el-form-item label="证件类型">
<el-select disabled v-model="form.x" placeholder="请选择">
<el-option label="身份证" value="身份证"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="凭证号码" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="存单" value="存单"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="币种" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="定存编号">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="利率（%）">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="利息">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="起息日期" required>
<div class="idCard" @click="popUp('密码器')">
<p>请输入密码</p>
</div>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="身份证" required>
<div class="idCard" @click="popUp('身份证扫描器')">
<p>请刷身份证</p>
</div>
</el-form-item>
<el-form-item label="客户姓名">
<el-input v-model="form.name" ></el-input>
</el-form-item>
<el-form-item label="钞汇标识">
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="本金">
<el-input v-model="form.name" ></el-input>
</el-form-item>
<el-form-item label="存期">
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="1年" value="1年"> </el-option>
<el-option label="3年" value="3年"> </el-option>
<el-option label="5年" value="5年"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="总金额">
<el-input v-model="form.name" ></el-input>
</el-form-item>
<el-form-item label="支取密码" required>
<div class="idCard" @click="popUp('输入器')">
<p>请填凭证号码</p>
</div>
</el-form-item>
<!-- <el-form-item label="续存标识" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="不续存" value="不续存"> </el-option>
<el-option label="续存1年" value="续存1年"> </el-option>
<el-option label="续存3年" value="续存3年"> </el-option>
<el-option label="续存5年" value="续存5年"> </el-option>
</el-select>
</el-form-item> -->
</el-col>
</el-form>
</el-row>
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
</div>
</template>
<script>
export default{
name:'',
props:{},
data(){
return{
form:{}
}
}
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
}
</style>

192
src/pages/manage/list/personal/callDeposits/callDeposits.vue
Unescape View File

@ -0,0 +1,192 @@
<template>
<!-- 通知存款 -->
<div class="wrap">
<div class="nav">
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
<el-menu-item index="1">开户</el-menu-item>
<el-menu-item index="2">支取销户</el-menu-item>
</el-menu>
</div>
<div class="title">
<p>个人业务</p>
<i class="el-icon-arrow-right"></i>
<p>通知存款</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<!-- 开户 -->
<open-account v-if="activeIndex==='1'"></open-account>
<!-- 销户 -->
<account-closed v-if="activeIndex==='2'"></account-closed>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
:modal="false"
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia"
>
<div slot="title" class="dia-header">
<div class="data-title">提交</div>
</div>
<div class="popBody">
<h2>本业务需要授权</h2>
</div>
<div class="popBtns">
<el-button class="close btn" @click="visible = false">取 消</el-button>
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import openAccount from './openAccount.vue'
import accountClosed from './accountClosed.vue'
export default {
name: 'index',
components:{
openAccount,accountClosed,
},
data() {
return {
text:'',/* 顶部文字 */
textObj:{
'1':'开户',
'2':'支取销户',
},
form:{
},
visible:false,
options:[],
activeIndex:'1',
second:[// 二级卡数组
],
}
},
created() {
},
methods: {
handleSelect(val){
this.text = this.textObj[val]
this.activeIndex = val
},
}
};
</script>
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.title{
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-50%);
}
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
}
}
</style>

113
src/pages/manage/list/personal/callDeposits/openAccount.vue
Unescape View File

@ -0,0 +1,113 @@
// 开户
<template>
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="1">
<el-form-item label="证件类型">
<el-select disabled v-model="form.x" placeholder="请选择">
<el-option label="身份证" value="身份证"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="客户号">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="币种" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="凭证类型" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="存单" value="存单"> </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>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="1年" value="1年"> </el-option>
<el-option label="3年" value="3年"> </el-option>
<el-option label="5年" value="5年"> </el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="身份证" required>
<div class="idCard" @click="popUp('身份证扫描器')">
<p>请刷身份证</p>
</div>
</el-form-item>
<el-form-item label="客户姓名" required>
<el-input v-model="form.name" ></el-input>
</el-form-item>
<el-form-item label="钞汇标识" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="钞户" value="钞户"> </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>
<el-input v-model="form.name" ></el-input>
</el-form-item>
<el-form-item label="续存标识" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="不续存" value="不续存"> </el-option>
<el-option label="续存1年" value="续存1年"> </el-option>
<el-option label="续存3年" value="续存3年"> </el-option>
<el-option label="续存5年" value="续存5年"> </el-option>
</el-select>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
</div>
</template>
<script>
export default{
name:'',
props:{},
data(){
return{
form:{}
}
}
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
border-radius: 10px;
bottom: 10px;
margin-top: 50px;
left: 50%;
transform: translate(-50%,0%);
}
}
</style>

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

@ -1,9 +1,39 @@
/* 个人业务>活期业务>销户 */
<template> <template>
<div> <div class="body">
<h1>销户</h1> <el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="1">
<el-form-item label="卡号" required>
<div class="idCard" @click="popUp('刷卡器')">
<p>请刷卡</p>
</div>
</el-form-item>
<el-form-item label="证件类型">
<el-select v-model="form.x" disabled placeholder="请选择">
<el-option label="身份证" value="身份证"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="支取密码" required>
<div class="idCard" @click="popUp('密码器')">
<p>请刷卡</p>
</div>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="证件号码" required>
<div class="idCard" @click="popUp('身份证扫描器')">
<p>请刷身份证</p>
</div>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
</div> </div>
</template> </template>
<script> <script>
export default{ export default{
@ -11,13 +41,41 @@ export default{
props:{}, props:{},
data(){ data(){
return{ return{
form:{}
} }
}, },
methods:{ created() {
},
methods: {
}, },
} }
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
}
</style> </style>

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

@ -1,4 +1,4 @@
/* 个人业务>活期业务 */ /* 个人业务>活期业务>开户 */
<template> <template>
<div class="body"> <div class="body">
<el-row :gutter="20" style="margin: 0"> <el-row :gutter="20" style="margin: 0">

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

@ -60,7 +60,13 @@ export default{
return{ return{
form:{} form:{}
} }
} },
created() {
},
methods: {
},
} }
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>

28
src/pages/manage/list/personal/timeDeposit.vue
Unescape View File

@ -1,28 +0,0 @@
// 整存整取
<template>
<div class="wrap">
</div>
</template>
<script>
import { mapState } from 'vuex'
export default {
name: 'index',
data() {
return {
}
},
mounted() {
},
methods: {
}
};
</script>
<style lang="scss" scoped>
</style>

114
src/pages/manage/list/personal/timeDeposit/deposit.vue
Unescape View File

@ -0,0 +1,114 @@
// 整存整取 > 存款
<template>
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="1">
<el-form-item label="凭证号码" required>
<div class="idCard" @click="popUp('输入器')">
<p>请输入凭证号</p>
</div>
</el-form-item>
<el-form-item label="币种" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="金额">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="利率（%）">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="支取方式">
<el-select disabled v-model="form.x" placeholder="请选择">
<el-option label="密码" value="密码"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="存款类别" required>
<el-select disabled v-model="form.identification" 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-input v-model="form.name" ></el-input>
</el-form-item>
<el-form-item label="钞汇标识" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="存期" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="3个月" value="3个月"> </el-option>
<el-option label="6个月" value="6个月"> </el-option>
<el-option label="1年" value="1年"> </el-option>
<el-option label="2年" value="2年"> </el-option>
<el-option label="3年" value="3年"> </el-option>
<el-option label="五年" value="五年"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="续存" required>
<el-radio v-model="radio" label="1">备选项</el-radio>
<el-radio v-model="radio" label="2">备选项</el-radio>
</el-form-item>
<el-form-item label="支取密码" required>
<div class="idCard" @click="popUp('输入器')">
<p>请输入密码</p>
</div>
</el-form-item>
<el-form-item label="起息日" required>
<el-input v-model="form.name" ></el-input>
</el-form-item>
</el-col>
<el-col :span="21" :offset="1">
<el-form-item label="摘要">
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.name"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
</div>
</template>
<script>
export default{
name:'',
props:{},
data(){
return{
form:{}
}
}
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
border-radius: 10px;
margin-top: 50px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
}
</style>

97
src/pages/manage/list/personal/timeDeposit/openAccount.vue
Unescape View File

@ -0,0 +1,97 @@
// 整存整取 > 开户
<template>
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="1">
<el-form-item label="证件类型">
<el-select disabled v-model="form.x" placeholder="请选择">
<el-option label="身份证" value="身份证"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="客户号">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="币种" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="凭证类型" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="存单" value="存单"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="支取密码" required>
<div class="idCard" @click="popUp('密码器')">
<p>请输入密码</p>
</div>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="身份证" required>
<div class="idCard" @click="popUp('身份证扫描器')">
<p>请刷身份证</p>
</div>
</el-form-item>
<el-form-item label="客户姓名" required>
<el-input v-model="form.name" ></el-input>
</el-form-item>
<el-form-item label="钞汇标识" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="钞户" value="钞户"> </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>
<el-input v-model="form.name" ></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
</div>
</template>
<script>
export default{
name:'',
props:{},
data(){
return{
form:{}
}
}
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: absolute;
width: 300px;
font-size: 18px;
height: 68px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
}
</style>

205
src/pages/manage/list/personal/timeDeposit/timeDeposit.vue
Unescape View File

@ -0,0 +1,205 @@
// 整存整取
<template>
<div class="wrap">
<div class="nav">
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
<el-menu-item index="1">开户</el-menu-item>
<el-menu-item index="2">存款</el-menu-item>
<el-menu-item index="3">取款</el-menu-item>
</el-menu>
</div>
<div class="title">
<p>个人业务</p>
<i class="el-icon-arrow-right"></i>
<p>活期业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<!-- 开户 -->
<open-account v-if="activeIndex==='1'"></open-account>
<!-- 存款 -->
<deposit v-if="activeIndex==='2'"></deposit>
<!-- 取款 -->
<withdrawal v-if="activeIndex==='3'"></withdrawal>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
:modal="false"
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia"
>
<div slot="title" class="dia-header">
<div class="data-title">提交</div>
</div>
<div class="popBody">
<h2>本业务需要授权</h2>
</div>
<div class="popBtns">
<el-button class="close btn" @click="visible = false">取 消</el-button>
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { mapState } from 'vuex'
import openAccount from './openAccount.vue'
import deposit from './deposit.vue'
import withdrawal from './withdrawal.vue'
export default {
name: 'index',
components:{
openAccount,
deposit,
withdrawal,
},
data() {
return {
text:'',/* 顶部文字 */
textObj:{
'1':'开户',
'2':'存款',
'3':'取款',
'4':'转账',
'5':'结清',
'6':'销户',
},
form:{
},
visible:false,
options:[],
activeIndex:'1',
second:[// 二级卡数组
],
}
},
created() {
},
methods: {
handleSelect(val){
console.log(typeof(val),this.activeIndex,'xuanze');
this.text = this.textObj[val]
this.activeIndex = val
},
}
};
</script>
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.title{
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-50%);
}
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
}
}
</style>

100
src/pages/manage/list/personal/timeDeposit/withdrawal.vue
Unescape View File

@ -0,0 +1,100 @@
// 整存整取 > 取款
<template>
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="1">
<el-form-item label="凭证号码" required>
<div class="idCard" @click="popUp('刷卡器')">
<p>请填凭证号码</p>
</div>
</el-form-item>
<el-form-item label="币种">
<el-select disabled v-model="form.x" placeholder="请选择">
<el-option label="CNY人民币" value="CNY人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="定存编号">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="支取金额" required>
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="利息（%）" required>
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="支取密码" required>
<div class="idCard" @click="popUp('刷卡器')">
<p>请输入密码</p>
</div>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名">
<el-input v-model="form.name" disabled></el-input>
</el-form-item>
<el-form-item label="钞汇标识" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="本金" required>
<el-input v-model="form.name" ></el-input>
</el-form-item>
<el-form-item label="支取类别" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="现金" value="现金"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="支取方式" required>
<el-radio v-model="form.radio" label="1">部分支取</el-radio>
<el-radio v-model="form.radio" label="2">全部支取</el-radio>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
</div>
</template>
<script>
export default{
name:'',
props:{},
data(){
return{
form:{
radio:'1'
}
}
}
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
border-radius: 10px;
margin-top: 50px;
bottom: 0px;
left: 50%;
transform: translate(-50%,-20%);
}
}
</style>

1
src/pages/manage/list/personal/usefulPhrases.vue
Unescape View File

@ -1 +0,0 @@
零存整取

123
src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
Unescape View File

@ -0,0 +1,123 @@
// 销户
<template>
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="1">
<el-form-item label="证件类型">
<el-select disabled v-model="form.x" placeholder="请选择">
<el-option label="身份证" value="身份证"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="凭证号码" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="存单" value="存单"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="币种" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="定存编号">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="利率（%）">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="利息">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="起息日期" required>
<div class="idCard" @click="popUp('密码器')">
<p>请输入密码</p>
</div>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="身份证" required>
<div class="idCard" @click="popUp('身份证扫描器')">
<p>请刷身份证</p>
</div>
</el-form-item>
<el-form-item label="客户姓名">
<el-input v-model="form.name" ></el-input>
</el-form-item>
<el-form-item label="钞汇标识">
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="本金">
<el-input v-model="form.name" ></el-input>
</el-form-item>
<el-form-item label="存期">
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="1年" value="1年"> </el-option>
<el-option label="3年" value="3年"> </el-option>
<el-option label="5年" value="5年"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="总金额">
<el-input v-model="form.name" ></el-input>
</el-form-item>
<el-form-item label="支取密码" required>
<div class="idCard" @click="popUp('输入器')">
<p>请填凭证号码</p>
</div>
</el-form-item>
<!-- <el-form-item label="续存标识" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="不续存" value="不续存"> </el-option>
<el-option label="续存1年" value="续存1年"> </el-option>
<el-option label="续存3年" value="续存3年"> </el-option>
<el-option label="续存5年" value="续存5年"> </el-option>
</el-select>
</el-form-item> -->
</el-col>
</el-form>
</el-row>
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
</div>
</template>
<script>
export default{
name:'',
props:{},
data(){
return{
form:{}
}
}
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
}
</style>

89
src/pages/manage/list/personal/usefulPhrases/continueDeposit.vue
Unescape View File

@ -0,0 +1,89 @@
// 续存
<template>
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="1">
<el-form-item label="凭证号码" required>
<div class="idCard" @click="popUp('输入器')">
<p>请输入凭证号</p>
</div>
</el-form-item>
<el-form-item label="定存编号">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="钞汇标识">
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="月存金额">
<el-input v-model="form.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required>
<el-input v-model="form.name" ></el-input>
</el-form-item>
<el-form-item label="币种" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="存期" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="1年" value="1年"> </el-option>
<el-option label="3年" value="3年"> </el-option>
<el-option label="5年" value="5年"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="支取密码" required>
<div class="idCard" @click="popUp('输入器')">
<p>请输入密码</p>
</div>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
</div>
</template>
<script>
export default{
name:'',
props:{},
data(){
return{
form:{}
}
}
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
border-radius: 10px;
margin-top: 50px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
}
</style>

112
src/pages/manage/list/personal/usefulPhrases/openAccount.vue
Unescape View File

@ -0,0 +1,112 @@
// 开户
<template>
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="1">
<el-form-item label="证件类型">
<el-select disabled v-model="form.x" placeholder="请选择">
<el-option label="身份证" value="身份证"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="客户号">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="币种" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="凭证类型" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="存单" value="存单"> </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>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="1年" value="1年"> </el-option>
<el-option label="3年" value="3年"> </el-option>
<el-option label="5年" value="5年"> </el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="身份证" required>
<div class="idCard" @click="popUp('身份证扫描器')">
<p>请刷身份证</p>
</div>
</el-form-item>
<el-form-item label="客户姓名" required>
<el-input v-model="form.name" ></el-input>
</el-form-item>
<el-form-item label="钞汇标识" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="钞户" value="钞户"> </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>
<el-input v-model="form.name" ></el-input>
</el-form-item>
<el-form-item label="续存标识" required>
<el-select disabled v-model="form.identification" placeholder="请选择">
<el-option label="不续存" value="不续存"> </el-option>
<el-option label="续存1年" value="续存1年"> </el-option>
<el-option label="续存3年" value="续存3年"> </el-option>
<el-option label="续存5年" value="续存5年"> </el-option>
</el-select>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
</div>
</template>
<script>
export default{
name:'',
props:{},
data(){
return{
form:{}
}
}
}
</script>
<style lang='scss' scoped>
.body{
margin-top: 50px;
padding-bottom: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
cursor: pointer;
}
.submitBtn{
position: absolute;
width: 300px;
font-size: 18px;
height: 68px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-20%);
}
}
</style>

199
src/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue
Unescape View File

@ -0,0 +1,199 @@
<template>
<!-- 零存整取 -->
<div class="wrap">
<div class="nav">
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
<el-menu-item index="1">开户</el-menu-item>
<el-menu-item index="2">续存</el-menu-item>
<el-menu-item index="3">支取销户</el-menu-item>
</el-menu>
</div>
<div class="title">
<p>个人业务</p>
<i class="el-icon-arrow-right"></i>
<p>活期业务</p>
<i class="el-icon-arrow-right"></i>
<p>{{text}}</p>
</div>
<!-- 开户 -->
<open-account v-if="activeIndex==='1'"></open-account>
<!-- 存款 -->
<continue-deposit v-if="activeIndex==='2'"></continue-deposit>
<!-- 销户 -->
<account-closed v-if="activeIndex==='3'"></account-closed>
<el-dialog
style="margin-top:10vh"
:visible.sync="visible"
:modal="false"
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia"
>
<div slot="title" class="dia-header">
<div class="data-title">提交</div>
</div>
<div class="popBody">
<h2>本业务需要授权</h2>
</div>
<div class="popBtns">
<el-button class="close btn" @click="visible = false">取 消</el-button>
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import openAccount from './openAccount.vue'
import continueDeposit from './continueDeposit.vue'
import accountClosed from './accountClosed.vue'
export default {
name: 'index',
components:{
openAccount,
continueDeposit,
accountClosed,
},
data() {
return {
text:'',/* 顶部文字 */
textObj:{
'1':'开户',
'2':'续存',
'3':'支取销户',
},
form:{
},
visible:false,
options:[],
activeIndex:'1',
second:[// 二级卡数组
],
}
},
created() {
},
methods: {
handleSelect(val){
this.text = this.textObj[val]
this.activeIndex = val
},
}
};
</script>
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{
border: 0;
}
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2;
border-radius: 10px;
color: #000;
}
/deep/ .el-menu--horizontal > .el-menu-item{
border: 2px solid transparent;
border-radius: 10px;
margin-right: 10px;
height: 30px;
line-height: 28px;
}
}
.title{
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
}
.body{
margin-top: 50px;
overflow: auto;
.idCard{
border-radius: 5px;
background: #CFDDFF;
text-align: center;
height: 68px;
line-height: 68px;
font-size: 18px;
color: #6191FF;
}
.add{
position: relative;
&::after{
content: '';
display: block;
position: absolute;
right: 3%;
top: -4%;
border: 1px dashed #CFDDFF;
width: 88%;
height: 268px;
}
.addBtn{
position: absolute;
left: 0;
top: 50%;
transform: translate(50%,-50%);
font-size: 22px;
}
}
}
.submitBtn{
position: relative;
width: 300px;
font-size: 18px;
height: 68px;
margin-top: 50px;
border-radius: 10px;
bottom: 10px;
left: 50%;
transform: translate(-50%,-50%);
}
.popBody{
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.popBtns{
display: flex;
justify-content: space-between;
align-items: center;
.btn{
width: 180px;
border-radius: 10px;
font-size: 18px;
}
.close{
background: #CFDEFF;
color: #6191FF;
}
.sure{
background: #6191FF;
color: #fff;
}
}
}
</style>

71
src/pages/manage/navbar/index.vue
Unescape View File

@ -1,13 +1,14 @@
<template> <template>
<!-- 商业银行系统菜单文件 -->
<el-menu class="sidebar-el-menu" :default-active="onRoutes" router background-color="#313540" text-color="#fff" active-text-color="#ffd04b" unique-opened> <el-menu class="sidebar-el-menu" :default-active="onRoutes" router background-color="#313540" text-color="#fff" active-text-color="#ffd04b" unique-opened>
<template v-for="item in menus"> <template v-for="(item,index) in menus">
<template v-if="item.children"> <template v-if="item.children">
<el-submenu :index="item.index" :key="item.index"> <el-submenu :index="item.index" :key="item.index">
<template slot="title"> <template slot="title">
<i :class="item.icon"></i> <i :class="item.icon"></i>
<span slot="title">{{ item.title }}</span> <span slot="title">{{ item.title }}</span>
</template> </template>
<template v-for="subItem in item.children"> <template v-for="(subItem,index) in item.children">
<el-submenu <el-submenu
v-if="subItem.children" v-if="subItem.children"
:index="subItem.index" :index="subItem.index"
@ -40,7 +41,7 @@
<script> <script>
import { mapState } from 'vuex' import { mapState } from 'vuex'
import bus from '@/libs/bus'; // import bus from '@/libs/bus';
import Setting from '@/setting'; import Setting from '@/setting';
export default { export default {
data() { data() {
@ -63,7 +64,7 @@ export default {
}, },
{ {
icon: 'menu-icon icon-index', icon: 'menu-icon icon-index',
index: '/index/list3', index: '/index/list1',
title: '个人业务', title: '个人业务',
children:[ children:[
{ {
@ -90,8 +91,26 @@ export default {
}, },
{ {
icon: 'menu-icon icon-index', icon: 'menu-icon icon-index',
index: '/index/list3', index: '/index/list2',
title: '公司业务', title: '公司业务',
children:[
{
index:"/counter/list/manage/business-openAccount",
title:'开户'
},
{
index:"/counter/list/manage/business-deposit",
title:'存款'
},
{
index:"/counter/list/manage/business-withdrawal",
title:'取款'
},
{
index:"/counter/list/manage/business-transfer",
title:'转账'
},
]
}, },
{ {
icon: 'menu-icon icon-index', icon: 'menu-icon icon-index',
@ -100,28 +119,62 @@ export default {
}, },
{ {
icon: 'menu-icon icon-index', icon: 'menu-icon icon-index',
index: '/index/list3', index: '/index/list4',
title: '同城交互', title: '同城交互',
}, },
{ {
icon: 'menu-icon icon-index', icon: 'menu-icon icon-index',
index: '/index/list3', index: '/index/list5',
title: '银行承兑汇票', title: '银行承兑汇票',
}, },
{ {
icon: 'menu-icon icon-index', icon: 'menu-icon icon-index',
index: '/index/list3', index: '/index/list6',
title: '重空现金', title: '重空现金',
children:[
{
index:"/counter/list/manage/dayEnd-tellerCash",
title:'柜员现金扎帐'
},
{
index:"/counter/list/manage/dayEnd-tellerCertificate",
title:'柜员凭证扎帐'
},
{
index:"/counter/list/manage/dayEnd-branchDayEnd",
title:'网点日终扎帐'
}
]
}, },
{ {
icon: 'menu-icon icon-index', icon: 'menu-icon icon-index',
index: '/index/list3', index: '/index/list7',
title: '日终管理', title: '日终管理',
children:[
{
index:"/counter/list/manage/dayEnd-tellerCash",
title:'柜员现金扎帐'
},
{
index:"/counter/list/manage/dayEnd-tellerCertificate",
title:'柜员凭证扎帐'
},
{
index:"/counter/list/manage/dayEnd-branchDayEnd",
title:'网点日终扎帐'
}
]
}, },
], ],
} }
}, },
watch: {
'$route.path':function (val) {
this.onRoutes = val
}
},
created() { created() {
this.onRoutes = this.$route.path
}, },
methods: { methods: {

79
src/router/modules/counter.js
Unescape View File

@ -48,27 +48,98 @@ export default {
{ {
name: `${pre}timeDeposit`, name: `${pre}timeDeposit`,
path: `timeDeposit`, path: `timeDeposit`,
component: () => import('@/pages/manage/list/personal/timeDeposit.vue'), component: () => import('@/pages/manage/list/personal/timeDeposit/timeDeposit.vue'),
meta: { title: '整存整取' } meta: { title: '整存整取' }
}, },
{ {
name: `${pre}usefulPhrases`, name: `${pre}usefulPhrases`,
path: `usefulPhrases`, path: `usefulPhrases`,
component: () => import('@/pages/manage/list/personal/usefulPhrases.vue'), component: () => import('@/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue'),
meta: { title: '零存整取' }, meta: { title: '零存整取' },
}, },
{ {
name: `${pre}callDeposits`, name: `${pre}callDeposits`,
path: `callDeposits`, path: `callDeposits`,
component: () => import('@/pages/manage/list/personal/callDeposits.vue'), component: () => import('@/pages/manage/list/personal/callDeposits/callDeposits.vue'),
meta: { title: '通知存款' }, meta: { title: '通知存款' },
}, },
{ {
name: `${pre}accountService`, name: `${pre}accountService`,
path: `accountService`, path: `accountService`,
component: () => import('@/pages/manage/list/personal/accountService.vue'), component: () => import('@/pages/manage/list/personal/accountService/accountService.vue'),
meta: { title: '账户服务' }, meta: { title: '账户服务' },
}, },
// 公司业务
{
name: `${pre}accountService`,
path: `business-openAccount`,
component: () => import('@/pages/manage/list/business/openAccount.vue'),
meta: { title: '公司业务开户' },
},
{
name: `${pre}accountService`,
path: `business-deposit`,
component: () => import('@/pages/manage/list/business/deposit.vue'),
meta: { title: '公司业务存款' },
},
{
name: `${pre}accountService`,
path: `business-withdrawal`,
component: () => import('@/pages/manage/list/business/withdrawal.vue'),
meta: { title: '公司业务取款' },
},
{
name: `${pre}accountService`,
path: `business-transfer`,
component: () => import('@/pages/manage/list/business/transfer.vue'),
meta: { title: '公司业务转账' },
},
// 账户服务
// 同城交互
// 银行承兑汇票
// 重空现金
{
name: `${pre}importantCash`,
path: `importantCash-cashRecipients`,
component: () => import('@/pages/manage/list/ImportantCash/controlCash/index.vue'),
meta: { title: '重空现金管理' },
},
{
name: `${pre}importantCash`,
path: `importantCash-cashRecipients`,
component: () => import('@/pages/manage/list/ImportantCash/controlCash/index.vue'),
meta: { title: '重空现金凭证管理' },
},
{
name: `${pre}importantCash`,
path: `importantCash-cashRecipients`,
component: () => import('@/pages/manage/list/ImportantCash/controlCash/index.vue'),
meta: { title: '重空现金支票管理' },
},
// 日终管理
{
name: `${pre}dayEnd`,
path: `dayEnd-tellerCash`,
component: () => import('@/pages/manage/list/dayEnd/tellerCash.vue'),
meta: { title: '日终管理柜员现金扎帐' },
},
{
name: `${pre}dayEnd`,
path: `dayEnd-tellerCertificate`,
component: () => import('@/pages/manage/list/dayEnd/tellerCertificate.vue'),
meta: { title: '日终管理柜员凭证扎帐' },
},
{
name: `${pre}dayEnd`,
path: `dayEnd-branchDayEnd`,
component: () => import('@/pages/manage/list/dayEnd/branchDayEnd.vue'),
meta: { title: '日终管理网点日终扎帐' },
},
] ]
} }
] ]

57
src/router/system.js
Unescape View File

@ -1,57 +0,0 @@
/* 银行系统 */
export default {
namespaced: true,
state: {/* 管理柜台状态 */
showPop: false,// 弹框
popText:'钱箱',
fullScreen:false,// 银行系统是否全屏
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'
},
],
},
mutations: {
changeFullscreen:(state,val) => {
state.fullScreen = val
},
changePop:(state,val)=>{
state.showPop = val.show
state.popText = val.text
},
changeGoods:(state,obj)=>{/* 赋值/push/删除 */
if(obj.goods&&obj.goods.length>0){
state.goods = obj.goods
}else if(obj.push&&obj.push.length>0){
state.goods.push(...obj.push)
}else if(typeof(obj.splice)===Number ){
state.goods.splice(obj.splice,1)
}
}
},
actions: {
}
}

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

@ -1,7 +1,6 @@
/** /**
* 布局管理 * 布局管理
* */ * */
// 是否IE // 是否IE
function isIE() { function isIE() {
if (!!window.ActiveXObject || "ActiveXObject" in window) return true if (!!window.ActiveXObject || "ActiveXObject" in window) return true

10
src/styles/system.css
Unescape View File

@ -49,3 +49,13 @@
font-size: 18px; font-size: 18px;
color: #6191FF; color: #6191FF;
} }
.title {
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
flex-shrink: 0;
}

2
src/styles/system.min.css vendored
Unescape View File

@ -1 +1 @@
.submitBtn{position:absolute;width:300px;font-size:18px;height:68px;border-radius:10px;bottom:10px;left:50%;transform:translate(-50%, -50%)}.popBody{min-height:200px;display:flex;align-items:center;justify-content:center;text-align:center}.popBtns{display:flex;justify-content:space-between;align-items:center}.popBtns .btn{width:180px;border-radius:10px;font-size:18px}.popBtns .close{background:#CFDEFF;color:#6191FF}.popBtns .sure{background:#6191FF;color:#fff}.idCard{cursor:pointer;border-radius:5px;background:#CFDDFF;text-align:center;height:68px;line-height:68px;font-size:18px;color:#6191FF} .submitBtn{position:absolute;width:300px;font-size:18px;height:68px;border-radius:10px;bottom:10px;left:50%;transform:translate(-50%, -50%)}.popBody{min-height:200px;display:flex;align-items:center;justify-content:center;text-align:center}.popBtns{display:flex;justify-content:space-between;align-items:center}.popBtns .btn{width:180px;border-radius:10px;font-size:18px}.popBtns .close{background:#CFDEFF;color:#6191FF}.popBtns .sure{background:#6191FF;color:#fff}.idCard{cursor:pointer;border-radius:5px;background:#CFDDFF;text-align:center;height:68px;line-height:68px;font-size:18px;color:#6191FF}.title{height:60px;display:flex;align-items:center;font-size:20px;padding-left:0px;margin-top:10px;flex-shrink:0}

9
src/styles/system.scss
Unescape View File

@ -43,3 +43,12 @@
font-size: 18px; font-size: 18px;
color: #6191FF; color: #6191FF;
} }
.title{
height: 60px;
display: flex;
align-items: center;
font-size: 20px;
padding-left: 0px;
margin-top: 10px;
flex-shrink: 0;
}
Write Preview
Loading…
Cancel
Save