修复样式问题

src/views/AboutView/AboutView.vue

@@ -400,7 +400,9 @@ onBeforeUnmount(() => {});
     width: 100%;
   }
   .content-box {
-    // margin-top: 24px;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
     .search {
       display: flex;
       justify-content: space-between;
@@ -408,8 +410,9 @@ onBeforeUnmount(() => {});
       margin-bottom: 16px;
     }
     .table-box {
+      flex: 1;
       width: 100%;
-      height: calc(100vh - 280px);
+      height: calc(100vh - 600px);
     }
   }
 

src/views/closeManage/myAgency.vue

@@ -1254,7 +1254,8 @@ const handlePaginationChange = (pagination) => {
     text-align: center;
   }
   .table-box {
-    height: calc(100vh - 200px);
+    height: calc(100vh - 600px);
+    flex: 1;
   }
   .yellow {
     // color: #faa508;

src/views/closeManage/myDone.vue

@@ -1249,7 +1249,8 @@ const handlePaginationChange = (pagination) => {
     text-align: center;
   }
   .table-box {
-    height: calc(100vh - 200px);
+    height: calc(100vh - 600px);
+    flex: 1;
   }
   .yellow {
     // color: #faa508;

src/views/collectorList/collectorList.vue

@@ -328,6 +328,23 @@ onBeforeUnmount(() => {});
     width: 100%;
   }
   .content-box {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    .search {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 16px;
+    }
+    .table-box {
+      width: 100%;
+      height: calc(100vh - 600px);
+      flex: 1;
+    }
+  }
+
+  .default-btn {
     .search {
       display: flex;
       justify-content: space-between;

src/views/dustMonitoring/index.vue

@@ -617,6 +617,9 @@ $borderColor: #bbbdc391;
   box-sizing: border-box;
   padding: 1rem;
   overflow: hidden;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
 }
 .top-box {
   padding-top: 18px;
@@ -633,7 +636,6 @@ $borderColor: #bbbdc391;
     border: 1px solid rgba(13, 15, 18, 0.1);
     box-shadow: 0px 3px 6px 0px rgba(13, 15, 18, 0.1);
     width: 100%;
-    height: 100%;
     height: 63vh;
     background: #fff;
     .chart-box {
@@ -656,7 +658,7 @@ $borderColor: #bbbdc391;
     border: 1px solid rgba(13, 15, 18, 0.1);
     box-shadow: 0px 3px 6px 0px rgba(13, 15, 18, 0.1);
     background: #fff;
-    padding: 10px;
+    padding: 1%;
     box-sizing: border-box;
     .battery {
       width: 100%;
@@ -801,6 +803,7 @@ $borderColor: #bbbdc391;
   display: flex;
   justify-content: space-between;
   gap: 16px;
+  flex: 1;
 }
 .layout2 {
   display: flex;

src/views/equipmentManagement/index.vue

 <template>
   <div class="equipment-management">
-    <div class="content-box">
     <div class="search">
       <el-form :inline="true" :model="formInline" class="demo-form-inline">
         <el-form-item label="工序">
@@ -78,10 +77,7 @@
           <el-button type="success" class="add-btn" @click="onExportFile"
             >导出</el-button
           >
-            <el-button
-              type="success"
-              class="add-btn"
-              @click="onDownloadTemplate"
+          <el-button type="success" class="add-btn" @click="onDownloadTemplate"
             >模板下载</el-button
           >
         </el-form-item>
@@ -112,7 +108,6 @@
         </template>
       </common-table>
     </div>
-    </div>
     <setParamsDialog
       v-model:dialogVisible="dialogVisible"
       @close="closeDialog"
@@ -461,7 +456,8 @@ onMounted(() => {
   background: #fff;
   overflow: hidden;
   padding: 20px;
-  .content-box {
+  display: flex;
+  flex-direction: column;
   .search {
     display: flex;
     justify-content: space-between;
@@ -470,8 +466,8 @@ onMounted(() => {
   }
   .table-box {
     width: 100%;
-      height: calc(100vh - 235px);
-    }
+    height: calc(100vh - 400px);
+    flex: 1;
   }
 }
 .default-btn {

src/views/equipmentManagement/suspendManagement/suspendManagement.vue

@@ -297,6 +297,22 @@ onBeforeUnmount(() => {});
     width: 100%;
   }
   .content-box {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    .search {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 16px;
+    }
+    .table-box {
+      flex: 1;
+      width: 100%;
+      height: calc(100vh - 600px);
+    }
+  }
+  .default-btn {
     .search {
       display: flex;
       justify-content: space-between;