From a018957454ac1406e06302c889b00fc1282e8624 Mon Sep 17 00:00:00 2001
From: wzy-warehouse <18135009705@163.com>
Date: Wed, 17 Jun 2026 14:50:56 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9A=90=E6=82=A3=E7=82=B9=E9=A3=8E=E9=99=A9?=
 =?UTF-8?q?=E7=82=B9=E6=B7=BB=E5=8A=A0=E9=A2=9C=E8=89=B2=E5=AD=97=E6=AE=B5?=
 =?UTF-8?q?=EF=BC=88=E6=9C=AA=E5=AE=8C=E6=88=90=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/common/InformationBox.vue              |  1 +
 .../rain-earthquake/basic/CollapseComponent.vue      |  3 ++-
 .../rain-earthquake/basic/DebrisFlowComponent.vue    |  3 ++-
 .../rain-earthquake/basic/FlashFloodComponent.vue    |  3 ++-
 .../rain-earthquake/basic/LandslideComponent.vue     |  3 ++-
 .../rain-earthquake/basic/RiskPointComponent.vue     |  3 ++-
 .../rain-earthquake/basic/WaterLoggingComponent.vue  | 12 +++++++-----
 src/hooks/rain-earthquake/useHiddenPoint.ts          |  9 ++++++++-
 src/hooks/rain-earthquake/useRiskPoint.ts            |  9 ++++++++-
 9 files changed, 34 insertions(+), 12 deletions(-)

diff --git a/src/component/common/InformationBox.vue b/src/component/common/InformationBox.vue
index c23bc06..9eee1ff 100644
--- a/src/component/common/InformationBox.vue
+++ b/src/component/common/InformationBox.vue
@@ -33,6 +33,7 @@
     title: string;
     data: Record<string, string>;
     field: Record<string, string>;
+    color: Record<string, string> | null;
     offsetX: number;
     offsetY: number;
   }>();
diff --git a/src/component/rain-earthquake/basic/CollapseComponent.vue b/src/component/rain-earthquake/basic/CollapseComponent.vue
index 5f4d321..63b3a50 100644
--- a/src/component/rain-earthquake/basic/CollapseComponent.vue
+++ b/src/component/rain-earthquake/basic/CollapseComponent.vue
@@ -15,6 +15,7 @@
     <InformationBox
       :data="collapsePointDetail as Record<string, any>"
       :field="field"
+      :color="color"
       v-if="loadingInformationStore.collapseHiddenPoint.loading"
       :title="informationBoxTitle"
       :offset-x="offsetX"
@@ -50,7 +51,7 @@
   const loadingResourceStore = useLoadingResourceStore();
   const simulationIdStore = useSimulationIdStore();
 
-  const { field, getDisasterIcon } = useHiddenPoint();
+  const { field, color, getDisasterIcon } = useHiddenPoint();
 
   // 信息框相关配置
   const offsetX = ref(0);
diff --git a/src/component/rain-earthquake/basic/DebrisFlowComponent.vue b/src/component/rain-earthquake/basic/DebrisFlowComponent.vue
index e29ef31..be36534 100644
--- a/src/component/rain-earthquake/basic/DebrisFlowComponent.vue
+++ b/src/component/rain-earthquake/basic/DebrisFlowComponent.vue
@@ -15,6 +15,7 @@
     <InformationBox
       :data="debrisFlowPointDetail as Record<string, any>"
       :field="field"
+      :color="color"
       v-if="loadingInformationStore.debrisFlowHiddenPoint.loading"
       :title="informationBoxTitle"
       :offset-x="offsetX"
@@ -50,7 +51,7 @@
   const loadingResourceStore = useLoadingResourceStore();
   const simulationIdStore = useSimulationIdStore();
 
-  const { field, getDisasterIcon } = useHiddenPoint();
+  const { field, color, getDisasterIcon } = useHiddenPoint();
 
   // 信息框相关配置
   const offsetX = ref(0);
diff --git a/src/component/rain-earthquake/basic/FlashFloodComponent.vue b/src/component/rain-earthquake/basic/FlashFloodComponent.vue
index c1434ec..057d339 100644
--- a/src/component/rain-earthquake/basic/FlashFloodComponent.vue
+++ b/src/component/rain-earthquake/basic/FlashFloodComponent.vue
@@ -15,6 +15,7 @@
     <InformationBox
       :data="flashFloodPointDetail as Record<string, any>"
       :field="field"
+      :color="color"
       v-if="loadingInformationStore.flashFloodHiddenPoint.loading"
       :title="informationBoxTitle"
       :offset-x="offsetX"
@@ -50,7 +51,7 @@
   const loadingResourceStore = useLoadingResourceStore();
   const simulationIdStore = useSimulationIdStore();
 
-  const { field, getDisasterIcon } = useHiddenPoint();
+  const { field, color, getDisasterIcon } = useHiddenPoint();
 
   // 信息框相关配置
   const offsetX = ref(0);
diff --git a/src/component/rain-earthquake/basic/LandslideComponent.vue b/src/component/rain-earthquake/basic/LandslideComponent.vue
index 77a5b80..31d63f7 100644
--- a/src/component/rain-earthquake/basic/LandslideComponent.vue
+++ b/src/component/rain-earthquake/basic/LandslideComponent.vue
@@ -15,6 +15,7 @@
     <InformationBox
       :data="landslidePointDetail as Record<string, any>"
       :field="field"
