20240205
luoJunYong.123 3 years ago
parent b0412464b8
commit 484150f6dd
  1. 16
      src/pages/counter/list/index.vue
  2. 16
      src/pages/manage/index/index.vue

@ -224,7 +224,7 @@
<div v-show="showPop" class="masking"></div> <div v-show="showPop" class="masking"></div>
<!-- 商业银行系统的全屏功能实现 --> <!-- 商业银行系统的全屏功能实现 -->
<div :class="full ? 'fullScreenSystem' : 'system'" v-if="manageVisible"> <div :class="full ? 'fullScreenSystem' : 'system'" class="systemconfig" v-if="manageVisible">
<router-view></router-view> <router-view></router-view>
</div> </div>
<el-dialog <el-dialog
@ -3365,23 +3365,25 @@ export default {
} }
} }
} }
.systemconfig {
position: absolute;
z-index: 9;
}
.system { .system {
margin-top: -8vh; margin-top: -8vh;
position: absolute;
top: 12%; top: 12%;
left: 50%; left: 50%;
z-index: 9;
transform: translate(-50%, 0); transform: translate(-50%, 0);
width: 1280px; width: 1280px;
} }
.fullScreenSystem { .fullScreenSystem {
width: 100vw; width: 100vw;
height: 95vw;
margin-top: 0; margin-top: 0;
position: absolute;
top: 0%; top: 0%;
left: 50%; // left: 50%;
z-index: 9; // transform: translate(-50%, 0);
transform: translate(-50%, 0);
} }
/deep/ .view .el-dialog__body { /deep/ .view .el-dialog__body {
padding: 0 !important; padding: 0 !important;

@ -1,8 +1,9 @@
<template> <template>
<div class="box select-none" :style="full?'height:calc(100vh - 60px);':'height: 80vh;'"> <!-- :style="full?'height:100vh;':'height: 80vh;'" -->
<div class="box select-none" :class="full? 'h-4/5': ''">
<div class="nav"> <div class="nav">
<!-- <div class="top" :style="full?'border-radius:0':'border-top-left-radius: 20px;'"> --> <!-- <div class="top" :style="full?'border-radius:0':'border-top-left-radius: 20px;'"> -->
<div class="top" :style="full?'border-radius:0':'border-top-left-radius: 20px;'"> <div class="top" :style="full?'border-radius:0':'border-top-left-radius: 20px;'">
<p style="margin:auto">商业银行系统</p> <p style="margin:auto">商业银行系统</p>
</div> </div>
<!-- <div class="body2"> <!-- <div class="body2">
@ -114,11 +115,12 @@ export default {
display: flex; display: flex;
min-width: 1300px; min-width: 1300px;
margin-top: 70px; margin-top: 70px;
// overflow: auto; // overflow: auto;
.nav{ .nav{
width: 270px; width: 270px;
height: 100%; min-height: 80vh;
border-top-left-radius: 20px; border-top-left-radius: 20px;
border-bottom-left-radius: 20px; border-bottom-left-radius: 20px;
display: flex; display: flex;
@ -242,12 +244,12 @@ export default {
.box{ .box{
display: flex; display: flex;
min-width: 80vw; min-width: 80vw;
margin-top: 6vh; // margin-top: 6vh;
overflow: auto; overflow: auto;
height: 70vh; // height: 70vh;
.nav{ .nav{
width: 25vw; width: 25vw;
height: 80vh; min-height: 80vh;
overflow: hidden; overflow: hidden;
border-top-left-radius: 20px; border-top-left-radius: 20px;
display: flex; display: flex;
@ -272,7 +274,7 @@ export default {
} }
.manage-layout{ .manage-layout{
width: calc(100% - 270px); width: calc(100% - 270px);
height: 80vh; min-height: 80vh;
overflow: auto; overflow: auto;
// background: #fff; // background: #fff;
background:transparent; background:transparent;

Loading…
Cancel
Save