From 986e15a067c2f11563f2f3db8b96dc334dc28842 Mon Sep 17 00:00:00 2001
From: guonan <guonan201020@163.com>
Date: 星期五, 23 五月 2025 09:53:31 +0800
Subject: [PATCH] 提交

---
 src/components/menu/Device.vue                      |   97 +++++++++----
 src/views/left/KGSimOption/PredictiveSimulation.vue |    2 
 src/components/menu/TimeLine.vue                    |  204 ++++++++++++++++++----------
 src/components/tools/Message.vue                    |    2 
 src/views/left/KGSimOption/HistorySimulation.vue    |    4 
 src/components/menu/Location.vue                    |   82 ++++++++++-
 6 files changed, 272 insertions(+), 119 deletions(-)

diff --git a/src/components/menu/Device.vue b/src/components/menu/Device.vue
index 1ea39aa..b909ffc 100644
--- a/src/components/menu/Device.vue
+++ b/src/components/menu/Device.vue
@@ -6,28 +6,12 @@
     <div class="left-content device-content">
       <div style="margin-left: 5px">
         <span style="color: white">閲嶇偣娌燂細</span>
-        <el-select
-          @change="handleChange"
-          v-model="selectValue"
-          placeholder="Select"
-          size="large"
-          style="width: 240px"
-        >
-          <el-option
-            v-for="item in options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
+        <el-select @change="handleChange" v-model="selectValue" placeholder="Select" size="large" style="width: 240px">
+          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </div>
-      <el-tree
-        :data="deviceTree"
-        node-key="deviceId"
-        :props="treeProps"
-        @node-click="handleTreeNodeClick"
-        class="device-tree"
-      >
+      <el-tree :data="deviceTree" node-key="deviceId" :props="treeProps" @node-click="handleTreeNodeClick"
+        class="device-tree">
         <template #default="{ node, data }">
           <span v-if="!data.children" class="device-tree-item">
             <!-- <div class="device-item-icon"></div> -->
@@ -43,30 +27,77 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from "vue";
+import { ref, computed, onMounted, watch, onBeforeUnmount, } from "vue";
+import { useRoute, onBeforeRouteUpdate } from 'vue-router';
+import { createPoint, removeEntities } from "@/utils/map";
 import { deviceDictList, getDictName } from "@/constant/dict.js";
 import { getDeviceInfo } from "@/api/hpApi";
-
-// 瀹氫箟涓�涓搷搴斿紡寮曠敤瀛樺偍璁惧鍒楄〃
-const deviceListAll = ref([]);
-
-// 缁勪欢鎸傝浇鏃惰幏鍙栬澶囦俊鎭紝榛樿杩囨护鈥滃瓩鑳℃矡鈥�
+import { initeWaterPrimitiveView } from "@/utils/water"; //鐩告満flyTo鍑芥暟锛屽悗缁璷ptions鍒楄〃涓湁瀵瑰簲缁忕含搴﹀悗寮冪敤
+import { useSimStore } from "@/store/simulation";
+const simStore = useSimStore();
 onMounted(() => {
   loadDeviceList("瀛欒儭娌�");
+  initeWaterPrimitiveView()
 });
 
