修改了很多样式问题

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

@@ -46,10 +46,10 @@
           <el-table-column prop="end_time" label="结束时间"
             ><template slot-scope="{ row }">{{ getDate(row.end_time) }}</template></el-table-column
           >
-          <el-table-column prop="" label="查看详情">
+          <el-table-column prop="" label="查看区域">
             <template slot-scope="scope">
               <el-button class="tdbutton" size="mini" type="primary" @click="openNewNode(scope.row.step)"
-                >新建</el-button
+                >查看</el-button
               >
             </template>
           </el-table-column>
@@ -60,7 +60,8 @@
 </template>
 
 <script>
-import eventBus from "@/utils/eventBus.js";
+import eventBus from '@/utils/eventBus.js'
+import { getResultList } from 'staticPub/config'
 export default {
   data() {
     return {
@@ -133,13 +134,21 @@ export default {
       return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
     },
 
-    project() {},
+    project() {
+      var fileUrl = getResultList.fileUrl
+      const link = document.createElement('a')
+      link.href = fileUrl
+      link.download = fileName || fileUrl.split('/').pop() // 默认使用URL中的文件名
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
+    },
 
     openNewNode(step) {
       if (this.best_schedule && this.best_schedule.length) {
         var arr = this.best_schedule.filter((i) => i.step == step)
         if (arr && arr.length) {
-            eventBus.emit("best_schedule", arr);
+          eventBus.emit('best_schedule', arr)
         }
       }
     }

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

@@ -157,6 +157,7 @@ export default {
 <style>
 .dateTimeDiv input.el-range-input {
   background-color: rgba(255, 255, 255, 0);
+  color: #fff;
 }
 .dateTimeDiv .el-date-editor .el-range__icon,
 .dateTimeDiv .el-date-editor .el-range-separator {
@@ -202,10 +203,10 @@ export default {
   margin-top: 10px;
 }
 .removeDiv {
-  width: 24px;
-  height: 24px;
-  margin: auto 0px auto 10px;
-  cursor: pointer;
+  width: 24px !important;
+  height: 24px !important;
+  margin: auto 0px auto 10px !important;
+  cursor: pointer !important;
 }
 .addDiv {
   color: #9bd2fa;

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

@@ -227,6 +227,11 @@ export default {
   border-radius: 2px;
   background-color: rgba(255, 255, 255, 0);
   border: 1px solid rgba(255, 255, 255, 0);
+  color: #fff !important;
+}
+.dateTimeDiv input.el-range-input {
+  background-color: rgba(255, 255, 255, 0);
+  color: #fff;
 }
 .dateTimeDiv .el-date-editor .el-input__prefix .el-input__icon {
   line-height: 30px;
@@ -237,6 +242,11 @@ export default {
 }
 </style>
 <style lang='scss' scoped>
+.removeDiv, .addFileDiv {
+  width: 24px !important;
+  height: 24px !important;
+  cursor: pointer !important;
+}
 .tableBox {
   margin-top: 20px;
 }
@@ -259,6 +269,7 @@ export default {
       border-radius: 2px;
       background-color: rgba(255, 255, 255, 0);
       border: 1px solid rgba(255, 255, 255, 0);
+      color: #ffffff;
     }
   }
 }

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

@@ -184,7 +184,7 @@ export default {
 }
 .modelListDiv {
   position: fixed;
-  top: 100px;
+  top: 70px;
   left: 42%;
   z-index: 9;
 }

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

@@ -71,7 +71,7 @@ export default {
 <style scoped>
 .modelListDiv {
   position: fixed;
-  top: 100px;
+  top: 70px;
   left: 42%;
   z-index: 9;
 }