查看符合性详情样式修改

src/pages/details/complianceDetails/index.vue

@@ -4,15 +4,13 @@
     <el-divider content-position="left" v-if="unfit.length < 1 && fit.length < 1"  >暂无评估结果</el-divider>
     <!-- 不满足-->
     <el-divider content-position="left" v-if="unfit.length"  >不满足</el-divider>
-    <div class="content">
       <el-table
-        height="100%"
         ref="selection"
         v-if="unfit.length"
         :data="unfit"
         tooltip-effect="dark"
         border
-        style="width: 100%; min-height: 300px; margin-bottom: 30px;"
+        style="width: 100%; min-height: 400px; margin-bottom: 30px;"
         :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
         fontWeight: 'bold', height: '48px'}">
         <el-table-column
@@ -60,19 +58,16 @@
       </el-table>
 <!--      <pagination :page="page" :total="total" @pageChange="pageChange"-->
 <!--                  @pageSizeChange="pageSizeChange"></pagination>-->
-    </div>
 
     <!--满足-->
     <el-divider content-position="left" v-if="fit.length">满足</el-divider>
-     <div class="content">
        <el-table
-         height="100%"
          ref="selection"
          v-if="fit.length"
          :data="fit"
          tooltip-effect="dark"
          border
-         style="width: 100%; min-height: 300px; margin-bottom: 30px;"
+         style="width: 100%; min-height: 400px; margin-bottom: 30px;"
          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
         fontWeight: 'bold', height: '48px'}">
          <el-table-column
@@ -103,7 +98,6 @@
            </template>
          </el-table-column>
        </el-table>
-     </div>
 <!--    <pagination :page="page" :total="total" @pageChange="pageChange"-->
 <!--                @pageSizeChange="pageSizeChange"></pagination>-->
     <loading :loading="loading">加载中...</loading>
@@ -170,12 +164,5 @@ export default {
   //width: 1200px;
   //margin: 0 auto;
   height: 100%;
-  .content{
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    height: calc(~'50% - 30px');
-    overflow: auto;
-  }
 }
 </style>