wzy-warehouse
356 lines
10 KiB
TypeScript
356 lines
10 KiB
TypeScript
import { ControlPanelCategory } from '@/types/common/ControlPanelCategory';
|
|
import { useStatusStore } from '@/stores/useStatusStore';
|
|
import {
|
|
debrisFlowIcon,
|
|
flashFloodIcon,
|
|
landslideIcon,
|
|
collapseIcon,
|
|
riskAreaIcon,
|
|
waterLoggingIcon,
|
|
hospitalIcon,
|
|
dangerousSourceIcon,
|
|
emergencyShelterIcon,
|
|
firefighterIcon,
|
|
storePointsIcon,
|
|
schoolIcon,
|
|
bridgeIcon,
|
|
reservoirIcon,
|
|
subwayIcon,
|
|
} from '@/assets';
|
|
import { useLayerControl } from '../rain-earthquake/useLayerControl.ts';
|
|
import { useRightHandle } from '../rain-earthquake/useRightHandle.ts';
|
|
import { useLeftHandle } from '../rain-earthquake/useLeftHandle.ts';
|
|
import { useLoadingResourceStore } from '@/stores/useLoadingResourceStore.ts';
|
|
import { LoadingResource } from '@/types/common/LoadingResourceType.ts';
|
|
|
|
/**
|
|
* 暴雨灾害链
|
|
* @returns
|
|
*/
|
|
export const useRainDisasterChain = () => {
|
|
const statusStore = useStatusStore();
|
|
const layerControl = useLayerControl();
|
|
const resourceStore = useLoadingResourceStore();
|
|
const rightHandle = useRightHandle();
|
|
const leftHandle = useLeftHandle();
|
|
|
|
// 初始化暴雨模拟状态（因为右侧按钮默认选中）
|
|
statusStore.weatherLayers.showRainfallGrid.loading = true;
|
|
statusStore.weatherLayers.showRainfallGrid.show = true;
|
|
|
|
// ================左侧按钮================================
|
|
/**
|
|
* 左侧按钮信息
|
|
*/
|
|
const leftButtonInfo = [
|
|
{
|
|
name: '周边分析',
|
|
callback: leftHandle.clickAroundAnalysis,
|
|
},
|
|
{
|
|
name: '关联分析',
|
|
callback: () => {
|
|
console.log('关联分析');
|
|
},
|
|
},
|
|
{
|
|
name: '次生衍生灾害链分析',
|
|
callback: () => {
|
|
console.log('次生衍生灾害链分析');
|
|
},
|
|
},
|
|
{
|
|
name: '历史相似性分析',
|
|
callback: () => {
|
|
console.log('历史相似性分析');
|
|
},
|
|
},
|
|
{
|
|
name: '灾害链模型库测试',
|
|
callback: () => {
|
|
console.log('灾害链模型库测试');
|
|
},
|
|
},
|
|
{
|
|
name: '承灾体信息提取',
|
|
callback: () => {
|
|
console.log('承灾体信息提取');
|
|
},
|
|
},
|
|
{
|
|
name: '暴雨内涝灾害链(50mm)',
|
|
callback: () => {
|
|
console.log('暴雨内涝灾害链(50mm)');
|
|
},
|
|
},
|
|
{
|
|
name: '暴雨滑坡灾害链(80mm)',
|
|
callback: () => {
|
|
console.log('暴雨滑坡灾害链(80mm)');
|
|
},
|
|
},
|
|
{
|
|
name: '暴雨洪涝灾害链(100mm)',
|
|
callback: () => {
|
|
console.log('暴雨洪涝灾害链(100mm)');
|
|
},
|
|
},
|
|
{
|
|
name: '暴雨山洪灾害链(110mm)',
|
|
callback: () => {
|
|
console.log('暴雨山洪灾害链(110mm)');
|
|
},
|
|
},
|
|
];
|
|
|
|
// ================右侧按钮================================
|
|
/**
|
|
* 右侧按钮信息
|
|
*/
|
|
const rightButtonInfo = [
|
|
{
|
|
name: '自动推演',
|
|
callback: (status: unknown) => rightHandle.rainstormSimulation(status),
|
|
},
|
|
{
|
|
name: '暴雨触发',
|
|
callback: () => {
|
|
console.log('暴雨触发');
|
|
},
|
|
},
|
|
{
|
|
name: '图件下载',
|
|
callback: () => {
|
|
console.log('图件下载');
|
|
},
|
|
},
|
|
{
|
|
name: '雷达云图',
|
|
callback: () => {
|
|
console.log('雷达云图');
|
|
},
|
|
},
|
|
{
|
|
name: '场景重置',
|
|
callback: () => rightHandle.resetScene(),
|
|
executeOnce: true,
|
|
},
|
|
{
|
|
name: '视角重置',
|
|
callback: () => rightHandle.resetView(),
|
|
executeOnce: true,
|
|
},
|
|
];
|
|
|
|
// ================控制面板================================
|
|
/**
|
|
* 控制面板信息
|
|
*/
|
|
/**
|
|
* 控制面板信息
|
|
*/
|
|
const getControlPanel = () => {
|
|
return [
|
|
// 灾害隐患点类别
|
|
{
|
|
name: '滑坡隐患点',
|
|
statusStore: statusStore.poiLayers,
|
|
statusKey: 'showLandslideHiddenPoint' as const,
|
|
callback: layerControl.clickLandslideHiddenPoint,
|
|
link: landslideIcon,
|
|
category: ControlPanelCategory.DISASTER_HAZARD,
|
|
count: () =>
|
|
resourceStore.getResourceCount(
|
|
LoadingResource.LANDSLIDE_HIDDEN_POINT
|
|
),
|
|
},
|
|
{
|
|
name: '泥石流隐患点',
|
|
statusStore: statusStore.poiLayers,
|
|
statusKey: 'showDebrisFlowHiddenPoint' as const,
|
|
callback: layerControl.clickDebrisFlowHiddenPoint,
|
|
link: debrisFlowIcon,
|
|
category: ControlPanelCategory.DISASTER_HAZARD,
|
|
count: () =>
|
|
resourceStore.getResourceCount(
|
|
LoadingResource.DEBRIS_FLOW_HIDDEN_POINT
|
|
),
|
|
},
|
|
{
|
|
name: '内涝隐患点',
|
|
statusStore: statusStore.poiLayers,
|
|
statusKey: 'showWaterLoggingHiddenPoint' as const,
|
|
callback: layerControl.clickWaterLoggingHiddenPoint,
|
|
link: waterLoggingIcon,
|
|
category: ControlPanelCategory.DISASTER_HAZARD,
|
|
count: () =>
|
|
resourceStore.getResourceCount(
|
|
LoadingResource.WATER_LOGGING_HIDDEN_POINT
|
|
),
|
|
},
|
|
{
|
|
name: '山洪隐患点',
|
|
statusStore: statusStore.poiLayers,
|
|
statusKey: 'showFlashFloodHiddenPoint' as const,
|
|
callback: layerControl.clickFlashFloodHiddenPoint,
|
|
link: flashFloodIcon,
|
|
category: ControlPanelCategory.DISASTER_HAZARD,
|
|
count: () =>
|
|
resourceStore.getResourceCount(
|
|
LoadingResource.FLASH_FLOOD_HIDDEN_POINT
|
|
),
|
|
},
|
|
{
|
|
name: '崩塌隐患点',
|
|
statusStore: statusStore.poiLayers,
|
|
statusKey: 'showCollapseHiddenPoint' as const,
|
|
callback: layerControl.clickCollapseHiddenPoint,
|
|
link: collapseIcon,
|
|
category: ControlPanelCategory.DISASTER_HAZARD,
|
|
count: () =>
|
|
resourceStore.getResourceCount(
|
|
LoadingResource.COLLAPSE_HIDDEN_POINT
|
|
),
|
|
},
|
|
{
|
|
name: '风险点',
|
|
statusStore: statusStore.mapLayers,
|
|
statusKey: 'riskPointShow' as const,
|
|
callback: layerControl.clickRiskPoint,
|
|
link: riskAreaIcon,
|
|
category: ControlPanelCategory.DISASTER_HAZARD,
|
|
count: () => resourceStore.getResourceCount(LoadingResource.RISK_POINT),
|
|
},
|
|
// 基础设施类别
|
|
{
|
|
name: '医院',
|
|
statusStore: statusStore.poiLayers,
|
|
statusKey: 'showHospital' as const,
|
|
callback: layerControl.clickHospital,
|
|
link: hospitalIcon,
|
|
category: ControlPanelCategory.INFRASTRUCTURE,
|
|
count: () => resourceStore.getResourceCount(LoadingResource.HOSPITAL),
|
|
},
|
|
{
|
|
name: '危险源',
|
|
statusStore: statusStore.poiLayers,
|
|
statusKey: 'showDangerSource' as const,
|
|
callback: layerControl.clickDangerousSource,
|
|
link: dangerousSourceIcon,
|
|
category: ControlPanelCategory.INFRASTRUCTURE,
|
|
count: () =>
|
|
resourceStore.getResourceCount(LoadingResource.DANGEROUS_SOURCE),
|
|
},
|
|
{
|
|
name: '避难所',
|
|
statusStore: statusStore.poiLayers,
|
|
statusKey: 'showRefugeeShelter' as const,
|
|
callback: layerControl.clickEmergencyShelter,
|
|
link: emergencyShelterIcon,
|
|
category: ControlPanelCategory.INFRASTRUCTURE,
|
|
count: () =>
|
|
resourceStore.getResourceCount(LoadingResource.EMERGENCY_SHELTER),
|
|
},
|
|
{
|
|
name: '消防站',
|
|
statusStore: statusStore.poiLayers,
|
|
statusKey: 'showFireStation' as const,
|
|
callback: layerControl.clickFireStation,
|
|
link: firefighterIcon,
|
|
category: ControlPanelCategory.INFRASTRUCTURE,
|
|
count: () =>
|
|
resourceStore.getResourceCount(LoadingResource.FIRE_STATION),
|
|
},
|
|
{
|
|
name: '储备点',
|
|
statusStore: statusStore.poiLayers,
|
|
statusKey: 'showReservePoint' as const,
|
|
callback: layerControl.clickStorePoints,
|
|
link: storePointsIcon,
|
|
category: ControlPanelCategory.INFRASTRUCTURE,
|
|
count: () =>
|
|
resourceStore.getResourceCount(LoadingResource.STORE_POINTS),
|
|
},
|
|
{
|
|
name: '学校',
|
|
statusStore: statusStore.poiLayers,
|
|
statusKey: 'showSchool' as const,
|
|
callback: layerControl.clickSchool,
|
|
link: schoolIcon,
|
|
category: ControlPanelCategory.INFRASTRUCTURE,
|
|
count: () => resourceStore.getResourceCount(LoadingResource.SCHOOL),
|
|
},
|
|
{
|
|
name: '桥梁',
|
|
statusStore: statusStore.infrastructureLayers,
|
|
statusKey: 'showBridge' as const,
|
|
callback: layerControl.clickBridge,
|
|
link: bridgeIcon,
|
|
category: ControlPanelCategory.INFRASTRUCTURE,
|
|
count: () => resourceStore.getResourceCount(LoadingResource.BRIDGE),
|
|
},
|
|
{
|
|
name: '水库',
|
|
statusStore: statusStore.infrastructureLayers,
|
|
statusKey: 'showReservoir' as const,
|
|
callback: layerControl.clickReservoir,
|
|
link: reservoirIcon,
|
|
category: ControlPanelCategory.INFRASTRUCTURE,
|
|
count: () => resourceStore.getResourceCount(LoadingResource.RESERVOIR),
|
|
},
|
|
{
|
|
name: '地铁站',
|
|
statusStore: statusStore.poiLayers,
|
|
statusKey: 'showSubwayStation' as const,
|
|
callback: layerControl.clickSubwayStation,
|
|
link: subwayIcon,
|
|
category: ControlPanelCategory.INFRASTRUCTURE,
|
|
count: () =>
|
|
resourceStore.getResourceCount(LoadingResource.SUBWAY_STATION),
|
|
},
|
|
{
|
|
name: '人口网格',
|
|
statusStore: statusStore.poiLayers,
|
|
statusKey: 'showPopulationGrid' as const,
|
|
callback: layerControl.clickPopulationGrid,
|
|
category: ControlPanelCategory.INFRASTRUCTURE,
|
|
},
|
|
{
|
|
name: '管网系统',
|
|
statusStore: statusStore.infrastructureLayers,
|
|
statusKey: 'showNetworkSystem' as const,
|
|
callback: layerControl.clickWaterPipe,
|
|
category: ControlPanelCategory.INFRASTRUCTURE,
|
|
},
|
|
{
|
|
name: '交通道路',
|
|
statusStore: statusStore.infrastructureLayers,
|
|
statusKey: 'showTrafficRoad' as const,
|
|
callback: layerControl.clickTrafficRoad,
|
|
category: ControlPanelCategory.INFRASTRUCTURE,
|
|
},
|
|
|
|
{
|
|
name: '高速',
|
|
statusStore: statusStore.infrastructureLayers,
|
|
statusKey: 'showHighway' as const,
|
|
callback: layerControl.clickHighway,
|
|
category: ControlPanelCategory.INFRASTRUCTURE,
|
|
},
|
|
{
|
|
name: '国道',
|
|
statusStore: statusStore.infrastructureLayers,
|
|
statusKey: 'showMainRoad' as const,
|
|
callback: layerControl.clickNationRoad,
|
|
category: ControlPanelCategory.INFRASTRUCTURE,
|
|
},
|
|
];
|
|
};
|
|
|
|
return {
|
|
leftButtonInfo,
|
|
rightButtonInfo,
|
|
controlPanel: getControlPanel(),
|
|
};
|
|
};
|