Pārlūkot izejas kodu

全局页面高度优化

gangyj 2 gadi atpakaļ
vecāks
revīzija
dee1f746b5

+ 3 - 1
src/components/basic-container/main.vue

@@ -2,7 +2,7 @@
   <div class="basic-container"
        :style="styleName"
        :class="{'basic-container--block':block}">
-    <el-card class="basic-container__card">
+    <el-card class="basic-container__card" :body-style="{'height':'100%','overflow':'auto','box-sizing':'border-box'}">
       <slot></slot>
     </el-card>
   </div>
@@ -39,6 +39,7 @@ export default {
 .basic-container {
   padding: 10px 6px;
   box-sizing: border-box;
+  height: 100%;
   &--block {
     height: 100%;
     .basic-container__card {
@@ -47,6 +48,7 @@ export default {
   }
   &__card {
     width: 100%;
+    height: 100%;
   }
   &:first-child {
     padding-top: 0;

+ 1 - 1
src/page/index/index.vue

@@ -23,7 +23,7 @@
         </transition>
         <!-- 主体视图层 -->
         <div
-          style="height:100%;overflow-y:auto;overflow-x:hidden;"
+          style="height:calc(100% - 30px);overflow-y:auto;overflow-x:hidden;"
           id="avue-view"
           v-show="!isSearch"
         >

+ 6 - 0
src/views/exctab/ElementIdentification/index.vue

@@ -759,4 +759,10 @@ export default {
   min-width: 100%;
   display: inline-block;
 }
+
+.boxswai{
+  height: 100%;
+  box-sizing: border-box;
+  padding-bottom: 10px;
+}
 </style>

+ 6 - 0
src/views/exctab/excelmodel/excelmodel.vue

@@ -1005,4 +1005,10 @@ export default {
 .rightBox {
   flex: 1;
 }
+
+.boxswai{
+  height: 100%;
+  box-sizing: border-box;
+  padding-bottom: 10px;
+}
 </style>

+ 1 - 1
src/views/formula/edit.vue

@@ -1,5 +1,5 @@
 <template>
-  <basic-container class="h-basic-full">
+  <basic-container>
     <div class="box-dashed flex jc-sb">
       <div class="flex">
         <div class="retain-box">

+ 3 - 2
src/views/manager/projectinfo/detail.vue

@@ -1,6 +1,6 @@
 <template>
   <basic-container>
-    <div>
+    <div class="h-100p">
       <el-tabs
         v-model="activeType"
         :before-leave="beforeLeave"
@@ -248,6 +248,7 @@
               @onCheckAll="treeChang3"
               :leftloading="logleftloading"
               :rightloading="logrightloading"
+              scrollbarStyle="height:calc(100vh - 500px)"
             ></tree-tree>
           </div>
         </el-tab-pane>
@@ -303,7 +304,7 @@
               <el-table
                 :data="contractUserList"
                 border
-                max-height="440"
+                height="420"
                 style="width: 100%"
               >
                 <el-table-column

+ 1 - 1
src/views/manager/wbsinfo/edit.vue

@@ -13,7 +13,7 @@
             ></el-input>
             <!-- <el-button type="info" class="mg-l-20">导入划分</el-button> -->
           </div>
-          <div style="position: relative; height: calc(100% - 65px);">
+          <div>
           <el-scrollbar>
             <div v-loading="treeLoad">
               <el-tree

+ 6 - 0
src/views/wel/index.vue

@@ -512,4 +512,10 @@ export default {
   font-size: 18px;
   color: rgba(119, 40, 245, 0.85);
 }
+
+.boxswai{
+  height: 100%;
+  box-sizing: border-box;
+  padding-bottom: 10px;
+}
 </style>