细化隐患点显示逻辑

src/component/rain-earthquake/BasicComponent.vue

@@ -4,14 +4,59 @@
     <!-- 地图组件 -->
     <MapComponent />
 
-    <!-- 隐患点组件 -->
-    <HiddenPointComponent
-      :disaster-type="props.disasterType"
-      v-if="
-        useStatusStore().appLoadingCompleted &&
-        useStatusStore().mapLayers.hiddenDangerPointShow.loading
-      "
-    />
+    <!-- 暴雨场景隐患点组件 -->
+    <template v-if="props.disasterType === DisasterType.RAINSTORM">
+      <!-- 滑坡隐患点 -->
+      <LandslideComponent
+        v-if="
+          useStatusStore().appLoadingCompleted &&
+          useStatusStore().poiLayers.showLandslideHiddenPoint.loading
+        "
+      />
+
+      <!-- 泥石流隐患点 -->
+      <DebrisFlowComponent
+        v-if="
+          useStatusStore().appLoadingCompleted &&
+          useStatusStore().poiLayers.showDebrisFlowHiddenPoint.loading
+        "
+      />
+
+      <!-- 内涝隐患点 -->
+      <WaterLoggingComponent
+        v-if="
+          useStatusStore().appLoadingCompleted &&
+          useStatusStore().poiLayers.showWaterLoggingHiddenPoint.loading
+        "
+      />
+
+      <!-- 山洪隐患点 -->
+      <FlashFloodComponent
+        v-if="
+          useStatusStore().appLoadingCompleted &&
+          useStatusStore().poiLayers.showFlashFloodHiddenPoint.loading
+        "
+      />
+    </template>
+
+    <!-- 地震场景隐患点组件 -->
+    <template v-else-if="props.disasterType === DisasterType.EARTHQUAKE">
+      <!-- 滑坡隐患点 -->
+      <LandslideComponent
+        v-if="
+          useStatusStore().appLoadingCompleted &&
+          useStatusStore().poiLayers.showLandslideHiddenPoint.loading
+        "
+      />
+
+      <!-- 泥石流隐患点 -->
+      <DebrisFlowComponent
+        v-if="
+          useStatusStore().appLoadingCompleted &&
+          useStatusStore().poiLayers.showDebrisFlowHiddenPoint.loading
+        "
+      />
+    </template>
 
     <!-- 风险点组件 -->
     <RiskPointComponent
@@ -25,9 +70,12 @@
 
 <script setup lang="ts">
   import MapComponent from '@/component/map/MapComponent.vue';
-  import type { DisasterType } from '@/types/common/DisasterType.ts';
-  import HiddenPointComponent from '@/component/rain-earthquake/basic/HiddenPointComponent.vue';
+  import { DisasterType } from '@/types/common/DisasterType.ts';
   import RiskPointComponent from '@/component/rain-earthquake/basic/RiskPointComponent.vue';
+  import LandslideComponent from '@/component/rain-earthquake/basic/LandslideComponent.vue';
+  import DebrisFlowComponent from '@/component/rain-earthquake/basic/DebrisFlowComponent.vue';
+  import WaterLoggingComponent from '@/component/rain-earthquake/basic/WaterLoggingComponent.vue';
+  import FlashFloodComponent from '@/component/rain-earthquake/basic/FlashFloodComponent.vue';
   import { useStatusStore } from '@/stores/useStatusStore';
 
   // 获取父组件传递德数据