修改了页面

src/views/groupPage/districtPageModules/decisionSupport/constructionProgressSimulation/BottomBox.vue

@@ -29,10 +29,10 @@
         </div>
       </div>
       <div class="but_table">
-        <el-table :data="tableData" size="mini" style="width: 100%" height="250">
+        <el-table :data="tableData" size="mini" style="width: 100%" height="230">
           <el-table-column prop="num" label="序号"> </el-table-column>
           <el-table-column prop="date" label="施工工序"> </el-table-column>
-          <el-table-column prop="name" label="联合单元"> </el-table-column>
+          <el-table-column prop="name" label="联合单元" width="200"> </el-table-column>
           <el-table-column prop="total_time" label="工期（工作日）"> </el-table-column>
           <el-table-column prop="start_time" label="开始时间"> </el-table-column>
           <el-table-column prop="end_time" label="结束时间"> </el-table-column>
@@ -79,13 +79,13 @@ export default {
           total_time: 5,
           start_time: '2025-05-21',
           end_time: '2026-05-21',
-          "2025-04-21": 1,
-          "2025-04-22": 1,
-          "2025-04-23": 1,
-          "2025-04-24": 1,
-          "2025-04-25": 1,
-          "2025-04-26": 1,
-          "2025-04-27": 1,
+          '2025-04-21': 1,
+          '2025-04-22': 1,
+          '2025-04-23': 1,
+          '2025-04-24': 1,
+          '2025-04-25': 1,
+          '2025-04-26': 1,
+          '2025-04-27': 1
         },
         {
           num: 1,
@@ -94,13 +94,73 @@ export default {
           total_time: 5,
           start_time: '2025-05-21',
           end_time: '2026-05-21',
-          "2025-04-21": 1,
-          "2025-04-22": 1,
-          "2025-04-23": 1,
-          "2025-04-24": 1,
-          "2025-04-25": 1,
-          "2025-04-26": 1,
-          "2025-04-27": 1,
+          '2025-04-21': 1,
+          '2025-04-22': 1,
+          '2025-04-23': 1,
+          '2025-04-24': 1,
+          '2025-04-25': 1,
+          '2025-04-26': 1,
+          '2025-04-27': 1
+        },
+        {
+          num: 1,
+          date: '第一层土方开挖',
+          name: '区域A,区域B,区域C,区域D',
+          total_time: 5,
+          start_time: '2025-05-21',
+          end_time: '2026-05-21',
+          '2025-04-21': 1,
+          '2025-04-22': 1,
+          '2025-04-23': 1,
+          '2025-04-24': 1,
+          '2025-04-25': 1,
+          '2025-04-26': 1,
+          '2025-04-27': 1
+        },
+        {
+          num: 1,
+          date: '第一层土方开挖',
+          name: '区域A,区域B,区域C,区域D',
+          total_time: 5,
+          start_time: '2025-05-21',
+          end_time: '2026-05-21',
+          '2025-04-21': 1,
+          '2025-04-22': 1,
+          '2025-04-23': 1,
+          '2025-04-24': 1,
+          '2025-04-25': 1,
+          '2025-04-26': 1,
+          '2025-04-27': 1
+        },
+        {
+          num: 1,
+          date: '第一层土方开挖',
+          name: '区域A,区域B,区域C,区域D',
+          total_time: 5,
+          start_time: '2025-05-21',
+          end_time: '2026-05-21',
+          '2025-04-21': 1,
+          '2025-04-22': 1,
+          '2025-04-23': 1,
+          '2025-04-24': 1,
+          '2025-04-25': 1,
+          '2025-04-26': 1,
+          '2025-04-27': 1
+        },
+        {
+          num: 1,
+          date: '第一层土方开挖',
+          name: '区域A,区域B,区域C,区域D',
+          total_time: 5,
+          start_time: '2025-05-21',
+          end_time: '2026-05-21',
+          '2025-04-21': 1,
+          '2025-04-22': 1,
+          '2025-04-23': 1,
+          '2025-04-24': 1,
+          '2025-04-25': 1,
+          '2025-04-26': 1,
+          '2025-04-27': 1
         }
       ]
     }
