- 
- 
- 
- 
+
+
+
+
+
- 
+
-
+
+
- 
+
-
+
+
- 
+
-
+
+
- 
+
-
+
+
- 
+
-
+
+
- 
+
-
+
+
- 
+
-
+
+
- 
+
-
+
+
- 
+
-
+
+
+
资料
-
- 
+
-
+
+
- 
+
-
+
+
- 
- 
- 
+ 
-
@@ -77,7 +76,6 @@ export default {
margin-top: -10px;
}
}
-
.name{
position: absolute;
top: 43%;
diff --git a/src/pages/manage/index/index.vue b/src/pages/manage/index/index.vue
index 6b62b04..e66a099 100644
--- a/src/pages/manage/index/index.vue
+++ b/src/pages/manage/index/index.vue
@@ -1,13 +1,15 @@
-
-
-
+
+
+
+
-
+
+
+
+
-
物品栏
- 
+
-
+
- 
+
{{dataTitle}}
-
+ {{ dataTitle }}
+
- 请单击选中所需材料、双击可放大预览 -
-
-
-
-
+ -
+
身份证
- -
-
+ -
+
身份证复印件
- -
-
+ -
+
开户申请书
- -
-
+ -
+
现金
+
\ No newline at end of file
diff --git a/src/pages/index/list/index.vue b/src/pages/index/list/index.vue
index 3d75a31..126df8d 100644
--- a/src/pages/index/list/index.vue
+++ b/src/pages/index/list/index.vue
@@ -14,7 +14,6 @@
-
@@ -77,7 +76,6 @@ export default {
margin-top: -10px;
}
}
-
.name{
position: absolute;
top: 43%;
diff --git a/src/pages/manage/index/index.vue b/src/pages/manage/index/index.vue
index 6b62b04..e66a099 100644
--- a/src/pages/manage/index/index.vue
+++ b/src/pages/manage/index/index.vue
@@ -1,13 +1,15 @@
-
+
-
+
商业银行系统
-
+
import { mapState } from 'vuex'
+import openAccount from './openAccount.vue'
+import deposit from './deposit.vue'
+import withdrawal from './withdrawal.vue'
+import transferAccounts from './transferAccounts.vue'
+import settle from './settle.vue'
+import accountCancellation from './settle.vue'
export default {
name: 'index',
+ components:{
+ openAccount,
+ deposit,
+ withdrawal,
+ transferAccounts,
+ settle,
+ accountCancellation
+
+ },
data() {
return {
+ text:'',/* 顶部文字 */
+ textObj:{
+ '1':'开户',
+ '2':'存款',
+ '3':'取款',
+ '4':'转账',
+ '5':'结清',
+ '6':'销户',
+ },
form:{
},
@@ -198,8 +237,12 @@ export default {
},
methods: {
handleSelect(val){
- console.log(val,'xuanze');
+ console.log(typeof(val),this.activeIndex,'xuanze');
+
+ this.text = this.textObj[val]
+ this.activeIndex = val
},
+
}
};
diff --git a/src/pages/manage/list/personal/currentAccount/openAccount.vue b/src/pages/manage/list/personal/currentAccount/openAccount.vue
new file mode 100644
index 0000000..121a9d2
--- /dev/null
+++ b/src/pages/manage/list/personal/currentAccount/openAccount.vue
@@ -0,0 +1,228 @@
+
+
+ 
+ 
+
@@ -24,19 +26,32 @@ export default {
name: 'index',
data() {
return {
- fullscreen:false,// 是否全屏--store读取
+ fullscreen:this.$store.state.layout.fullScreen,// 是否全屏--store读取
}
},
components: {
navbar,
},
+ computed:{
+ full:function(){
+ return this.$store.state.layout.fullScreen
+ }
+ },
created() {
-
+
},
methods: {
close(){
this.$router.push('/counter/list/')
- }
+ },
+ handleFullscreen(){
+ this.fullscreen = true
+ this.$store.commit('layout/changeFullscreen',true)
+ },
+ shrink(){
+ this.fullscreen = false
+ this.$store.commit('layout/changeFullscreen',false)
+ },
}
};
@@ -45,7 +60,7 @@ export default {
.box{
display: flex;
min-width: 1300px;
- height: 80vh;
+
overflow: auto;
.nav{
width: 270px;
diff --git a/src/pages/manage/list/client/consumerClient.vue b/src/pages/manage/list/client/consumerClient.vue
index bbd71e9..e402aed 100644
--- a/src/pages/manage/list/client/consumerClient.vue
+++ b/src/pages/manage/list/client/consumerClient.vue
@@ -13,10 +13,10 @@
+ v-for="(item,index) in papers"
+ :key="index"
+ :label="item.name"
+ :value="item.id">
@@ -43,10 +43,10 @@
+ v-for="(item,key) in gender"
+ :key="key"
+ :label="item.name"
+ :value="item.id">
@@ -103,7 +103,14 @@ export default {
},
visible:false,
- options:[]
+ papers:[
+ {name:'身份证',id:1}
+ ],
+ options:[],
+ gender:[
+ {name:'男',id:1},
+ {name:'女',id:2},
+ ],
diff --git a/src/pages/manage/list/personal/currentAccount/accountCancellation.vue b/src/pages/manage/list/personal/currentAccount/accountCancellation.vue
new file mode 100644
index 0000000..e957b5b
--- /dev/null
+++ b/src/pages/manage/list/personal/currentAccount/accountCancellation.vue
@@ -0,0 +1,23 @@
+
+
-
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/currentAccount/deposit.vue b/src/pages/manage/list/personal/currentAccount/deposit.vue
new file mode 100644
index 0000000..b2ed70e
--- /dev/null
+++ b/src/pages/manage/list/personal/currentAccount/deposit.vue
@@ -0,0 +1,75 @@
+
+ 销户
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 提交
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/currentAccount.vue b/src/pages/manage/list/personal/currentAccount/index.vue
similarity index 87%
rename from src/pages/manage/list/personal/currentAccount.vue
rename to src/pages/manage/list/personal/currentAccount/index.vue
index 4fdf2c4..5451438 100644
--- a/src/pages/manage/list/personal/currentAccount.vue
+++ b/src/pages/manage/list/personal/currentAccount/index.vue
@@ -16,9 +16,10 @@
活期业务
-开户
+{{text}}
+
+
-
-->
+
+
+
+
@@ -145,10 +145,25 @@
- 提交
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 提交
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/currentAccount/settle.vue b/src/pages/manage/list/personal/currentAccount/settle.vue
new file mode 100644
index 0000000..65f6040
--- /dev/null
+++ b/src/pages/manage/list/personal/currentAccount/settle.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/currentAccount/transferAccounts.vue b/src/pages/manage/list/personal/currentAccount/transferAccounts.vue
new file mode 100644
index 0000000..ffc2907
--- /dev/null
+++ b/src/pages/manage/list/personal/currentAccount/transferAccounts.vue
@@ -0,0 +1,23 @@
+
+ 结清
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/currentAccount/withdrawal.vue b/src/pages/manage/list/personal/currentAccount/withdrawal.vue
new file mode 100644
index 0000000..ffc2907
--- /dev/null
+++ b/src/pages/manage/list/personal/currentAccount/withdrawal.vue
@@ -0,0 +1,23 @@
+
+ 取款
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/router/modules/counter.js b/src/router/modules/counter.js
index 122a418..cdce659 100644
--- a/src/router/modules/counter.js
+++ b/src/router/modules/counter.js
@@ -42,7 +42,7 @@ export default {
{
name: `${pre}currentAccount`,
path: `currentAccount`,
- component: () => import('@/pages/manage/list/personal/currentAccount.vue'),
+ component: () => import('@/pages/manage/list/personal/currentAccount/index.vue'),
meta: { title: '活期业务' },
},
{
diff --git a/src/store/modules/layout.js b/src/store/modules/layout.js
index fff46db..823d4f5 100644
--- a/src/store/modules/layout.js
+++ b/src/store/modules/layout.js
@@ -19,6 +19,7 @@ export default {
state.isIE = val
},
changeFullscreen:(state,val) => {
+ console.log(val,state,'dayin--val')
state.fullScreen = val
}
},