update

src/pages/counter/list/index.vue

@@ -224,7 +224,7 @@
         <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>
         </div>
         <el-dialog
@@ -3365,23 +3365,25 @@ export default {
             }
         }
     }
+
+.systemconfig {
+    position: absolute;
+    z-index: 9;
+}    
 .system {
     margin-top: -8vh;
-    position: absolute;
     top: 12%;
     left: 50%;
-    z-index: 9;
     transform: translate(-50%, 0);
     width: 1280px;
 }
 .fullScreenSystem {
     width: 100vw;
+    height: 95vw;
     margin-top: 0;
-    position: absolute;
     top: 0%;
-    left: 50%;
+    // left: 50%;
-    z-index: 9;
+    // transform: translate(-50%, 0);
-    transform: translate(-50%, 0);
 }
 /deep/ .view .el-dialog__body {
     padding: 0 !important;

src/pages/manage/index/index.vue

@@ -1,8 +1,9 @@
 <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="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>
             </div>
             <!-- <div class="body2">
@@ -114,11 +115,12 @@ export default {
         display: flex;
         min-width: 1300px;
         margin-top: 70px;
+        
         // overflow: auto;
         
         .nav{
             width: 270px;
-            height: 100%;
+            min-height: 80vh;
             border-top-left-radius: 20px;
             border-bottom-left-radius: 20px;
             display: flex;
@@ -242,12 +244,12 @@ export default {
         .box{
             display: flex;
             min-width: 80vw;
-            margin-top: 6vh;
+            // margin-top: 6vh;
             overflow: auto;
-            height: 70vh;
+            // height: 70vh;
             .nav{
                 width: 25vw;
-                height: 80vh;
+                min-height: 80vh;
                 overflow: hidden;
                 border-top-left-radius: 20px;
                 display: flex;
@@ -272,7 +274,7 @@ export default {
             }
             .manage-layout{
                 width: calc(100% - 270px);
-                height: 80vh;
+                min-height: 80vh;
                 overflow: auto;
                 // background: #fff;
                 background:transparent;