1112

ruoyi-ui/src/assets/icons/svg/pause.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1762928744286" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5198" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 1024C228.266667 1024 0 795.733333 0 512S228.266667 0 512 0s512 228.266667 512 512-228.266667 512-512 512z m0-42.666667c260.266667 0 469.333333-209.066667 469.333333-469.333333S772.266667 42.666667 512 42.666667 42.666667 251.733333 42.666667 512s209.066667 469.333333 469.333333 469.333333z m-106.666667-682.666666c12.8 0 21.333333 8.533333 21.333334 21.333333v384c0 12.8-8.533333 21.333333-21.333334 21.333333s-21.333333-8.533333-21.333333-21.333333V320c0-12.8 8.533333-21.333333 21.333333-21.333333z m213.333334 0c12.8 0 21.333333 8.533333 21.333333 21.333333v384c0 12.8-8.533333 21.333333-21.333333 21.333333s-21.333333-8.533333-21.333334-21.333333V320c0-12.8 8.533333-21.333333 21.333334-21.333333z" fill="#666666" fill-opacity=".9" p-id="5199"></path></svg>

ruoyi-ui/src/assets/icons/svg/pause1.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1762929039585" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6182" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512.1 0.2C229.8 0.2 0.2 229.8 0.2 512.1S229.8 1024 512.1 1024 1024 794.4 1024 512.1 794.4 0.2 512.1 0.2z m0 958.1c-246 0-446.2-200.2-446.2-446.2S266 65.9 512.1 65.9s446.2 200.2 446.2 446.2-200.1 446.2-446.2 446.2z" fill="#0636FF" p-id="6183"></path><path d="M418.2 306.8c-18.1 0-32.8 14.7-32.8 32.8v345c0 18.1 14.7 32.8 32.8 32.8s32.8-14.7 32.8-32.8v-345c0.1-18.1-14.6-32.8-32.8-32.8zM606 306.8c-18.1 0-32.8 14.7-32.8 32.8v345c0 18.1 14.7 32.8 32.8 32.8 18.1 0 32.8-14.7 32.8-32.8v-345c0-18.1-14.7-32.8-32.8-32.8z" fill="#0636FF" p-id="6184"></path></svg>

ruoyi-ui/src/assets/icons/svg/start.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1762928668275" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3334" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M382.7 736l388-224-388-224v448z m64-337.1l196 113.1-196 113.1V398.9z" fill="#CCCCCC" p-id="3335"></path><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m271.6 719.7c-35.3 35.3-76.4 63-122.1 82.3-47.3 20-97.6 30.2-149.5 30.2S409.8 886.1 362.5 866c-45.7-19.3-86.8-47-122.1-82.3s-63-76.4-82.3-122.1c-20-47.3-30.2-97.6-30.2-149.5s10.1-102.2 30.2-149.5c19.3-45.7 47-86.8 82.3-122.1s76.4-63 122.1-82.3C409.8 138.1 460.1 128 512 128c51.9 0 102.2 10.1 149.5 30.2 45.7 19.3 86.8 47 122.1 82.3s63 76.4 82.3 122.1c20 47.3 30.2 97.6 30.2 149.5S886 614.3 865.9 661.6c-19.3 45.7-47 86.8-82.3 122.1z" fill="#CCCCCC" p-id="3336"></path></svg>

ruoyi-ui/src/assets/icons/svg/start1.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1762929130369" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1266" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 0C229.655145 0 0 229.755126 0 512S229.655145 1024 512 1024s512-229.655145 512-512S794.344855 0 512 0z m0 958.31283C265.948057 958.31283 65.68717 758.151923 65.68717 512S265.948057 65.68717 512 65.68717s446.31283 200.160906 446.31283 446.31283-200.260887 446.31283-446.31283 446.31283z" fill="#0636FF" p-id="1267"></path><path d="M725.958211 488.104667L430.715876 238.153486c-18.396407-10.59793-41.391916 2.699473-41.391916 23.895333V762.051162c0 21.19586 22.995509 34.493263 41.391916 23.895333l295.142355-249.951182c18.396407-10.697911 18.396407-37.192736 0.09998-47.890646z" fill="#0636FF" p-id="1268"></path></svg>