+// onBeforeRouteUpdate((to, from, next) => {
+//   if (to.path !== '/zhjc') {
+//     handleCleanup();
+//   }
+//   next();
+// });
+const route = useRoute();
+
+onBeforeUnmount(() => {
+  if (route.path !== '/zhjc') {
+    handleCleanup();
+  }
+});
+watch(() => simStore.DeviceShowSwitch, (newValue, oldValue) => {
+  if (newValue) {
+    initializeDevicePoints();
+  } else {
+    handleCleanup()
+  }
+});
+const deviceListAll = ref([]);
+const deviceEntities = ref([]);
+const handleCleanup = () => {
+  deviceListAll.value.forEach(item => {
+    removeEntities(item.deviceId);
+  });
+}
+const initializeDevicePoints = () => {
+  const list = [];
+  deviceListAll.value.forEach((item, index) => {
+    // 鏍规嵁闇�姹傚彲澧炲垹
+    item.type = getDictName(deviceDictList, item.dictDeviceType);
+    item.name = item.deviceName.split(selectValue.value)[1] || item.deviceName;
+    item.id = item.deviceId;
+    item.className = "device";
+    item.showLabel = true;
+    // 鎵撳嵃姣忎釜璁惧鐨勫悕绉板拰璁惧绫诲瀷
+    // console.log(`璁惧鍚嶇О: ${item.id}, 璁惧绫诲瀷: ${item.name}`);
+    createPoint(item);
+  });
+  deviceEntities.value = list;
+};
 // 鏍规嵁鍖哄煙鍚嶇О鍔犺浇璁惧鍒楄〃
 const loadDeviceList = async (areaName) => {
   try {
-    const res = await getDeviceInfo(); // 璋冩暣getDeviceInfo浠ユ帴鍙楀姩鎬佸弬鏁帮紝濡傛灉闇�瑕佺殑璇�
-    deviceListAll.value = res.data.pageData.filter((item) =>
+    handleCleanup()
+    const res = await getDeviceInfo();
+    const allDevices = res.data.pageData;
+    const devicesInArea = allDevices.filter((item) =>
       item.deviceName?.includes(areaName)
     );
+    deviceListAll.value = devicesInArea;
+    deviceListAll.length = 0;
+    initializeDevicePoints();
   } catch (error) {
     console.error("鍔犺浇璁惧淇℃伅澶辫触", error);
   }
 };
-
 // 澶勭悊鍖哄煙鍙樺寲浜嬩欢
 const handleChange = (item) => {
   if (!item) {
@@ -75,7 +106,7 @@
   }
   // 鏍规嵁鏂板尯鍩熷悕閲嶆柊鍔犺浇璁惧鍒楄〃
   loadDeviceList(item);
-  console.log(deviceListAll.value);
+  // console.log(deviceListAll.value);
 };
 
 const selectValue = ref("瀛欒儭娌�");
@@ -115,12 +146,10 @@
   // 鍏堟寜璁惧绫诲瀷鍒嗙粍
   deviceListAll.value.forEach((device) => {
     const typeName = getDictName(deviceDictList, device.dictDeviceType);
-
     if (!typeName) {
       console.warn("鏈壘鍒拌澶囩被鍨�:", device);
       return;
     }
-
     if (!typeMap[typeName]) {
       typeMap[typeName] = [];
     }
@@ -222,12 +251,14 @@
 :deep(.el-select__placeholder) {
   color: white;
 }
+
 :deep(.el-select-dropdown__item.hover),
 :deep(.el-select-dropdown__item:hover) {
   color: white !important;
   background-color: rgb(38, 124, 124, 0.5);
 }
+
 :deep(.el-tree-node__content) {
-  padding-left: 0px !important ;
+  padding-left: 0px !important;
 }
 </style>
diff --git a/src/components/menu/Location.vue b/src/components/menu/Location.vue
index 23a3bd3..a783d04 100644
--- a/src/components/menu/Location.vue
+++ b/src/components/menu/Location.vue
@@ -45,13 +45,25 @@
 </template>
 
 <script setup>
-import { ref, onMounted, watch } from "vue";
-import { createPoint } from "@/utils/map";
+import { ref, onMounted, watch, onBeforeUnmount } from "vue";
+import { createPoint, removeEntities } from "@/utils/map";
 import { useSimStore } from "@/store/simulation";
 import { initeWaterPrimitiveView } from "@/utils/water"; //鐩告満flyTo鍑芥暟锛屽悗缁璷ptions鍒楄〃涓湁瀵瑰簲缁忕含搴﹀悗寮冪敤
-
+import { useRoute, onBeforeRouteUpdate } from "vue-router";
 const simStore = useSimStore();
+// onBeforeRouteUpdate((to, from, next) => {
+//   if (to.path !== "/yhgl") {
+//     handleCleanup();
+//   }
+//   next();
+// });
+const route = useRoute();
 
+onBeforeUnmount(() => {
+  if (route.path !== "/yhgl") {
+    handleCleanup();
+  }
+});
 const selectValue = ref("瀛欒儭娌�");
 
 const options = ref([
@@ -92,17 +104,43 @@
     });
   }
 }
-
+const handleCleanup = async () => {
+  await Promise.all(
+    districtList.value.map((item) => removeEntities(item.hdId))
+  );
+};
+const initializeDevicePoints = async () => {
+  await Promise.all(
+    districtList.value.map(async (item, index) => {
+      // 鏍规嵁闇�姹傚彲澧炲垹
+      item.id = item.hdId;
+      item.name = item.hdName;
+      item.latitude = item.lat;
+      item.longitude = item.lon;
+      item.showBillboard = true;
+      item.type = item.disasterType;
+      item.className = "district";
+      await createPoint(item);
+      // 鎵撳嵃姣忎釜璁惧鐨勫悕绉板拰璁惧绫诲瀷
+      // console.log(`璁惧鍚嶇О: ${item.id}, 璁惧绫诲瀷: ${item.name}`);
+    })
+  );
+};
 // 鏍规嵁鍖哄煙鍚嶇О杩囨护鏁版嵁
-const filterDataByArea = (areaName) => {
+const filterDataByArea = async (areaName) => {
+  handleCleanup();
   if (!areaName || !simStore.DangerPoint || simStore.DangerPoint.length === 0) {
     districtList.value = [];
     return;
   }
-
-  districtList.value = simStore.DangerPoint.filter((item) =>
+  const filteredData = simStore.DangerPoint.filter((item) =>
     item.position?.includes(areaName)
   );
+
+  if (JSON.stringify(districtList.value) !== JSON.stringify(filteredData)) {
+    districtList.value = filteredData;
+    await initializeDevicePoints();
+  }
 };
 
 // 澶勭悊鍖哄煙鍙樺寲浜嬩欢
@@ -112,10 +150,26 @@
     ElMessage.warning("璇烽�夋嫨涓�涓尯鍩�");
     return;
   }
-
   filterDataByArea(areaName);
 };
+let isInitialized = false;
 
+watch(
+  () => simStore.DangerShowSwitch,
+  async (newValue, oldValue) => {
+    console.log("褰撳墠鐘舵�侊細", newValue);
+
+    if (newValue) {
+      if (!isInitialized) {
+        await initializeDevicePoints();
+        isInitialized = true;
+      }
+    } else {
+      handleCleanup();
+      isInitialized = false;
+    }
+  }
+);
 // 鐩戝惉 simStore.DangerPoint 鍙樺寲
 watch(
   () => simStore.DangerPoint,
@@ -124,14 +178,15 @@
       filterDataByArea(selectValue.value);
       loading.value = false; // 鏁版嵁鍔犺浇瀹屾垚
     } else {
+      handleCleanup();
       districtList.value = [];
       loading.value = true; // 鏁版嵁鏈噯澶囧氨缁�
     }
-  },
-  { immediate: true }
+  }
 );
 
 onMounted(() => {
+  handleCleanup();
   initeWaterPrimitiveView();
   // 榛樿鍏堟鏌ヤ竴閬嶆暟鎹�
   if (simStore.DangerPoint && simStore.DangerPoint.length > 0) {
@@ -150,7 +205,8 @@
   left: 0px;
   right: 0px;
   bottom: 10px;
-  background-color: rgba(43, 43, 43, 0.5);
+  background-color: rgba(236, 233, 233, 0.5);
+  /* 鍗婇�忔槑閬僵 */
   display: flex;
   align-items: center;
   justify-content: center;
@@ -171,6 +227,7 @@
     transform: rotate(360deg);
   }
 }
+
 .district {
   position: absolute;
   width: 345px;
@@ -185,10 +242,12 @@
   cursor: pointer;
   margin-top: 10px;
 }
+
 .district-content {
   padding: 10px;
   box-sizing: border-box;
 }
+
 .district-item-icon {
   background: url("@/assets/img/menu/locationicon.png") no-repeat;
   background-position: 5px 5px;
@@ -215,6 +274,7 @@
 /deep/ .el-select__placeholder {
   color: white;
 }
+
 /deep/ .el-select-dropdown__item.hover,
 .el-select-dropdown__item:hover {
   color: white !important;
diff --git a/src/components/menu/TimeLine.vue b/src/components/menu/TimeLine.vue
index 8856a3d..8e9a676 100644
--- a/src/components/menu/TimeLine.vue
+++ b/src/components/menu/TimeLine.vue
@@ -2,20 +2,30 @@
   <div class="timeline-container">
     <div class="controls">
       <div class="control-btn" @click="skipBackward">
-        <img src="@/assets/img/timeline/left.png" class="fas fa-step-backward" />
+        <img
+          src="@/assets/img/timeline/left.png"
+          class="fas fa-step-backward"
+        />
       </div>
       <div class="control-btn play-btn" @click="togglePlay">
         <img v-show="isPlaying" src="@/assets/img/timeline/stop.png" />
         <img v-show="!isPlaying" src="@/assets/img/timeline/start.png" />
       </div>
       <div class="control-btn" @click="skipForward">
-        <img src="@/assets/img/timeline/right.png" class="fas fa-step-forward" />
+        <img
+          src="@/assets/img/timeline/right.png"
+          class="fas fa-step-forward"
+        />
       </div>
       <div class="speed-control">
         <div @click="toggleSpeedMenu">{{ playbackRate }}X</div>
         <div class="speed-menu" v-show="showSpeedMenu">
-          <div v-for="rate in playbackRates" :key="rate" @click.capture="setPlaybackRate(rate)"
-            :class="{ active: playbackRate === rate }">
+          <div
+            v-for="rate in playbackRates"
+            :key="rate"
+            @click.capture="setPlaybackRate(rate)"
+            :class="{ active: playbackRate === rate }"
+          >
             {{ rate }}X
           </div>
         </div>
@@ -25,18 +35,33 @@
     <div class="timeline">
       <div class="dates">
         <div class="current-date">褰撳墠鎾斁鏃堕棿锛歿{ currentPlayingTime }}</div>
-        <div v-for="(date, index) in visibleDates" :key="index" class="date-label">
+        <div
+          v-for="(date, index) in visibleDates"
+          :key="index"
+          class="date-label"
+        >
           <!-- {{ formatDate(date) }} -->
         </div>
-        <div>涓撻娓叉煋:
-          <el-switch v-model="isColorRenderEnabled" @change="handleColorRenderChange" style="margin-top:-3px"
-            :disabled="!isPlaying || !isWaterPrimitiveCreated" />
-            <!-- active-text="寮�" inactive-text="鍏�" -->
+        <div>
+          涓撻娓叉煋:
+          <el-switch
+            v-model="isColorRenderEnabled"
+            @change="handleColorRenderChange"
+            style="margin-top: -3px"
+            :disabled="!isPlaying || !isWaterPrimitiveCreated"
+          />
+          <!-- active-text="寮�" inactive-text="鍏�" -->
         </div>
       </div>
       <div class="timeline-track" ref="timelineTrack" @click="seekToPosition">
-        <div class="timeline-progress" :style="{ width: progressPercentage + '%' }"></div>
-        <div class="timeline-cursor" :style="{ left: progressPercentage + '%' }"></div>
+        <div
+          class="timeline-progress"
+          :style="{ width: progressPercentage + '%' }"
+        ></div>
+        <div
+          class="timeline-cursor"
+          :style="{ left: progressPercentage + '%' }"
+        ></div>
         <div class="scale-markers">
           <div class="scale-marker" style="left: 0%"></div>
           <div class="scale-marker" style="left: 25%"></div>
@@ -45,20 +70,36 @@
           <div class="scale-marker" style="left: 100%"></div>
         </div>
         <div class="time-markers">
-          <div v-for="(time, index) in timeMarkers" :key="index" class="time-marker"
-            :style="{ left: `${index * 25}%`, transform: 'translateX(-50%)' }">
-            <div class="date-part">{{ time.split(' ')[0] }}</div>
-            <div class="time-part">{{ time.split(' ')[1] }}</div>
+          <div
+            v-for="(time, index) in timeMarkers"
+            :key="index"
+            class="time-marker"
+            :style="{ left: `${index * 25}%`, transform: 'translateX(-50%)' }"
+          >
+            <div class="date-part">{{ time.split(" ")[0] }}</div>
+            <div class="time-part">{{ time.split(" ")[1] }}</div>
           </div>
         </div>
       </div>
     </div>
     <div>
-      <ratelevel ref="ratelevelRef" :playing-time="sendCurrentPlayingTime" @finish-calculation="handleFinishCalculation"
-        style="margin-top: 12px; margin-left: 28px; margin-right: 10px;justify-content: flex-end;"></ratelevel>
-      <el-button @click="handleBack" style="margin-top: 3px; margin-left: 30px; margin-right: 10px">缁撴潫妯℃嫙</el-button>
+      <ratelevel
+        ref="ratelevelRef"
+        :playing-time="sendCurrentPlayingTime"
+        @finish-calculation="handleFinishCalculation"
+        style="
+          margin-top: 12px;
+          margin-left: 28px;
+          margin-right: 10px;
+          justify-content: flex-end;
+        "
+      ></ratelevel>
+      <el-button
+        @click="handleBack"
+        style="margin-top: 3px; margin-left: 30px; margin-right: 10px"
+        >缁撴潫妯℃嫙</el-button
+      >
     </div>
-
   </div>
 </template>
 
@@ -71,7 +112,7 @@
   defineProps,
   onBeforeUnmount,
   inject,
-  reactive
+  reactive,
 } from "vue";
 import ratelevel from "@/components/menu/flowRate_waterLevel.vue";
 
@@ -94,7 +135,12 @@
 const simStore = useSimStore();
 const { selectedScheme } = storeToRefs(simStore);
 
-const emit = defineEmits(["timeUpdate", "isPlaying", "playbackFinished", "isColorRender"]);
+const emit = defineEmits([
+  "timeUpdate",
+  "isPlaying",
+  "playbackFinished",
+  "isColorRender",
+]);
 // 瀹氫箟props
 const props = defineProps({
   waterSimulateParams: {
@@ -127,7 +173,7 @@
   rainSize: 0.5,
   rainSpeed: 50,
   rainColor: "#99B3CC",
-  rainDensity: 30 // 闆ㄧ殑瀵嗗害
+  rainDensity: 30, // 闆ㄧ殑瀵嗗害
 });
 // 璁＄畻灞炴��
 const progressPercentage = computed(
@@ -154,10 +200,10 @@
       // console.log(serviceInfo, '杩欓噷鏄綋鍓嶆柟妗堢殑鏈嶅姟淇℃伅锛�');
       // 杩欓噷閫氳繃water.js涓幓鍙戦�佽姹傝幏鍙栨按闈㈡ā鎷�
       createWaterPrimitive({
-        // baseUrl: `/simu/${serviceInfo}`,
-        baseUrl: `/simu/c2h1dc`,
+        baseUrl: `/simu/${serviceInfo}`,
+        // baseUrl: `/simu/c2h1dc`,
         interval: intervalMap[playbackRate.value],
-        colorRender: isColorRenderEnabled.value
+        colorRender: isColorRenderEnabled.value,
       });
       isWaterPrimitiveCreated.value = true;
     } else {
@@ -191,8 +237,8 @@
     return; // 闃绘鍚庣画閫昏緫鎵ц
   }
   if (isWaterPrimitiveCreated.value) {
-    console.log('褰撳墠鏄惁寮�鍚笓棰樻覆鏌擄細', enabled);
-    emit("isColorRender", enabled)
+    console.log("褰撳墠鏄惁寮�鍚笓棰樻覆鏌擄細", enabled);
+    emit("isColorRender", enabled);
     toggleWaterColorRender(enabled);
   }
 };
@@ -239,103 +285,112 @@
   // 娉ㄦ剰锛氭湁鏃� data 鍙兘鏄竴涓瓧绗︿覆锛堜緥濡� JSON 瀛楃涓诧級
   let data = selectedScheme.value.data;
   // 濡傛灉鏄瓧绗︿覆锛屽垯灏濊瘯瑙ｆ瀽鎴愬璞�
-  if (typeof data === 'string') {
+  if (typeof data === "string") {
     try {
       data = JSON.parse(data);
-      console.log('瑙ｆ瀽鍚庣殑闄嶉洦鏁版嵁锛�', data);
+      console.log("瑙ｆ瀽鍚庣殑闄嶉洦鏁版嵁锛�", data);
     } catch (e) {
       console.error("data 涓嶆槸鏈夋晥鐨� JSON 瀛楃涓�");
       return;
     }
   }
   // 鎵撳嵃闄嶉洦寮哄害鐨勫崟浣�
-  console.log('闄嶉洦寮哄害鐨勫崟浣嶆槸锛�', data.intensityUnit);
+  console.log("闄嶉洦寮哄害鐨勫崟浣嶆槸锛�", data.intensityUnit);
   // 鏍规嵁 intensityUnit 璋冩暣 rainfalls 涓殑 intensity 鍊�
-  if (data.intensityUnit === 'mm/min') {
-    data.rainfalls.forEach(r => r.intensity *= 60);
-    console.log('灏� mm/min 杞崲涓� mm/h 鍚庣殑 rainfalls:', data.rainfalls);
-  } else if (data.intensityUnit === 'mm/5min') {
-    data.rainfalls.forEach(r => r.intensity *= 12);
-    console.log('灏� mm/5min 杞崲涓� mm/h 鍚庣殑 rainfalls:', data.rainfalls);
-  } else if (data.intensityUnit !== 'mm/h') {
-    console.warn('鏈煡鐨� intensity 鍗曚綅锛屾棤娉曡繘琛岃浆鎹�');
+  if (data.intensityUnit === "mm/min") {
+    data.rainfalls.forEach((r) => (r.intensity *= 60));
+    console.log("灏� mm/min 杞崲涓� mm/h 鍚庣殑 rainfalls:", data.rainfalls);
+  } else if (data.intensityUnit === "mm/5min") {
+    data.rainfalls.forEach((r) => (r.intensity *= 12));
+    console.log("灏� mm/5min 杞崲涓� mm/h 鍚庣殑 rainfalls:", data.rainfalls);
+  } else if (data.intensityUnit !== "mm/h") {
+    console.warn("鏈煡鐨� intensity 鍗曚綅锛屾棤娉曡繘琛岃浆鎹�");
   }
 
   const rainfallList = data.rainfalls;
-  console.log('鏈�缁堢殑 rainfallList:', rainfallList);
+  console.log("鏈�缁堢殑 rainfallList:", rainfallList);
 
   // 鎻愬彇 intensity 鍊�
-  rainFallValues.value = rainfallList.map(r => r.intensity);
+  rainFallValues.value = rainfallList.map((r) => r.intensity);
   minRainValue.value = Math.min(...rainFallValues.value);
   maxRainValue.value = Math.max(...rainFallValues.value);
-  console.log('褰撳墠鏂规涓嬫渶灏忛洦閲忓拰鏈�澶ч洦閲忥細', minRainValue.value, maxRainValue.value);
+  console.log(
+    "褰撳墠鏂规涓嬫渶灏忛洦閲忓拰鏈�澶ч洦閲忥細",
+    minRainValue.value,
+    maxRainValue.value
+  );
 }
 // 瀹氫箟闄嶉洦绛夌骇鍙婂叾瀵瑰簲鐨勮瑙夊弬鏁�
 const rainLevels = [
   {
-    name: '灏忛洦',
+    name: "灏忛洦",
     min: 0.1,
     max: 9.9,
-    size: 0.5,     // 闆ㄦ淮澶у皬锛氭洿灏�
-    speed: 20,     // 涓嬭惤閫熷害锛氭洿鎱�
-    density: 15,   // 闆ㄦ淮瀵嗗害锛氭洿绋�鐤�
-    color: '#ADD8E6' // 娴呰摑鑹诧紝璞″緛杞绘煍鐨勫皬闆�
+    size: 0.5, // 闆ㄦ淮澶у皬锛氭洿灏�
+    speed: 20, // 涓嬭惤閫熷害锛氭洿鎱�
+    density: 15, // 闆ㄦ淮瀵嗗害锛氭洿绋�鐤�
+    color: "#ADD8E6", // 娴呰摑鑹诧紝璞″緛杞绘煍鐨勫皬闆�
   },
   {
-    name: '涓洦',
+    name: "涓洦",
     min: 10,
     max: 24.9,
     size: 0.7,
     speed: 40,
     density: 35,
-    color: '#ADD8E6' 
+    color: "#ADD8E6",
   },
   {
-    name: '澶ч洦',
+    name: "澶ч洦",
     min: 25,
     max: 49.9,
     size: 1.0,
     speed: 70,
     density: 60,
-    color: '#ADD8E6'
+    color: "#ADD8E6",
   },
   {
-    name: '鏆撮洦',
+    name: "鏆撮洦",
     min: 50,
     max: 99.9,
     size: 1.3,
     speed: 90,
     density: 80,
-    color: '#ADD8E6' 
+    color: "#ADD8E6",
   },
   {
-    name: '澶ф毚闆�',
+    name: "澶ф毚闆�",
     min: 100,
     size: 1.6,
     speed: 110,
     density: 100,
-    color: '#ADD8E6'
-  }
+    color: "#ADD8E6",
+  },
 ];
 // 鏍规嵁闄嶉洦閲忚繑鍥炲搴旂殑闆ㄥ舰閰嶇疆
 function getRainLevel(rainValue) {
   for (let level of rainLevels) {
-    if (level.min <= rainValue && (level.max === undefined || rainValue <= level.max)) {
+    if (
+      level.min <= rainValue &&
+      (level.max === undefined || rainValue <= level.max)
+    ) {
       return level;
     }
   }
   // 榛樿鏃犻洦鐘舵��
-  return { name: '鏃犻洦', size: 0.5, speed: 30, density: 20, color: '#F0F8FF' };
+  return { name: "鏃犻洦", size: 0.5, speed: 30, density: 20, color: "#F0F8FF" };
 }
 // 鏍规嵁鎾斁杩涘害鏇存柊澶╂皵鏁堟灉锛堝凡浼樺寲锛�
 let lastUsedIndex = -1; // 缂撳瓨涓婁竴娆′娇鐢ㄧ殑绱㈠紩锛岄槻姝㈤噸澶嶆洿鏂�
 let lastRainValue = null;
 function updateWeatherByProgress() {
   if (rainFallValues.value.length === 0) return;
-  console.log(`鏃堕棿杞存�绘椂闀�: ${duration.value}, 褰撳墠鏃堕棿: ${currentTime.value}`); // 鎵撳嵃鏃堕棿杞翠俊鎭�
+  console.log(
+    `鏃堕棿杞存�绘椂闀�: ${duration.value}, 褰撳墠鏃堕棿: ${currentTime.value}`
+  ); // 鎵撳嵃鏃堕棿杞翠俊鎭�
   const progress = currentTime.value / duration.value;
   const floatIndex = progress * (rainFallValues.value.length - 1);
-  const index = Math.floor(floatIndex);            // 褰撳墠绱㈠紩
+  const index = Math.floor(floatIndex); // 褰撳墠绱㈠紩
   const nextIndex = Math.min(index + 1, rainFallValues.value.length - 1); // 涓嬩竴绱㈠紩
   const currentRain = rainFallValues.value[index];
   const nextRain = rainFallValues.value[nextIndex];
@@ -346,7 +401,7 @@
   // console.log(`姝ｅ湪澶勭悊鐨勯洦閲忔暟鎹偣: 褰撳墠=${currentRain}, 涓嬩竴涓�=${nextRain}, 鎻掑�煎悗=${rainValue.toFixed(2)}, 绱㈠紩=${index}`);
   // 濡傛灉褰撳墠绱㈠紩鏈彉鍖栦笖鎻掑�煎樊寮備笉澶э紝璺宠繃閲嶅鏇存柊
   if (index === lastUsedIndex && Math.abs(rainValue - lastRainValue) < 0.1) {
-    console.log('鐢变簬鏁版嵁鏃犳樉钁楀彉鍖栵紝璺宠繃鏈鏇存柊');
+    console.log("鐢变簬鏁版嵁鏃犳樉钁楀彉鍖栵紝璺宠繃鏈鏇存柊");
     return;
   }
 
@@ -356,10 +411,10 @@
   // 鑾峰彇瀵瑰簲鐨勯洦褰㈤厤缃�
   const rainLevel = getRainLevel(rainValue);
 
-  if (rainLevel.name === '鏃犻洦') {
+  if (rainLevel.name === "鏃犻洦") {
     // 鏃犻洦鐘舵�侊細娓呴櫎闆ㄦ晥
     mapUtils.delRain();
-    console.log('鎵ц浜嗘棤闆ㄧ姸鎬侊紝娓呴櫎浜嗛洦鏁�');
+    console.log("鎵ц浜嗘棤闆ㄧ姸鎬侊紝娓呴櫎浜嗛洦鏁�");
     return;
   }
 
@@ -368,9 +423,9 @@
     rainSize: rainLevel.size,
     rainSpeed: rainLevel.speed,
     rainDensity: rainLevel.density,
-    rainColor: rainLevel.color
+    rainColor: rainLevel.color,
   };
-  console.log('褰撳墠闆ㄩ噺鏁版嵁锛�', rainValue, '褰撳墠闆ㄥ舰锛�', rainLevel);
+  console.log("褰撳墠闆ㄩ噺鏁版嵁锛�", rainValue, "褰撳墠闆ㄥ舰锛�", rainLevel);
   // 璋冪敤宸ュ叿鏂规硶鏇存柊闆ㄦ晥
   mapUtils.toggleRain(rainParams, true);
 }
@@ -438,8 +493,8 @@
       dayjs(waterTimestamps.value[closestIndex]).format("YYYY-MM-DD HH:mm:ss")
     );
     // 璋冪敤璺宠浆鎺ュ彛锛屼紶閫掔储寮曞��
-    console.log(closestIndex,'鏈�杩戠殑绱㈠紩鍊�');
-    
+    console.log(closestIndex, "鏈�杩戠殑绱㈠紩鍊�");
+
     setTimeForWaterSimulation(closestIndex);
 
     // 濡傛灉褰撳墠鏄殏鍋滅姸鎬侊紝璋冪敤 pauseWaterSimulation
@@ -456,7 +511,7 @@
   waterTimestamps.value.forEach((timestamp, index) => {
     const diff = Math.abs(
       dayjs(timestamp).diff(dayjs(waterTimestamps.value[0]), "second") -
-      currentTimeValue
+        currentTimeValue
     );
     if (diff < minDiff) {
       minDiff = diff;
@@ -470,7 +525,7 @@
   () => selectedScheme.value,
   (newVal) => {
     if (newVal) {
-      console.log('閫変腑鏂规宸叉敼鍙�:', newVal)
+      console.log("閫変腑鏂规宸叉敼鍙�:", newVal);
     }
   }
 );
@@ -483,7 +538,9 @@
         .valueOf(); // 浣跨敤 valueOf() 鑾峰彇鍘熷鏃堕棿鎴�
 
       // 鏇存柊 currentPlayingTime 鏍煎紡鍖栧悗鐨勬椂闂村瓧绗︿覆
-      currentPlayingTime.value = dayjs(sendCurrentPlayingTime.value).format("YYYY-MM-DD HH:mm:ss");
+      currentPlayingTime.value = dayjs(sendCurrentPlayingTime.value).format(
+        "YYYY-MM-DD HH:mm:ss"
+      );
       EventBus.emit("time-update", currentPlayingTime.value);
     }
   }
@@ -518,14 +575,17 @@
     const schemeInfo = selectedScheme.value;
     serviceInfo = schemeInfo.serviceName;
     // console.log('鑾峰彇鍒扮殑 serviceName:', serviceInfo);
-    getRainfallData()
+    getRainfallData();
     // 鏍规嵁layer.json鍘昏幏鍙栨椂闂磋酱淇℃伅
-    const { waterTimestamps: timestamps } = await fetchWaterSimulationData(serviceInfo);
+    const { waterTimestamps: timestamps } = await fetchWaterSimulationData(
+      serviceInfo
+    );
     if (timestamps) {
       waterTimestamps.value = timestamps;
+      console.log(waterTimestamps, "water");
       updateTimelineRange();
       timeMarkers.value = generateTimeMarkers(timestamps);
-      sendCurrentPlayingTime.value = timestamps[0]
+      sendCurrentPlayingTime.value = timestamps[0];
       currentPlayingTime.value = dayjs(timestamps[0]).format(
         "YYYY-MM-DD HH:mm:ss"
       );
diff --git a/src/components/tools/Message.vue b/src/components/tools/Message.vue
index 5fa5261..4960c0c 100644
--- a/src/components/tools/Message.vue
+++ b/src/components/tools/Message.vue
@@ -178,7 +178,7 @@
           };
 
           addField("total", "闄嶉洦鎬婚噺锛坢m锛�");
-          addField("duration", "闄嶉洦鏃堕暱锛堝垎閽燂級");
+          addField("duration", "灏忔椂");
           addField("intensity", "闄嶉洦寮哄害锛坢m/灏忔椂锛�");
           addField("prediction", "闄嶉洦鍦烘");
           addField("model", "闄嶉洦妯″紡");
diff --git a/src/views/left/KGSimOption/HistorySimulation.vue b/src/views/left/KGSimOption/HistorySimulation.vue
index 71f022b..f7d9738 100644
--- a/src/views/left/KGSimOption/HistorySimulation.vue
+++ b/src/views/left/KGSimOption/HistorySimulation.vue
@@ -92,6 +92,7 @@
 import { useSimStore } from "@/store/simulation.js";
 import { SimAPIStore } from "@/store/simAPI";
 import { EventBus } from "@/eventBus";
+import { getSimStart } from "@/api/trApi";
 
 // 鑾峰彇 Store 瀹炰緥
 const simStore = SimAPIStore();
@@ -178,6 +179,7 @@
     // 淇濆瓨鏂规
     const res = await simStore.addSimCheme(formData);
     const schemeId = res.data?.data?.id;
+    console.log(schemeId, "schemeIdschemeIdschemeId");
 
     if (!schemeId) {
       ElMessage.error("鏂规淇濆瓨澶辫触锛屾湭鑾峰彇鍒版湁鏁� ID");
@@ -198,9 +200,9 @@
       message: "璇疯繑鍥炴柟妗堝垪琛ㄥ紑濮嬫ā鎷燂紒",
       duration: 10000, // 鎻愮ず妗嗘樉绀烘椂闀匡紝鍗曚綅涓烘绉掞紝榛樿鏄�3000姣
     });
