隐患点风险点添加颜色字段（未完成）

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);

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);

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);

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);

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;

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
       );
 
       // 更新数据