ruoyi-ui/src/views/map/components/fangan.json

@@ -0,0 +1,312 @@
+{
+    "code": 0,
+    "msg": null,
+    "data": {
+        "records": [
+            {
+                "id": 2068,
+                "name": "2025-10-28 16点自动计算方案",
+                "code": null,
+                "forecastTime": "2025-10-28 08:00:00",
+                "warmupTime": "2025-10-26 08:00:00",
+                "warmupHours": 48,
+                "foreseeTime": "2025-10-30 08:00:00",
+                "foreseeHours": 48,
+                "inputParam": null,
+                "isRecommend": 0,
+                "type": 1,
+                "remark": null,
+                "createdBy": null,
+                "createdTime": "2025-10-28 16:00:48",
+                "updatedBy": null,
+                "updatedTime": "2025-10-28 16:00:48",
+                "delFlag": "0",
+                "delTime": null,
+                "conditions": "{\"linkWarning\":{\"level\":\"0\",\"content\":\"\"},\"typhoonList\":[\"2524风神\"]}",
+                "isSave": null,
+                "sortNum": 999,
+                "sortTime": null,
+                "isPm": 1,
+                "isReal": 0,
+                "recommendTime": null,
+                "removeRecommendTime": null,
+                "recommendMsg": null,
+                "hasPreSch": 0
+            },
+            {
+                "id": 2067,
+                "name": "2025-10-28 10点自动计算方案",
+                "code": null,
+                "forecastTime": "2025-10-28 08:00:00",
+                "warmupTime": "2025-10-26 08:00:00",
+                "warmupHours": 48,
+                "foreseeTime": "2025-10-30 08:00:00",
+                "foreseeHours": 48,
+                "inputParam": null,
+                "isRecommend": 0,
+                "type": 1,
+                "remark": null,
+                "createdBy": null,
+                "createdTime": "2025-10-28 11:00:46",
+                "updatedBy": null,
+                "updatedTime": "2025-10-28 11:00:46",
+                "delFlag": "0",
+                "delTime": null,
+                "conditions": "{\"linkWarning\":{\"level\":\"0\",\"content\":\"\"},\"typhoonList\":[\"2524风神\"]}",
+                "isSave": null,
+                "sortNum": 999,
+                "sortTime": null,
+                "isPm": 0,
+                "isReal": 0,
+                "recommendTime": null,
+                "removeRecommendTime": null,
+                "recommendMsg": null,
+                "hasPreSch": 0
+            },
+            {
+                "id": 2065,
+                "name": "2025-10-27 16点自动计算方案",
+                "code": null,
+                "forecastTime": "2025-10-27 08:00:00",
+                "warmupTime": "2025-10-25 08:00:00",
+                "warmupHours": 48,
+                "foreseeTime": "2025-10-29 08:00:00",
+                "foreseeHours": 48,
+                "inputParam": null,
+                "isRecommend": 0,
+                "type": 1,
+                "remark": null,
+                "createdBy": null,
+                "createdTime": "2025-10-27 16:00:48",
+                "updatedBy": null,
+                "updatedTime": "2025-10-27 16:00:48",
+                "delFlag": "0",
+                "delTime": null,
+                "conditions": "{\"linkWarning\":{\"level\":\"0\",\"content\":\"\"},\"typhoonList\":[\"2524风神\"]}",
+                "isSave": null,
+                "sortNum": 999,
+                "sortTime": null,
+                "isPm": 1,
+                "isReal": 0,
+                "recommendTime": null,
+                "removeRecommendTime": null,
+                "recommendMsg": null,
+                "hasPreSch": 0
+            },
+            {
+                "id": 2064,
+                "name": "2025-10-27 10点自动计算方案",
+                "code": null,
+                "forecastTime": "2025-10-27 08:00:00",
+                "warmupTime": "2025-10-25 08:00:00",
+                "warmupHours": 48,
+                "foreseeTime": "2025-10-29 08:00:00",
+                "foreseeHours": 48,
+                "inputParam": null,
+                "isRecommend": 0,
+                "type": 1,
+                "remark": null,
+                "createdBy": null,
+                "createdTime": "2025-10-27 11:00:47",
+                "updatedBy": null,
+                "updatedTime": "2025-10-27 11:00:47",
+                "delFlag": "0",
+                "delTime": null,
+                "conditions": "{\"linkWarning\":{\"level\":\"0\",\"content\":\"\"},\"typhoonList\":[\"2524风神\"]}",
+                "isSave": null,
+                "sortNum": 999,
+                "sortTime": null,
+                "isPm": 0,
+                "isReal": 0,
+                "recommendTime": null,
+                "removeRecommendTime": null,
+                "recommendMsg": null,
+                "hasPreSch": 0
+            },
+            {
+                "id": 2062,
+                "name": "2025-10-26 16点自动计算方案",
+                "code": null,
+                "forecastTime": "2025-10-26 08:00:00",
+                "warmupTime": "2025-10-24 08:00:00",
+                "warmupHours": 48,
+                "foreseeTime": "2025-10-28 08:00:00",
+                "foreseeHours": 48,
+                "inputParam": null,
+                "isRecommend": 0,
+                "type": 1,
+                "remark": null,
+                "createdBy": null,
+                "createdTime": "2025-10-26 16:00:50",
+                "updatedBy": null,
+                "updatedTime": "2025-10-26 16:00:50",
+                "delFlag": "0",
+                "delTime": null,
+                "conditions": "{\"linkWarning\":{\"level\":\"0\",\"content\":\"\"},\"typhoonList\":[\"2524风神\"]}",
+                "isSave": null,
+                "sortNum": 999,
+                "sortTime": null,
+                "isPm": 1,
+                "isReal": 0,
+                "recommendTime": null,
+                "removeRecommendTime": null,
+                "recommendMsg": null,
+                "hasPreSch": 0
+            },
+            {
+                "id": 2061,
+                "name": "2025-10-26 10点自动计算方案",
+                "code": null,
+                "forecastTime": "2025-10-26 08:00:00",
+                "warmupTime": "2025-10-24 08:00:00",
+                "warmupHours": 48,
+                "foreseeTime": "2025-10-28 08:00:00",
+                "foreseeHours": 48,
+                "inputParam": null,
+                "isRecommend": 0,
+                "type": 1,
+                "remark": null,
+                "createdBy": null,
+                "createdTime": "2025-10-26 11:00:45",
+                "updatedBy": null,
+                "updatedTime": "2025-10-26 11:00:45",
+                "delFlag": "0",
+                "delTime": null,
+                "conditions": "{\"linkWarning\":{\"level\":\"0\",\"content\":\"\"},\"typhoonList\":[\"2524风神\"]}",
+                "isSave": null,
+                "sortNum": 999,
+                "sortTime": null,
+                "isPm": 0,
+                "isReal": 0,
+                "recommendTime": null,
+                "removeRecommendTime": null,
+                "recommendMsg": null,
+                "hasPreSch": 0
+            },
+            {
+                "id": 2059,
+                "name": "2025-10-25 16点自动计算方案",
+                "code": null,
+                "forecastTime": "2025-10-25 08:00:00",
+                "warmupTime": "2025-10-23 08:00:00",
+                "warmupHours": 48,
+                "foreseeTime": "2025-10-27 08:00:00",
+                "foreseeHours": 48,
+                "inputParam": null,
+                "isRecommend": 0,
+                "type": 1,
+                "remark": null,
+                "createdBy": null,
+                "createdTime": "2025-10-25 16:00:46",
+                "updatedBy": null,
+                "updatedTime": "2025-10-25 16:00:46",
+                "delFlag": "0",
+                "delTime": null,
+                "conditions": "{\"linkWarning\":{\"level\":\"0\",\"content\":\"\"},\"typhoonList\":[\"2524风神\"]}",
+                "isSave": null,
+                "sortNum": 999,
+                "sortTime": null,
+                "isPm": 1,
+                "isReal": 0,
+                "recommendTime": null,
+                "removeRecommendTime": null,
+                "recommendMsg": null,
+                "hasPreSch": 0
+            },
+            {
+                "id": 2058,
+                "name": "2025-10-25 10点自动计算方案",
+                "code": null,
+                "forecastTime": "2025-10-25 08:00:00",
+                "warmupTime": "2025-10-23 08:00:00",
+                "warmupHours": 48,
+                "foreseeTime": "2025-10-27 08:00:00",
+                "foreseeHours": 48,
+                "inputParam": null,
+                "isRecommend": 0,
+                "type": 1,
+                "remark": null,
+                "createdBy": null,
+                "createdTime": "2025-10-25 11:01:08",
+                "updatedBy": null,
+                "updatedTime": "2025-10-25 11:01:08",
+                "delFlag": "0",
+                "delTime": null,
+                "conditions": "{\"linkWarning\":{\"level\":\"0\",\"content\":\"\"},\"typhoonList\":[\"2524风神\"]}",
+                "isSave": null,
+                "sortNum": 999,
+                "sortTime": null,
+                "isPm": 0,
+                "isReal": 0,
+                "recommendTime": null,
+                "removeRecommendTime": null,
+                "recommendMsg": null,
+                "hasPreSch": 0
+            },
+            {
+                "id": 2056,
+                "name": "2025-10-24 16点自动计算方案",
+                "code": null,
+                "forecastTime": "2025-10-24 08:00:00",
+                "warmupTime": "2025-10-22 08:00:00",
+                "warmupHours": 48,
+                "foreseeTime": "2025-10-26 08:00:00",
+                "foreseeHours": 48,
+                "inputParam": null,
+                "isRecommend": 0,
+                "type": 1,
+                "remark": null,
+                "createdBy": null,
+                "createdTime": "2025-10-24 16:01:07",
+                "updatedBy": null,
+                "updatedTime": "2025-10-24 16:01:07",
+                "delFlag": "0",
+                "delTime": null,
+                "conditions": "{\"linkWarning\":{\"level\":\"0\",\"content\":\"\"},\"typhoonList\":[\"2524风神\"]}",
+                "isSave": null,
+                "sortNum": 999,
+                "sortTime": null,
+                "isPm": 1,
+                "isReal": 0,
+                "recommendTime": null,
+                "removeRecommendTime": null,
+                "recommendMsg": null,
+                "hasPreSch": 0
+            },
+            {
+                "id": 2055,
+                "name": "2025-10-24 10点自动计算方案",
+                "code": null,
+                "forecastTime": "2025-10-24 08:00:00",
+                "warmupTime": "2025-10-22 08:00:00",
+                "warmupHours": 48,
+                "foreseeTime": "2025-10-26 08:00:00",
+                "foreseeHours": 48,
+                "inputParam": null,
+                "isRecommend": 0,
+                "type": 1,
+                "remark": null,
+                "createdBy": null,
+                "createdTime": "2025-10-24 11:00:44",
+                "updatedBy": null,
+                "updatedTime": "2025-10-24 11:00:44",
+                "delFlag": "0",
+                "delTime": null,
+                "conditions": "{\"linkWarning\":{\"level\":\"0\",\"content\":\"\"},\"typhoonList\":[\"2524风神\"]}",
+                "isSave": null,
+                "sortNum": 999,
+                "sortTime": null,
+                "isPm": 0,
+                "isReal": 0,
+                "recommendTime": null,
+                "removeRecommendTime": null,
+                "recommendMsg": null,
+                "hasPreSch": 0
+            }
+        ],
+        "total": 1004,
+        "size": 10,
+        "current": 1,
+        "pages": 101
+    }
+}

