update

src/assets/sass/common.scss

@@ -8,8 +8,12 @@
     flex-grow: 1 !important;
 }
 
-// 添加 box-container 下的自定义全局css 样式
+// 表格高度自适应
+.table-auto-height {
+  height: calc(100vh - 352px) !important;
+}
 
+// 添加 box-container 下的自定义全局css 样式
 .box-container {
     position: relative;
     margin-top:100px;
@@ -24,9 +28,6 @@
         background: #fff;
         padding: 24px 20px 0px 20px;
     }
-    .table-style {
-        height: calc(100% - 110px) !important;
-    }
 
     .el-table__header-wrapper{
       background: #5A6C98;

src/views/education/LineBody.vue

@@ -14,7 +14,7 @@
                 <el-table
                     border
                     :height="$store.state.tableHeight"
-                    class="conterFool_middle"
+                    class="table-auto-height"
                     ref="multipleTable"
                     :data="tableData"
                     tooltip-effect="dark"

src/views/education/ManageList.vue

@@ -6,6 +6,7 @@
           <el-table
             border
             :height="$store.state.tableHeight"
+            class="table-auto-height"
             ref="multipleTable"
             :data="tableData"
             tooltip-effect="dark"

src/views/education/MaterialDelivery.vue

@@ -6,6 +6,7 @@
           <el-table
             border
             :height="$store.state.tableHeight"
+            class="table-auto-height"
             ref="multipleTable"
             :data="tableData"
             tooltip-effect="dark"

src/views/education/MaterialWarehousingMoudle.vue

@@ -7,6 +7,7 @@
             border
             :height="$store.state.tableHeight"
             ref="multipleTable"
+            class="table-auto-height"
             :data="tableData"
             tooltip-effect="dark"
             highlight-current-row

src/views/education/ProducSchedule.vue

@@ -14,7 +14,7 @@
                 <el-table
                     border
                     :height="$store.state.tableHeight"
-                    class="conterFool_middle"
+                    class="table-auto-height"
                     ref="multipleTable"
                     :data="tableData"
                     highlight-current-row

src/views/education/ProductDelivery.vue

@@ -6,6 +6,7 @@
           <el-table
             border
             :height="$store.state.tableHeight"
+            class="table-auto-height"
             ref="multipleTable"
             :data="tableData"
             tooltip-effect="dark"

src/views/education/ProductStorage.vue

@@ -9,6 +9,7 @@
             :height="$store.state.tableHeight"
             :data="tableData"
             tooltip-effect="dark"
+            class="table-auto-height"
             style="width: 100%"
             highlight-current-row
             @selection-change="handleSelectionChange">

src/views/education/ProductionPlan.vue

@@ -14,7 +14,7 @@
                 <el-table
                     border
                     :height="$store.state.tableHeight"
-                    class="conterFool_middle"
+                    class="table-auto-height"
                     ref="multipleTable"
                     :data="tableData"
                     tooltip-effect="dark"

src/views/education/component/baseTable.vue

@@ -4,7 +4,7 @@
     <el-table  
       border
       :height="baseTableHeight"
-      class="conterFool_middle"
+      class="table-auto-height"
       ref="multipleTable"
       :data="tableData"
       tooltip-effect="dark"

src/views/education/deviceManage.vue

@@ -14,7 +14,7 @@
                 <el-table
                     border
                     :height="$store.state.tableHeight"
-                    class="conterFool_middle"
+                    class="table-auto-height"
                     ref="multipleTable"
                     :data="tableData"
                     tooltip-effect="dark"

src/views/education/materiel.vue

@@ -14,7 +14,7 @@
                 <el-table
                     border
                     :height="$store.state.tableHeight"
-                    class="conterFool_middle"
+                    class="table-auto-height"
                     ref="multipleTable"
                     :data="tableData"
                     tooltip-effect="dark"

src/views/education/productManage.vue

@@ -14,7 +14,7 @@
                 <el-table
                     border
                     :height="$store.state.tableHeight"
-                    class="conterFool_middle"
+                    class="table-auto-height"
                     ref="multipleTable"
                     :data="tableData"
                     tooltip-effect="dark"

src/views/education/technology.vue

@@ -14,7 +14,7 @@
                 <el-table
                     border
                     :height="$store.state.tableHeight"
-                    class="conterFool_middle"
+                    class="table-auto-height"
                     ref="multipleTable"
                     :data="tableData"
                     tooltip-effect="dark"

src/views/education/wordProcedure.vue

@@ -14,7 +14,7 @@
                 <el-table
                     border
                     :height="$store.state.tableHeight"
-                    class="conterFool_middle"
+                    class="table-auto-height"
                     ref="multipleTable"
                     :data="tableData"
                     tooltip-effect="dark"