+      :color="color"
       v-if="loadingInformationStore.landslideHiddenPoint.loading"
       :title="informationBoxTitle"
       :offset-x="offsetX"
@@ -50,7 +51,7 @@
   const loadingResourceStore = useLoadingResourceStore();
   const simulationIdStore = useSimulationIdStore();
 
-  const { field, getDisasterIcon } = useHiddenPoint();
+  const { field, color, getDisasterIcon } = useHiddenPoint();
 
   // 信息框相关配置
   const offsetX = ref(0);
diff --git a/src/component/rain-earthquake/basic/RiskPointComponent.vue b/src/component/rain-earthquake/basic/RiskPointComponent.vue
index a195cb7..c80792b 100644
--- a/src/component/rain-earthquake/basic/RiskPointComponent.vue
+++ b/src/component/rain-earthquake/basic/RiskPointComponent.vue
@@ -15,6 +15,7 @@
     <InformationBox
       :data="riskPointDetail as Record<string, any>"
       :field="field"
+      :color="color"
       v-if="loadingInformationStore.riskPoint.loading"
       :title="informationBoxTitle"
       :offset-x="offsetX"
@@ -52,7 +53,7 @@
   const riskPointDetail = ref<Point>();
 
   // 获取钩子函数
-  const { informationBoxTitle, field, getDisasterIcon } = useRiskPoint();
+  const { informationBoxTitle, field, color, getDisasterIcon } = useRiskPoint();
 
   $api.riskSpots.getBasePoints().then((res) => {
     riskPoints.value = res.data;
diff --git a/src/component/rain-earthquake/basic/WaterLoggingComponent.vue b/src/component/rain-earthquake/basic/WaterLoggingComponent.vue
index 16d19ae..6d0ce71 100644
--- a/src/component/rain-earthquake/basic/WaterLoggingComponent.vue
+++ b/src/component/rain-earthquake/basic/WaterLoggingComponent.vue
@@ -3,9 +3,7 @@
   <div>
     <!-- 加载内涝隐患点 -->
     <LoadingPoints
-      v-if="
-        statusStore.appLoadingCompleted && waterLoggingPoints.length > 0
-      "
+      v-if="statusStore.appLoadingCompleted && waterLoggingPoints.length > 0"
       :base-points="waterLoggingPoints"
       :get-disaster-icon="getDisasterIcon"
       :prefix="config.prefix.waterLoggingHiddenPointId"
@@ -17,6 +15,7 @@
     <InformationBox
       :data="waterLoggingPointDetail as Record<string, any>"
       :field="field"
+      :color="color"
       v-if="loadingInformationStore.waterLoggingHiddenPoint.loading"
       :title="informationBoxTitle"
       :offset-x="offsetX"
@@ -43,14 +42,16 @@
     PointType,
     HiddenDangerPointTypeMap,
   } from '@/types/common/DisasterType.ts';
+  import { useSimulationIdStore } from '@/stores/useSimulationIdStore';
 
   const waterLoggingPoints = ref<Point[]>([]);
 
   const statusStore = useStatusStore();
   const loadingInformationStore = useLoadingInformationStore();
   const loadingResourceStore = useLoadingResourceStore();
+  const simulationIdStore = useSimulationIdStore();
 
-  const { field, getDisasterIcon } = useHiddenPoint();
+  const { field, color, getDisasterIcon } = useHiddenPoint();
 
   // 信息框相关配置
   const offsetX = ref(0);
@@ -81,7 +82,8 @@
       }
 
       const res = await $api.hiddenDangerSpots.getPointDetailById(
-        loadingInformationStore.waterLoggingHiddenPoint.id
+        loadingInformationStore.waterLoggingHiddenPoint.id,
+        simulationIdStore.status ? simulationIdStore.id : -1
       );
 
       // 更新数据
diff --git a/src/hooks/rain-earthquake/useHiddenPoint.ts b/src/hooks/rain-earthquake/useHiddenPoint.ts
index 6bb0499..dd825b8 100644
--- a/src/hooks/rain-earthquake/useHiddenPoint.ts
+++ b/src/hooks/rain-earthquake/useHiddenPoint.ts
@@ -24,6 +24,13 @@ export const useHiddenPoint = () => {
     riskGrade: '风险等级',
   };
 
+  /**
+   * 颜色
+   */
+  const color = {
+    probability: 'red',
+  };
+
   /**
    * 根据灾害类型获取对应图标
    * @param disasterType - 灾害类型（支持中英文）
@@ -52,5 +59,5 @@ export const useHiddenPoint = () => {
     }
   }
 
-  return { field, getDisasterIcon };
+  return { field, color, getDisasterIcon };
 };
diff --git a/src/hooks/rain-earthquake/useRiskPoint.ts b/src/hooks/rain-earthquake/useRiskPoint.ts
index 0494ebd..4aac6b2 100644
--- a/src/hooks/rain-earthquake/useRiskPoint.ts
+++ b/src/hooks/rain-earthquake/useRiskPoint.ts
@@ -28,6 +28,13 @@ export const useRiskPoint = () => {
     lat: '纬度',
   };
 
+  /**
+   * 颜色
+   */
+  const color = {
+    probability: 'red',
+  };
+
   /**
    * 获取风险点图标
    * @returns 图标路径
@@ -36,5 +43,5 @@ export const useRiskPoint = () => {
     return riskAreaIcon;
   }
 
-  return { informationBoxTitle, field, getDisasterIcon };
+  return { informationBoxTitle, field, color, getDisasterIcon };
 };