ruoyi-ui/src/views/map/components/map.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="map-index">
-    <div ref="scrollContainer" v-if="route.params.id=='28'" style="background-color: white;position: absolute;z-index: 9999;bottom: 1%;left: 1%;width:98vw;height: 10vh;overflow-x:auto;overflow-y: hidden;">
-      <el-timeline style="padding-top:1%;padding-left: 0%;" class="horizontal-timeline">
+    <div ref="scrollContainer" v-if="route.params.id=='28'" style="border: 2px solid #409EFF;background-color: rgba(127, 161, 215, 0.5);border-radius: 50px 50px 50px 50px;
+    align-items: center;display: flex;position: absolute;z-index: 9999;bottom: 1%;left: 25%;width:50vw;height: 10vh;overflow-x:auto;overflow-y: hidden;">
+      <!-- <el-timeline style="padding-top:1%;padding-left: 0%;" class="horizontal-timeline">
         <el-timeline-item
           v-for="(activity, index) in activities"
           :key="index"
@@ -15,12 +16,40 @@
         >
           {{ activity.content }}
         </el-timeline-item>
-      </el-timeline>
+      </el-timeline> -->
+        <svg-icon icon-class="start1" v-if="!isStart" @click="reStart" style="margin-left: 10%;width: 30px;height:30px;cursor: pointer;"/>
+        <svg-icon icon-class="pause1" v-if="isStart" @click="pause" style="margin-left: 10%;width: 30px;height:30px;cursor: pointer;"/>
+        <el-slider @change="pauseIn" :format-tooltip="formatTooltip"  v-model="activities1" :max="dateLength"  :marks="marks" style="width: 80%;margin-left: 1%;"/>
+      
+    </div>
+    <div v-if="route.params.id=='28'" style="background-color: white;position: absolute;z-index: 9999;top: 1%;left: 1%;width: 20vw;height: 40vh;overflow:auto;">
+      <div class="biz-data-card-header">方案列表</div>
+      <el-table 
+          :data="tableDataFangan"
+          style="width: 98%;margin-left: 1%;margin-top: 1%;height: 35vh;"
+          :cell-style="{ padding:'5px' }"
+          :header-cell-style="{height: heightAll*0.01+'px',}"
+          :row-style="{ fontSize: '16px',textAlign:'center'}"
+          border >
+          <el-table-column type="index" label="序号" width="80">
+            <template #default="{ $index }">
+              <div style="text-align: center;">
+                {{ $index + 1 }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="name" label="名称">
+            <template #default="scope">
+              <span style="cursor: pointer;color:#409EFF" @click="getZ(scope.row)">{{ scope.row.name }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
     </div>
     <div v-if="route.params.id=='28'" style="background-color: white;position: absolute;z-index: 9999;top: 1%;right: 1%;width: 30vw;height: 60vh;overflow:auto;">
+      <div class="biz-data-card-header">水位信息</div>
       <el-table 
           :data="tableData"
-          style="width: 98%;margin-left: 1%;margin-top: 1%;height: 59vh;"
+          style="width: 98%;margin-left: 1%;margin-top: 1%;height: 55vh;"
           :cell-style="{ padding:'5px' }"
           :header-cell-style="{height: heightAll*0.01+'px',}"
           :row-style="{ fontSize: '16px',textAlign:'center'}"
@@ -42,6 +71,7 @@
   </div>
 </template>
 <script setup>
+import { VideoPlay } from '@element-plus/icons-vue'
 import 'ol/css';
 import {defaults as defaultControls} from 'ol/control';
 import Map from 'ol/Map';
@@ -73,7 +103,8 @@ import suzhouJson from "./suzhou.json";
 import {useRoute} from "vue-router";
 import suzhouPoint from "./suzhouPoints.json";
 import { ref } from 'vue';
-
+import fangan from "./fangan.json";
+const tableDataFangan = ref([])
 const scrollContainer = ref(null);
 const scrollAmount =0;
 const widthAll = ref(window.innerWidth)
@@ -86,6 +117,11 @@ const mapChart = ref(null);
 const popupOverlays = ref([]);
 const activities =ref( [
 ])
+const activities1= ref()
+const dateLength = ref(0)
+const marks = ref({
+})
+const isStart = ref(true)
 onMounted(async () => {
   await initMap();
   // 初始化完成后执行配置渲染
@@ -94,7 +130,10 @@ onMounted(async () => {
     mapChart.value.addLayer(polygonLayer.value);
   }
   if(route.params.id==='28'){
+    tableDataFangan.value = fangan.data.records
     const keys = Object.keys(suzhouJson.data.outPutQUZ)
+    dateLength.value = keys.length
+    
     keys.forEach(item=>{
       var par = {
         content: '',
@@ -104,12 +143,42 @@ onMounted(async () => {
       }
       activities.value.push(par)
     })
+    var parTime = uniformSample(activities.value)
+    console.log(activities.value)
+    var a = Math.round((dateLength.value - 1) * 1 / 3)
+    var b = Math.round((dateLength.value - 1) * 2 / 3)
+    var c = dateLength.value
+    marks.value = {
+      0:{
+        style: {
+          color: '#1989FA',
+        },
+        label: parTime[0].timestamp.slice(5),
+      },
+    }
+    marks.value[a] = {
+      style: {
+        color: '#1989FA',
+      },
+      label: parTime[1].timestamp.slice(5),
+    }
+    marks.value[b] = {
+      style: {
+        color: '#1989FA',
+      },
+      label: parTime[2].timestamp.slice(5),
+    }
+    marks.value[c] = {
+      style: {
+        color: '#1989FA',
+      },
+      label: parTime[3].timestamp.slice(5),
+    }
     suzhouJson.data.inputParam = JSON.parse(suzhouJson.data.inputParam)
     console.log(suzhouJson.data)
-    setInterval(changeMap, 1000)
+    timerId = setInterval(changeMap, 1000)
     pointLayer.value = createPointlayer(suzhouPoint)
     mapChart.value.addLayer(pointLayer.value);
-    
   }
   if (props.config) {
     // toCenter(props.config.center, props.config.zoom);
@@ -118,6 +187,50 @@ onMounted(async () => {
 });
 const count = ref(0)
 const tableData = ref()
+function getZ(row){
+  console.log(row.id)
+  
+}
+function formatTooltip(val){
+  if (activities.value && activities.value[val]) {
+    return activities.value[val].timestamp.slice(5);
+  }
+  // 数据未就绪时返回默认提示
+  return 'Loading...';
+}
+function pause(){
+  clearInterval(timerId);
+  timerId = null
+  isStart.value = false
+}
+function reStart(){
+  timerId = setInterval(changeMap, 1000)
+  isStart.value = true
+}
+function uniformSample(arr) {
+    const n = arr.length;
+    if (n === 0) return [];
+    if (n <= 4) {
+        return arr.slice();
+    }
+    
+    // 计算三个等分点的索引
+    const index0 = 0; // 首元素
+    const index1 = Math.round((n - 1) * 1 / 3); // 第一个等分点
+    const index2 = Math.round((n - 1) * 2 / 3); // 第二个等分点
+    const index3 = n - 1; // 尾元素
+    return [
+        arr[index0],
+        arr[index1],
+        arr[index2],
+        arr[index3]
+    ];
+}
+function pauseIn(){
+  pause()
+  count.value = activities1.value
+  changeMap()
+}
 function changeMap(){
   tableData.value = []
   const keys1 = Object.keys(suzhouJson.data.outPutQUZ)
@@ -130,12 +243,13 @@ function changeMap(){
       behavior: 'smooth' // 启用平滑滚动效果
     });
   }
-  activities.value.forEach(item=>{
-    item.content = ''
-    item.color = ''
-  })
-  activities.value[count.value].content = '当前展示时间'
-  activities.value[count.value].color = '#0bbd87',
+  // activities.value.forEach(item=>{
+  //   item.content = ''
+  //   item.color = ''
+  // })
+  // activities.value[count.value].content = '当前展示时间'
+  // activities.value[count.value].color = '#0bbd87',
+  activities1.value = count.value
   mapChart.value.removeLayer(pointLayer.value)
   const keys = Object.keys(suzhouJson.data.outPutQUZ)
   tableData.value = suzhouJson.data.outPutQUZ[keys[count.value]]
@@ -653,7 +767,18 @@ watch(() => props.config, async (config) => {
 }, {deep: true});
 </script>
 <style scoped lang="scss">
-
+.biz-data-card-header {
+    width: 100%;
+    height: 36px;
+    background: url("@/assets/map/img/left-title.png") no-repeat;
+    background-size: 100% 100%;
+    font-size: 16px;
+    font-family: 'PuHuiTi', sans-serif;
+    font-weight: bolder;
+    color: #fff;
+    text-align: center;
+    line-height: 34px;
+  }
 /*滚动条里面轨道*/
 ::-webkit-scrollbar-track {
   background-color: rgba(20, 19, 19, 0);