清单样式调整

src/pages/regulatoryRepository/accessStandardsAndRegulations/index.vue

@@ -124,7 +124,8 @@ export default {
 @import '~@/assets/styles/mixins';
 
 #accessStandardsAndRegulations {
-  height: 100%;
+  //min-height: calc(100% - 20px);
+  height: inherit;
   padding: 0 10px;
   background: #fff;
   display: flex;
@@ -147,7 +148,7 @@ export default {
       flex-direction: column;
 
       .el-tab-pane {
-        height: 100%;
+        height: 10px;
         flex: auto;
         display: flex;
         flex-direction: column;

src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOfCountries.vue

@@ -67,6 +67,7 @@
     </div>
     <div class="container">
       <loading :loading="tableLoading">数据获取中</loading>
+      <div class="table_info">
         <el-table
           :data="sarAccessListDatas"
           tooltip-effect="dark"
@@ -156,6 +157,7 @@
             </template>
           </el-table-column>
         </el-table>
+      </div>
       <loading :loading="loading">数据获取中</loading>
       <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
                   @pageSizeChange="pageSizeChange"></pagination>
@@ -394,9 +396,11 @@ export default {
 @import '~@/assets/styles/mixins';
 
 #listOfCountries {
-  height: 100%;
+  //height: 100%;
   display: flex;
   flex-direction: column;
+  min-height: calc(100% - 100px);
+  overflow-y: auto;
 
   .container {
     display: flex;
@@ -404,10 +408,14 @@ export default {
     position: relative;
     flex: auto;
     width: 100%;
-    height: calc(100% - 110px) !important;
+    //height: calc(100% - 110px) !important;
+    height: calc(~'100% - 30px');
+    .table_info {
+      height: calc(70vh - 90px);
+    }
 
     .pagination {
-      position: static;
+      position: inherit;
 
       /deep/ .pagination-slot {
         padding: 0;

src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOther.vue

@@ -58,6 +58,7 @@
     </div>
     <div class="container">
       <loading :loading="tableLoading">数据获取中</loading>
+      <div class="table_info">
         <el-table
           :data="sarAccessListDatas"
           tooltip-effect="dark"
@@ -150,6 +151,7 @@
             </template>
           </el-table-column>
         </el-table>
+      </div>
       <loading :loading="loading">数据获取中</loading>
       <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
                   @pageSizeChange="pageSizeChange"></pagination>
@@ -374,9 +376,11 @@ export default {
 @import '~@/assets/styles/mixins';
 
 #listOfCountries {
-  height: 100%;
+  //height: 100%;
   display: flex;
   flex-direction: column;
+  min-height: calc(100% - 100px);
+  overflow-y: auto;
 
   .container {
     display: flex;
@@ -385,8 +389,12 @@ export default {
     flex: auto;
     width: 100%;
     //height: calc(~'100% - 105px - 56px') !important;
+    height: calc(~'100% - 30px');
+    .table_info {
+      height: calc(70vh - 90px);
+    }
     .pagination {
-      position: static;
+      position: inherit;
 
       /deep/ .pagination-slot {
         padding: 0;

src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listProject.vue

@@ -68,6 +68,7 @@
     </div>
     <div class="container">
       <loading :loading="tableLoading">数据获取中</loading>
+      <div class="table_info">
         <el-table
           :data="sarAccessListDatas"
           tooltip-effect="dark"
@@ -150,6 +151,7 @@
             </template>
           </el-table-column>
         </el-table>
+      </div>
       <loading :loading="loading">数据获取中</loading>
       <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
                   @pageSizeChange="pageSizeChange"></pagination>
@@ -427,9 +429,11 @@ export default {
 @import '~@/assets/styles/mixins';
 
 #listOfCountries {
-  height: 100%;
+  //height: 100%;
   display: flex;
   flex-direction: column;
+  min-height: calc(100% - 100px);
+  overflow-y: auto;
 
   .container {
     display: flex;
@@ -438,8 +442,12 @@ export default {
     flex: auto;
     width: 100%;
     //height: calc(~'100% - 105px - 56px') !important;
+    height: calc(~'100% - 30px');
+    .table_info {
+      height: calc(70vh - 90px);
+    }
     .pagination {
-      position: static;
+      position: inherit;
 
       /deep/ .pagination-slot {
         padding: 0;

src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listTracking.vue

@@ -57,6 +57,7 @@
     </div>
     <div class="container">
       <loading :loading="tableLoading">数据获取中</loading>
+      <div class="table_info">
         <el-table
           :data="sarAccessListDatas"
           tooltip-effect="dark"
@@ -116,6 +117,7 @@
             </template>
           </el-table-column>
         </el-table>
+      </div>
       <loading :loading="loading">数据获取中</loading>
       <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
     </div>
@@ -1370,9 +1372,11 @@ export default {
 @import '~@/assets/styles/style';
 @import '~@/assets/styles/mixins';
 #listTracking {
-  height: 100%;
+  //height: 100%;
   display: flex;
   flex-direction: column;
+  min-height: calc(100% - 100px);
+  overflow-y: auto;
     /deep/.el-form-item__label{
       color: #333333;
     }
@@ -1382,9 +1386,12 @@ export default {
     position: relative;
     flex: auto;
     width: 100%;
-    height: calc(100% - 110px) !important;
+    height: calc(~'100% - 30px');
+    .table_info {
+      height: calc(70vh - 90px);
+    }
     .pagination {
-      position: static;
+      position: inherit;
       /deep/ .pagination-slot {
         padding: 0;
       }

src/pages/regulatoryRepository/localProductsOrProjectLibrary/index.vue

@@ -83,13 +83,14 @@
           <el-tab-pane label="未维护" name="notMaintenance"></el-tab-pane>
         </el-tabs>
       </div>
+      <div class="table_info">
         <el-table
         ref="multipleTable"
         :data="localProTableList"
         tooltip-effect="dark"
         style="width: 100%"
         border
-        max-height="600"
+        height="100%"
         :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '15px',
              fontWeight: 'normal', height: '48px'}"
         @selection-change="handleSelectionChange">
@@ -208,6 +209,7 @@
           </template>
         </el-table-column>
       </el-table>
+      </div>
       <pagination
         :page="page"
         :pageSize="pageSize"
@@ -1618,11 +1620,22 @@ export default {
 @import '~@/assets/styles/style';
 
 .local-products-or-project-library {
+  //height: calc(100% - 69px);
   //position: relative;
-  height: calc(100% - 100px);
+  min-height: calc(100% - 100px);
+  overflow-y: auto;
 
   .container {
-    height: calc(~'100% - 55px');
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    flex: auto;
+    width: 100%;
+    //height: calc(100% - 110px);
+    height: calc(~'100% - 30px');
+    .table_info {
+      height: calc(70vh - 90px);
+    }
   }
 
   .el-drawer-form {
@@ -1630,7 +1643,8 @@ export default {
   }
 
   /deep/ .pagination {
-    position: absolute;
+    position:inherit;
+    //position: unset;
   }
 
   .row-col-box {