修改

guonan

2025-04-18 fe14fbb369b1c960e4602e084646bd4554a63411

修改

 public/json/listMaxInfluenceArea_wgs84.json

@@ -145,30 +145,7 @@
                "zoneArea": 382.63,
                "zoneId": 6
            },
            {
                "averageCumulativeDepth": 0.1,
                "averageDepth": 0.1,
                "averageRaininess": 0,
                "averageVelocity": 0.15,
                "createTime": "2025-01-13 20:30:08",
                "geom": "{\"type\": \"Polygon\", \"crs\": {\"type\": \"name\", \"properties\": {\"name\": \"EPSG:4326\"}}, \"coordinates\": [[[116.59347472945407, 40.56859309579969, 524], [116.59364526465872, 40.56844730300445, 524], [116.59342897610652, 40.56830286400864, 524], [116.59350265682212, 40.568240123222736, 524], [116.59343967169428, 40.5681985969148, 524], [116.59319337607656, 40.568406792411295, 524], [116.59347472945407, 40.56859309579969, 524]]]}",
                "households": 1,
                "id": "1878781575972864005",
                "maxDepth": 0.1,
                "maxRaininess": 0,
                "maxVelocity": 0.15,
                "population": 3,
                "property": 48.0,
                "raininess": 0.0,
                "room": 4,
                "taskId": "1878767214615695362",
                "time": "2023-08-01 01:50:00",
                "timeId": 299,
                "updateTime": null,
                "warningLevel": 1,
                "zoneArea": 751.19,
                "zoneId": 7
            },

            {
                "averageCumulativeDepth": 0.12,
                "averageDepth": 0.14,
@@ -768,30 +745,6 @@
                "warningLevel": 1,
                "zoneArea": 308.64,
                "zoneId": 32
            },
            {
                "averageCumulativeDepth": 0.16,
                "averageDepth": 0.1,
                "averageRaininess": 0,
                "averageVelocity": 0.56,
                "createTime": "2025-01-13 20:30:08",
                "geom": "{\"type\": \"Polygon\", \"crs\": {\"type\": \"name\", \"properties\": {\"name\": \"EPSG:4326\"}}, \"coordinates\": [[[116.59367265724737, 40.56840938779824, 525], [116.59370830920646, 40.56838284714111, 525], [116.5936751528845, 40.56836091046757, 525], [116.59364128352331, 40.5683844720796, 525], [116.59367265724737, 40.56840938779824, 525]]]}",
                "households": 1,
                "id": "1878781575989641221",
                "maxDepth": 0.1,
                "maxRaininess": 0,
                "maxVelocity": 0.56,
                "population": 4,
                "property": 12.0,
                "raininess": 0.0,
                "room": 1,
                "taskId": "1878767214615695362",
                "time": "2023-08-01 01:50:00",
                "timeId": 299,
                "updateTime": null,
                "warningLevel": 1,
                "zoneArea": 15.26,
                "zoneId": 33
            },
            {
                "averageCumulativeDepth": 0.1,

 src/components/menu/TimeLine.vue

@@ -1,7 +1,7 @@
<template>
  <div class="timeline-container">
    <div class="controls">
    <!-- <div @click="endSimulate">结束模拟</div> -->
      <!-- <div @click="endSimulate">结束模拟</div> -->
      <div class="control-btn" @click="skipBackward">
        <img
          src="@/assets/img/timeline/left.png"
@@ -53,7 +53,6 @@
          :style="{ left: progressPercentage + '%' }"
        ></div>
        <div class="time-markers">

          <div
            v-for="(time, index) in timeMarkers"
            :key="index"
@@ -76,7 +75,7 @@
  watch,
  defineProps,
  onBeforeUnmount,
  inject
  inject,
} from "vue";
import dayjs from "dayjs";
import { createWaterPrimitive, destoryWaterPrimitive } from "@/utils/water";
@@ -148,6 +147,7 @@
  if (!isPlaying.value && currentTime.value >= duration.value) {
    currentTime.value = 0;
    emit("timeUpdate", progressPercentage.value);
    // earthCtrl.environment.disableEffect("rain");
  }

  isPlaying.value = !isPlaying.value;
@@ -165,6 +165,7 @@
};

const startPlayback = () => {
  // earthCtrl.environment.showEffect("rain");
  clearInterval(playInterval);
  playInterval = setInterval(() => {
    currentTime.value += 600 * playbackRate.value;
@@ -186,6 +187,7 @@
};

const stopPlayback = () => {
  // earthCtrl.environment.disableEffect("rain");
  clearInterval(playInterval);
};

@@ -299,7 +301,6 @@
  }, delay);
});
const { startSimulate, endSimulate } = inject("simulateActions");

</script>

<style scoped>