@@ -150,7 +210,32 @@ export default {
   }
 }
 </script>
-
+<style>
+.but_table th.el-table__cell,
+.but_table .el-table,
+.but_table .el-table__expanded-cell,
+.but_table .el-table tr {
+  background-color: rgba(14, 167, 255, 0) !important;
+}
+.but_table .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
+  background-color: rgba(14, 167, 255, 0) !important;
+}
+.but_table .el-table td.el-table__cell,
+.but_table .el-table th.el-table__cell.is-leaf {
+  border-bottom: 1px solid rgba(14, 167, 255, 0);
+}
+.but_table .el-table {
+  color: #fff !important;
+}
+.but_table .el-table th.el-table__cell > .cell {
+  font-weight: 500;
+  font-size: 14px;
+  color: #2ba7ff;
+}
+.but_table .el-table--border::after, .but_table .el-table--group::after, .but_table .el-table::before{
+    background-color: rgba(14, 167, 255, 0);
+}
+</style>
 <style lang='scss' scoped>
 .export-file {
   position: absolute;

src/views/groupPage/districtPageModules/decisionSupport/constructionProgressSimulation/LeftBox.vue

@@ -115,6 +115,41 @@ export default {
 }
 </script>
 <style>
+.tableBox th.el-table__cell,
+.tableBox .el-table,
+.tableBox .el-table__expanded-cell,
+.tableBox .el-table tr {
+  background-color: rgba(14, 167, 255, 0) !important;
+}
+.tableBox .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
+  background-color: rgba(14, 167, 255, 0) !important;
+}
+.tableBox .el-table td.el-table__cell,
+.tableBox .el-table th.el-table__cell.is-leaf {
+  border-bottom: 1px solid #216294;
+}
+.tableBox .el-table {
+  color: #fff !important;
+}
+.tableBox .el-table th.el-table__cell > .cell {
+  font-weight: 500;
+  font-size: 14px;
+  color: #2ba7ff;
+}
+.tableBox .el-table--border .el-table__cell, .tableBox .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
+    border-right: 1px solid #216294;
+}
+.tableBox .el-table--border, .tableBox .el-table--group {
+    border: 1px solid #216294;
+}
+.tableBox  .el-table--border th.el-table__cell, .tableBox  .el-table__fixed-right-patch {
+    border-bottom: 1px solid #216294;
+}
+.tableBox .el-table--border::after, .tableBox .el-table--group::after, .tableBox .el-table::before{
+    background-color: rgba(14, 167, 255, 0);
+}
+</style>
+<style>
 .dateTimeDiv input.el-range-input {
   background-color: rgba(255, 255, 255, 0);
 }

src/views/groupPage/districtPageModules/decisionSupport/index.vue

@@ -16,6 +16,8 @@
           <span>{{ item.title }}</span>
         </div>
       </template>
+      <i>大公桥调蓄池施工进度模拟</i>
+      <b>开始模拟</b>
     </div>
     <div class="componentDiv">
       <component :is="currentModelComponent"></component>
@@ -69,6 +71,38 @@ export default {
 </script>
 
 <style scoped>
+.modelListDiv i {
+  font-weight: bold;
+  font-size: 20px;
+  color: #feffff;
+  width: 395px;
+  height: 38px;
+  line-height: 38px;
+  background: url('~@/assets/images/jczc/title.png') no-repeat center;
+  background-size: 395px 38px;
+  position: absolute;
+  left: -72px;
+  top: 60px;
+  text-align: center;
+  display: inline-block;
+}
+.modelListDiv b {
+  font-weight: bold;
+  font-size: 16px;
+  color: #feffff;
+  width: 100px;
+  height: 34px;
+  background: #2187d3;
+  border-radius: 4px;
+  opacity: 0.9;
+  line-height: 34px;
+  position: absolute;
+  left: 70px;
+  top: 115px;
+  text-align: center;
+  display: inline-block;
+  cursor: pointer;
+}
 .modelListDiv {
   position: fixed;
   top: 100px;