-
   } catch (error) {
     ElMessage.error("鍚姩妯℃嫙澶辫触锛岃绋嶅悗鍐嶈瘯");
+    console.log(error, "errorerrorerror");
   }
 }
 </script>
diff --git a/src/views/left/KGSimOption/PredictiveSimulation.vue b/src/views/left/KGSimOption/PredictiveSimulation.vue
index 9ef983d..90f6c5c 100644
--- a/src/views/left/KGSimOption/PredictiveSimulation.vue
+++ b/src/views/left/KGSimOption/PredictiveSimulation.vue
@@ -125,6 +125,7 @@
 import { SimAPIStore } from "@/store/simAPI";
 import { getRainfallDataYears } from "@/api/hpApi";
 import { EventBus } from "@/eventBus"; // 寮曞叆浜嬩欢鎬荤嚎
+import { getSimStart } from "@/api/trApi";
 
 onMounted(() => {});
 
@@ -284,7 +285,6 @@
       message: "璇疯繑鍥炴柟妗堝垪琛ㄥ紑濮嬫ā鎷燂紒",
       duration: 10000, // 鎻愮ず妗嗘樉绀烘椂闀匡紝鍗曚綅涓烘绉掞紝榛樿鏄�3000姣
     });
-
   } catch (error) {
     ElMessage.error("鍚姩妯℃嫙澶辫触锛岃绋嶅悗鍐嶈瘯");
   }

--
Gitblit v1.9.3