修改hooks中store的调用方式

src/hooks/rain-earthquake/useLayerControl.ts

@@ -5,12 +5,14 @@ import { useStatusStore } from '@/stores/useStatusStore.ts';
  * 控制面板显示隐藏逻辑
  */
 export const useLayerControl = () => {
+  const statusStore = useStatusStore();
+  const leftLegendStore = useLeftLegendStore();
   /**
    * 点击显示医院
    */
   const clickHospital = () => {
     // 加载状态为true
-    useStatusStore().poiLayers.showHospital.loading = true;
+    statusStore.poiLayers.showHospital.loading = true;
   };
 
   /**
@@ -18,7 +20,7 @@ export const useLayerControl = () => {
    */
   const clickDangerousSource = () => {
     // 加载状态为true
-    useStatusStore().poiLayers.showDangerSource.loading = true;
+    statusStore.poiLayers.showDangerSource.loading = true;
   };
 
   /**
@@ -26,7 +28,7 @@ export const useLayerControl = () => {
    */
   const clickEmergencyShelter = () => {
     // 加载状态为true
-    useStatusStore().poiLayers.showRefugeeShelter.loading = true;
+    statusStore.poiLayers.showRefugeeShelter.loading = true;
   };
 
   /**
@@ -34,7 +36,7 @@ export const useLayerControl = () => {
    */
   const clickFireStation = () => {
     // 加载状态为true
-    useStatusStore().poiLayers.showFireStation.loading = true;
+    statusStore.poiLayers.showFireStation.loading = true;
   };
 
   /**
@@ -42,7 +44,7 @@ export const useLayerControl = () => {
    */
   const clickStorePoints = () => {
     // 加载状态为true
-    useStatusStore().poiLayers.showReservePoint.loading = true;
+    statusStore.poiLayers.showReservePoint.loading = true;
   };
 
   /**
@@ -50,7 +52,7 @@ export const useLayerControl = () => {
    */
   const clickSchool = () => {
     // 加载状态为true
-    useStatusStore().poiLayers.showSchool.loading = true;
+    statusStore.poiLayers.showSchool.loading = true;
   };
 
   /**
@@ -58,11 +60,11 @@ export const useLayerControl = () => {
    */
   const clickPopulationGrid = () => {
     // 加载状态为true
-    useStatusStore().poiLayers.showPopulationGrid.loading = true;
+    statusStore.poiLayers.showPopulationGrid.loading = true;
 
-    if (useStatusStore().poiLayers.showPopulationGrid.show) {
+    if (statusStore.poiLayers.showPopulationGrid.show) {
       // 添加图例
-      useLeftLegendStore().legendListInfo.population = {
+      leftLegendStore.legendListInfo.population = {
         title: '人口密度图例',
         list: [
           {
@@ -101,7 +103,7 @@ export const useLayerControl = () => {
       };
     } else {
       // 隐藏图例
-      delete useLeftLegendStore().legendListInfo.population;
+      delete leftLegendStore.legendListInfo.population;
     }
   };
 
@@ -109,96 +111,96 @@ export const useLayerControl = () => {
    * 显示管网
    */
   const clickWaterPipe = () => {
-    useStatusStore().infrastructureLayers.showNetworkSystem.loading = true;
+    statusStore.infrastructureLayers.showNetworkSystem.loading = true;
   };
 
   /**
    * 显示交通道路
    */
   const clickTrafficRoad = () => {
-    useStatusStore().infrastructureLayers.showTrafficRoad.loading = true;
+    statusStore.infrastructureLayers.showTrafficRoad.loading = true;
   };
 
   /**
    * 显示高速
    */
   const clickHighway = () => {
-    useStatusStore().infrastructureLayers.showHighway.loading = true;
+    statusStore.infrastructureLayers.showHighway.loading = true;
   };
   /**
    * 显示国道
    */
   const clickNationRoad = () => {
-    useStatusStore().infrastructureLayers.showMainRoad.loading = true;
+    statusStore.infrastructureLayers.showMainRoad.loading = true;
   };
   /**
    * 显示桥梁
    */
   const clickBridge = () => {
-    useStatusStore().infrastructureLayers.showBridge.loading = true;
+    statusStore.infrastructureLayers.showBridge.loading = true;
   };
 
   /**
    * 显示水库
    */
   const clickReservoir = () => {
-    useStatusStore().infrastructureLayers.showReservoir.loading = true;
+    statusStore.infrastructureLayers.showReservoir.loading = true;
   };
 
   /**
    * 显示地铁站点
    */
   const clickSubwayStation = () => {
-    useStatusStore().poiLayers.showSubwayStation.loading = true;
+    statusStore.poiLayers.showSubwayStation.loading = true;
   };
 
   /**
    * 显示滑坡隐患点
    */
   const clickLandslideHiddenPoint = () => {
-    useStatusStore().poiLayers.showLandslideHiddenPoint.loading = true;
+    statusStore.poiLayers.showLandslideHiddenPoint.loading = true;
   };
 
   /**
    * 显示泥石流隐患点
    */
   const clickDebrisFlowHiddenPoint = () => {
-    useStatusStore().poiLayers.showDebrisFlowHiddenPoint.loading = true;
+    statusStore.poiLayers.showDebrisFlowHiddenPoint.loading = true;
   };
 
   /**
    * 显示内涝隐患点
    */
   const clickWaterLoggingHiddenPoint = () => {
-    useStatusStore().poiLayers.showWaterLoggingHiddenPoint.loading = true;
+    statusStore.poiLayers.showWaterLoggingHiddenPoint.loading = true;
   };
 
   /**
    * 显示山洪隐患点
    */
   const clickFlashFloodHiddenPoint = () => {
-    useStatusStore().poiLayers.showFlashFloodHiddenPoint.loading = true;
+    statusStore.poiLayers.showFlashFloodHiddenPoint.loading = true;
   };
 
   /**
    * 显示风险点
    */
   const clickRiskPoint = () => {
-    useStatusStore().mapLayers.riskPointShow.loading = true;
+    statusStore.mapLayers.riskPointShow.loading = true;
   };
 
   /**
    * 显示断裂带
    */
   const clickFault = () => {
-    useStatusStore().mapLayers.faultShow.loading = true;
+    statusStore.mapLayers.faultShow.loading = true;
   };
 
   /**
    * 显示降雨栅格
    */
   const clickRainfallGrid = () => {
-    useStatusStore().weatherLayers.showRainfallGrid.loading = true;
+    statusStore.weatherLayers.showRainfallGrid.loading = true;
   };
 
   return {

src/hooks/rain-earthquake/useLeftHandle.ts

@@ -1,22 +1,23 @@
 import { useStatusStore } from '@/stores/useStatusStore';
 
 export const useLeftHandle = () => {
+  const statusStore = useStatusStore();
   /**
    * 周边分析
    */
   const clickAroundAnalysis = (status: unknown) => {
     // 如果选中，隐藏右侧按钮，取消选中则显示右侧按钮
     if (status as boolean) {
-      useStatusStore().uiComponents.rightButton.show = false;
+      statusStore.uiComponents.rightButton.show = false;
 
       // 加载周边分析
-      useStatusStore().functionStatus.aroundAnalysis.loading = true;
-      useStatusStore().functionStatus.aroundAnalysis.show = true;
+      statusStore.functionStatus.aroundAnalysis.loading = true;
+      statusStore.functionStatus.aroundAnalysis.show = true;
     } else {
-      useStatusStore().uiComponents.rightButton.show = true;
+      statusStore.uiComponents.rightButton.show = true;
 
       // 隐藏周边分析
-      useStatusStore().functionStatus.aroundAnalysis.show = false;
+      statusStore.functionStatus.aroundAnalysis.show = false;
     }
   };
   return {

src/hooks/rain-earthquake/useRightHandle.ts

@@ -6,6 +6,10 @@ import { useScene } from '../useScene';
 import { useRainstormDeduction } from '../rainstorm/useRainstormDeduction';
 
 export const useRightHandle = () => {
+  const statusStore = useStatusStore();
+  const leftLegendStore = useLeftLegendStore();
+  const scene = useScene();
+  const rainstormDeduction = useRainstormDeduction();
   /**
    * 暴雨模拟
    * @param status - 状态
@@ -13,23 +17,23 @@ export const useRightHandle = () => {
   const rainstormSimulation = (status: unknown) => {
     if (status as boolean) {
       // 显示步骤
-      useRainstormDeduction().showStep();
+      rainstormDeduction.showStep();
 
       // 开启暴雨模拟：显示降雨栅格图层
-      useStatusStore().weatherLayers.showRainfallGrid.loading = true;
-      useStatusStore().weatherLayers.showRainfallGrid.show = true;
+      statusStore.weatherLayers.showRainfallGrid.loading = true;
+      statusStore.weatherLayers.showRainfallGrid.show = true;
 
       // 添加图例
-      useRainstormDeduction().addLegend();
+      rainstormDeduction.addLegend();
     } else {
       // 关闭暴雨模拟：隐藏降雨栅格图层
-      useStatusStore().weatherLayers.showRainfallGrid.show = false;
+      statusStore.weatherLayers.showRainfallGrid.show = false;
 
       // 删除图例
-      delete useLeftLegendStore().legendListInfo.precipitation;
+      delete leftLegendStore.legendListInfo.precipitation;
 
       // 隐藏步骤条
-      useStatusStore().uiComponents.stepBar.show = false;
+      statusStore.uiComponents.stepBar.show = false;
     }
   };
 
@@ -38,9 +42,9 @@ export const useRightHandle = () => {
    */
   const resetScene = () => {
     CesiumUtilsSingleton.clearAllResources('custom');
-    useScene().resetScene();
+    scene.resetScene();
     // 隐藏加载
-    useStatusStore().appLoadingCompleted = true;
+    statusStore.appLoadingCompleted = true;
   };
 
   /**