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

css_update

Browse Source
20240205
luoJunYong.123 3 years ago
parent d6a1135de9
commit af811c1aef
4 changed files with 80 additions and 48 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      src/pages/counter/list/index.vue
  2. 36
      src/pages/manage/index/index.vue
  3. 5
      src/pages/manage/list/business/openAccount.vue
  4. 81
      src/pages/manage/navbar/index.vue

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

@ -2050,13 +2050,13 @@ export default {
top: 0;
max-height: 13vh;
img {
max-height: 10vh;
max-height: 8vh;
margin: auto;
margin-top: 1vh;
}
p {
top: 5vh;
line-height: 5vh;
top: 9vh;
line-height: 3vh;
font-size: 3vh;
}
}

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

@ -5,7 +5,13 @@
<div class="top" :style="full?'border-radius:0':'border-top-left-radius: 20px;'">
<p style="margin:auto">商业银行系统</p>
</div>
<navbar class="body"></navbar>
<!-- <div class="body2">
<navbar class="body"></navbar>
</div> -->
<div class="body">
<navbar />
</div>
<!-- <navbar class="body"></navbar> -->
</div>
<div class="manage-layout">
<div class="top" :style="full?'border-radius:0':'border-top-right-radius: 20px;'">
@ -64,7 +70,8 @@ export default {
display: flex;
min-width: 1300px;
margin-top: 70px;
overflow: auto;
// overflow: auto;
.nav{
width: 270px;
height: 100%;
@ -83,6 +90,9 @@ export default {
}
.body{
flex: 1;
.el-menu {
height: 100%;
}
}
}
.manage-layout{
@ -137,14 +147,16 @@ export default {
/deep/ .is-error input {
border-color: #f40!important;;
}
$font_size_16: 16px;
/deep/ .text-xl p {
font-size: 18px!important;
font-size: $font_size_16!important;
}
/deep/ .el-form-item .el-form-item__label {
font-size: 18px!important;
font-size: $font_size_16!important;
}
/deep/ .el-menu-item {
font-size: 18px;
font-size: $font_size_16;
}
// /deep/ .el-form-item__error {
// top: 105%;
@ -152,7 +164,11 @@ export default {
// right: 0;
// color: #FFA94E;
// }
@media screen and (min-width: 1200px) and (max-width: 1700px) {
/deep/.el-input {
width: 15vw;
}
}
@media screen and (min-width: 1200px) and (max-width: 1900px) {
.box{
display: flex;
@ -163,7 +179,7 @@ export default {
.nav{
width: 25vw;
height: 80vh;
overflow: auto;
overflow: hidden;
border-top-left-radius: 20px;
display: flex;
flex-direction: column;
@ -179,7 +195,10 @@ export default {
background: #222428;
}
.body{
flex: 1;
// flex: 1;
// height: calc(80vh-10vh);
overflow: auto;
background-color: #313540;
}
}
.manage-layout{
@ -218,5 +237,6 @@ export default {
}
}
}
}
</style>

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

@ -268,10 +268,9 @@ export default {
for (var i = 0; i < list.length; i++) {
console.log(i)
const { answerId, emptyTwo } = list[i]
if (answerId === '238') {this.form.customerName = emptyTwo}
else if (answerId === '228') {this.form.customerNumber = emptyTwo}
if (answerId === '228') {this.form.customerNumber = emptyTwo}
else if (answerId === '84') {this.form.foreignCurrencyCertificate = emptyTwo}
else if (answerId === '228') {this.form.clientNumber = emptyTwo}
else if (answerId === '238') {this.form.clientNumber = emptyTwo; console.log(emptyTwo)}
else if (answerId === '239') {this.form.foreignCurrencyBumber = emptyTwo}
else {
this.form[this.myTable[answerId].prop] = emptyTwo

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

@ -1,42 +1,43 @@
<template>
<!-- 商业银行系统菜单文件 -->
<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,index) in menus">
<template v-if="item.children">
<el-submenu :index="item.index" :key="item.index">
<template slot="title">
<template v-for="(item,index) in menus">
<template v-if="item.children">
<el-submenu :index="item.index" :key="item.index">
<template slot="title">
<i :class="item.icon"></i>
<span slot="title">{{ item.title }}</span>
</template>
<template v-for="(subItem,index) in item.children">
<el-submenu
v-if="subItem.children"
:index="subItem.index"
:key="subItem.index"
>
<template slot="title">{{ subItem.title }}</template>
<el-menu-item
v-for="(threeItem,i) in subItem.children"
:key="i"
:index="threeItem.index"
>{{ threeItem.title }}</el-menu-item>
</el-submenu>
<el-menu-item
v-else
:index="subItem.index"
:key="subItem.index"
>{{ subItem.title }}</el-menu-item>
</template>
</el-submenu>
</template>
<template v-else>
<el-menu-item :index="item.index" :key="item.index">
<i :class="item.icon"></i>
<span slot="title">{{ item.title }}</span>
</template>
<template v-for="(subItem,index) in item.children">
<el-submenu
v-if="subItem.children"
:index="subItem.index"
:key="subItem.index"
>
<template slot="title">{{ subItem.title }}</template>
<el-menu-item
v-for="(threeItem,i) in subItem.children"
:key="i"
:index="threeItem.index"
>{{ threeItem.title }}</el-menu-item>
</el-submenu>
<el-menu-item
v-else
:index="subItem.index"
:key="subItem.index"
>{{ subItem.title }}</el-menu-item>
</template>
</el-submenu>
</template>
<template v-else>
<el-menu-item :index="item.index" :key="item.index">
<i :class="item.icon"></i>
<span slot="title">{{ item.title }}</span>
</el-menu-item>
</el-menu-item>
</template>
</template>
</template>
</el-menu>
</el-menu>
</template>
<script>
@ -214,6 +215,15 @@ export default {
</script>
<style lang="scss" scoped>
// /dee/ .el-menu {
// color: red!important;
// overflow: auto;
// }
// .sidebar-el-menu {
// // max-height: calc(100vh - 110px);
// overflow: auto;
// }
// .nav{
// background-color: #141414;
// overflow: auto;
@ -265,7 +275,7 @@ export default {
// }
// }
// }
.sidebar::-webkit-scrollbar {
width: 0;
}
@ -288,4 +298,7 @@ export default {
/deep/.el-menu-item {
font-size: 18px!important;
}
// .myOver {
// overflow: hidden;
// }
</style>
Write Preview
Loading…
Cancel
Save