From fd4678da513cc4aced4281fe65eff9452f7ae82b Mon Sep 17 00:00:00 2001
From: wzy-warehouse <18135009705@163.com>
Date: Thu, 23 Apr 2026 09:13:02 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=9A=90=E8=97=8F?=
 =?UTF-8?q?=E8=A1=8C=E6=94=BF=E5=8C=BA=E5=88=92=E3=80=81=E5=B7=A6=E4=BE=A7?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E3=80=81=E6=8E=A7=E5=88=B6=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/map/AdministrativeDivision.vue      | 15 ++++++++++++++-
 .../rain-earthquake/ControlShowComponent.vue      |  6 +++++-
 .../rain-earthquake/LeftButtonComponent.vue       |  1 +
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/component/map/AdministrativeDivision.vue b/src/component/map/AdministrativeDivision.vue
index 6a23dcb..64ad336 100644
--- a/src/component/map/AdministrativeDivision.vue
+++ b/src/component/map/AdministrativeDivision.vue
@@ -6,10 +6,11 @@
 <script lang="ts" setup>
   import { useAdministrativeDivision } from '@/hooks/map/useAdministrativeDivision';
   import { useLoadingResourceStore } from '@/stores/useLoadingResourceStore';
+  import { useStatusStore } from '@/stores/useStatusStore';
   import { LoadingResource } from '@/types/common/LoadingResourceType';
   import { CesiumUtilsSingleton } from '@/utils/cesium/CesiumUtils';
   import { Color } from 'cesium';
-  import { onMounted } from 'vue';
+  import { onMounted, watch } from 'vue';
 
   // 配置参数
   const { areas, areasId, areasColor, areaTransparency, labelTransparency } =
@@ -49,6 +50,18 @@
       areasId
     );
   });
+
+  // 监听显示状态改变
+  watch(
+    () => useStatusStore().mapLayers.showAdministrativeDivision.show,
+    (newValue: boolean) => {
+      if (newValue) {
+        CesiumUtilsSingleton.batchShowGeoJsonLayers(areasId);
+      } else {
+        CesiumUtilsSingleton.batchHideGeoJsonLayers(areasId);
+      }
+    }
+  );
 </script>
 
 <style scoped></style>
diff --git a/src/component/rain-earthquake/ControlShowComponent.vue b/src/component/rain-earthquake/ControlShowComponent.vue
index 16a74d8..7c60536 100644
--- a/src/component/rain-earthquake/ControlShowComponent.vue
+++ b/src/component/rain-earthquake/ControlShowComponent.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="control-show-panel-box">
+  <div
+    class="control-show-panel-box"
+    v-show="useStatusStore().uiComponents.controlPanel.show"
+  >
     <div class="title-box">
       <header>控制显示</header>
     </div>
@@ -20,6 +23,7 @@
 
 <script lang="ts" setup>
   import { useLoadingInformationStore } from '@/stores/useLoadingInformation.ts';
