添加部分钩子函数，便于代码维护

src/component/rain-earthquake/HiddenPointComponent.vue

@@ -38,32 +38,23 @@
   import { useViewerStore } from '@/stores/useViewerStore';
   import { useLoadingInformationStore } from '@/stores/useLoadingInformation';
   import { CesiumUtilsSingleton } from '@/utils/cesium/CesiumUtils';
-  import {
-    debrisFlowIcon,
-    flashFloodIcon,
-    landslideIcon,
-    waterLoggingIcon,
-  } from '@/assets';
+  import { useHiddenPoint } from '@/hooks/rain-earthquake/useHiddenPoint';
 
+  // 接收父组件传递的参数
   const props = defineProps<{
     disasterType: DisasterType;
   }>();
 
+  // 基本隐患点数据
   const baseHiddenPoints = ref<Point[]>([]);
-
+  // 信息框相关字段
   const informationBoxTitle = ref('');
   const offsetX = ref(0);
   const offsetY = ref(0);
   const hiddenDangerPointDetail = ref<Point>();
 
-  const field = {
-    fieldCode: '野外编号',
-    disasterName: '灾害点名称',
-    position: '位置',
-    disasterType: '灾害类型',
-    scaleGrade: '规模等级',
-    riskGrade: '风险等级',
-  };
+  // 获取钩子函数
+  const { field, getDisasterIcon } = useHiddenPoint();
 
   $api.hiddenDangerSpots.getBasePoins(props.disasterType).then((res) => {
     baseHiddenPoints.value = res.data;
@@ -111,22 +102,4 @@
     }
   );
 </script>
-
-<script lang="ts">
-  function getDisasterIcon(disasterType?: string): string {
-    switch (disasterType) {
-      case '滑坡':
-        return landslideIcon;
-      case '泥石流':
-        return debrisFlowIcon;
-      case '内涝':
-        return waterLoggingIcon;
-      case '山洪':
-        return flashFloodIcon;
-      default:
-        throw new Error(`未知的灾害类型: ${disasterType}`);
-    }
-  }
-</script>
-
 <style scoped></style>

src/component/rain-earthquake/RiskPointComponent.vue

@@ -34,28 +34,17 @@
   import { useViewerStore } from '@/stores/useViewerStore';
   import { useLoadingInformationStore } from '@/stores/useLoadingInformation';
   import { CesiumUtilsSingleton } from '@/utils/cesium/CesiumUtils';
-  import { riskAreaIcon } from '@/assets';
+  import { useRiskPoint } from '@/hooks/rain-earthquake/useRiskPoint';
 
   const riskPoints = ref<Point[]>([]);
 
-  const informationBoxTitle = '风险区域';
+  // 信息框相关配置
   const offsetX = ref(0);
   const offsetY = ref(0);
   const riskPointDetail = ref<Point>();
 
-  const field = {
-    riskName: '风险区名称',
-    unitCode: '统一编号',
-    housing: '住房（间）',
-    permanentPopulation: '常住人口（人）',
-    residentCounts: '居民户数（户）',
-    riskProperty: '威胁财产（万元）',
-    inspectorName: '巡查员姓名',
-    inspectorTele: '巡查员手机号',
-    position: '位置',
-    lon: '经度',
-    lat: '纬度',
-  };
+  // 获取钩子函数
+  const { informationBoxTitle, field, getDisasterIcon } = useRiskPoint();
 
   $api.riskSpots.getBasePoins().then((res) => {
     riskPoints.value = res.data;
@@ -100,10 +89,4 @@
   );
 </script>
 
-<script lang="ts">
-  function getDisasterIcon(): string {
-    return riskAreaIcon;
-  }
-</script>
-
 <style scoped></style>