+  import { useStatusStore } from '@/stores/useStatusStore';
 
   defineProps<{
     constrolShowList: {
diff --git a/src/component/rain-earthquake/LeftButtonComponent.vue b/src/component/rain-earthquake/LeftButtonComponent.vue
index a431c61..14e1975 100644
--- a/src/component/rain-earthquake/LeftButtonComponent.vue
+++ b/src/component/rain-earthquake/LeftButtonComponent.vue
@@ -1,5 +1,6 @@
 <template>
   <div
+    v-show="useStatusStore().uiComponents.leftButton.show"
     class="left-button-box"
     :style="{
       left: `${useStatusStore().uiComponents.disasterChainPointShow.show ? 575 : 100}px`,

From 6fabf4a68d95363d8f30305c4bbb71f9b9c80448 Mon Sep 17 00:00:00 2001
From: wzy-warehouse <18135009705@163.com>
Date: Thu, 23 Apr 2026 09:27:59 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=8F=98=E4=B8=BA?=
 =?UTF-8?q?=E5=93=8D=E5=BA=94=E5=BC=8F=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/rainstorm/useRainDisasterChain.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/hooks/rainstorm/useRainDisasterChain.ts b/src/hooks/rainstorm/useRainDisasterChain.ts
index 4977d3b..dfc961d 100644
--- a/src/hooks/rainstorm/useRainDisasterChain.ts
+++ b/src/hooks/rainstorm/useRainDisasterChain.ts
@@ -31,12 +31,12 @@ export const useRainDisasterChain = () => {
   /**
    * 下拉选项
    */
-  const selectOptions = [
+  const selectOptions = ref([
     { value: PointType.LANDSLIDE, label: '滑坡' },
     { value: PointType.DEBRIS_FLOW, label: '泥石流' },
     { value: PointType.FLASH_FLOOD, label: '山洪' },
     { value: PointType.WATER_LOGGING, label: '内涝' },
-  ];
+  ]);
 
   /**
    * 表格数据
@@ -46,12 +46,12 @@ export const useRainDisasterChain = () => {
   /**
    * 表头配置
    */
-  const tableColumns = [
+  const tableColumns = ref([
     { title: '名称', key: 'disasterName' },
     { title: '位置', key: 'position' },
     { title: '规模等级', key: 'scaleGrade' },
     { title: '险情等级', key: 'riskGrade' },
-  ];
+  ]);
 
   /**
    * 分页配置

From 68e8c8746ec896b99341b14406bc9f2f56a3bde1 Mon Sep 17 00:00:00 2001
From: wzy-warehouse <18135009705@163.com>
Date: Thu, 23 Apr 2026 15:56:59 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E6=A0=87=E5=87=86=E5=8C=96=E5=A4=84?=
 =?UTF-8?q?=E7=90=86=E6=96=B9=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/rainstorm/useRainDisasterChain.ts | 11 ++++++++++-
 src/views/home/rainstorm/RainstormView.vue  | 11 -----------
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/hooks/rainstorm/useRainDisasterChain.ts b/src/hooks/rainstorm/useRainDisasterChain.ts
index dfc961d..49ebac0 100644
--- a/src/hooks/rainstorm/useRainDisasterChain.ts
+++ b/src/hooks/rainstorm/useRainDisasterChain.ts
@@ -1,4 +1,4 @@
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
 import type { XianHiddenDangerSpots } from '@/types/base/XianHiddenDangerSpots';
 import type { PaginationType } from '@/types/common/PaginationType';
 import { PointType } from '@/types/common/DisasterType';
@@ -305,6 +305,15 @@ export const useRainDisasterChain = () => {
     ];
   };
 
+  // 监听条件变化
+  watch(
+    conditions,
+    () => {
+      console.log('条件改变');
+    },
+    { deep: true }
+  );
+
   return {
     conditions,
     selectOptions,
diff --git a/src/views/home/rainstorm/RainstormView.vue b/src/views/home/rainstorm/RainstormView.vue
index 71807d9..c24d05c 100644
--- a/src/views/home/rainstorm/RainstormView.vue
+++ b/src/views/home/rainstorm/RainstormView.vue
@@ -71,13 +71,11 @@
   import { useRainDisasterChain } from '@/hooks/rainstorm/useRainDisasterChain';
   import { useStatusStore } from '@/stores/useStatusStore';
   import { DisasterType } from '@/types/common/DisasterType.ts';
-  import { watch } from 'vue';
   import { useRoute } from 'vue-router';
 
   const route = useRoute();
 
   const {
-    conditions,
     selectOptions,
     tableDatas,
     tableColumns,
@@ -89,15 +87,6 @@
     changeConditions,
     changeCurrentPage,
   } = useRainDisasterChain();
-
-  // 监听条件变化
-  watch(
-    conditions,
-    () => {
-      console.log('条件改变');
-    },
-    { deep: true }
-  );
 </script>
 
 <style scoped></style>