From cf0ab0dca547ff04dad6e74210bee8de4ef1ed8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E4=BD=B3?= <3278303149@qq.com>
Date: Mon, 30 Mar 2026 15:36:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=A4=A7=E5=B1=8F=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=AD=97=E4=BD=93=E8=BE=B9=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RiskWarning/component/sectionHeader.vue   | 10 ++--
 .../screen/src/views/RiskWarning/index.vue    | 50 ++++++++++++++++++-
 .../screen/src/views/RiskWarning/left.vue     |  2 +-
 .../screen/src/views/RiskWarning/right.vue    |  2 +-
 4 files changed, 55 insertions(+), 9 deletions(-)

diff --git a/packages/screen/src/views/RiskWarning/component/sectionHeader.vue b/packages/screen/src/views/RiskWarning/component/sectionHeader.vue
index 1f163d9..f430da7 100644
--- a/packages/screen/src/views/RiskWarning/component/sectionHeader.vue
+++ b/packages/screen/src/views/RiskWarning/component/sectionHeader.vue
@@ -38,11 +38,11 @@ defineProps({
     gap: 8px;
 
     .title {
-      margin-left: 45px;
-      font-size: 18px;
-      font-weight: bold;
-      color: #fff;
-    }
+        margin-left: 35px;
+        font-size: 14px;
+        font-weight: bold;
+        color: #fff;
+      }
   }
 
   .header-right {
diff --git a/packages/screen/src/views/RiskWarning/index.vue b/packages/screen/src/views/RiskWarning/index.vue
index cfb66c2..ae24629 100644
--- a/packages/screen/src/views/RiskWarning/index.vue
+++ b/packages/screen/src/views/RiskWarning/index.vue
@@ -75,6 +75,7 @@
 
     <div class="left">
       <left
+        @openImpactDetail="openDialog('impactPoint')"
         @openWarningInfo="openDialog('warningInfo')"
         @openImpactPoint="openDialog('impactPoint')"
         @openWarningSituation="openDialog('warningSituation')"
@@ -92,7 +93,13 @@
     </div>
     <!-- 地图中心 -->
     <div class="center">
-      <MapCenter />
+      <!-- 地图底层 -->
+      <div class="map-layer">
+        <!-- <MapCenter /> -->
+      </div>
+
+      <!-- 地图遮罩层 -->
+      <div class="map-mask" aria-hidden="true"></div>
     </div>
     <div class="bottom">
       <bottom></bottom>
@@ -230,7 +237,9 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
+import useMapStore from '@/map/stores/mapStore'
+import { useMapBase } from '../cockpit/composables/useMapBase'
 import left from "./left.vue";
 import right from "./right.vue";
 import bottom from "./bottom.vue";
@@ -307,6 +316,25 @@ const openConfirm = (config) => {
 
 // 中心信息卡片显示状态
 const showCenterCard = ref(false);
+
+// ==================== 地图状态管理 ====================
+
+const mapStore = useMapStore()
+
+/**
+ * 加载地图的业务底图与聚焦中心点
+ */
+const mapBase = useMapBase(mapStore)
+
+// ==================== 生命周期 ====================
+
+/**
+ * 组件挂载后初始化地图
+ */
+onMounted(() => {
+  // 加载地图业务底图 并 聚焦中心点
+  mapBase.loadBaseData()
+})
 </script>
 
 <style lang="scss" scoped>
@@ -407,6 +435,24 @@ const showCenterCard = ref(false);
   z-index: -1;
 }
 
+/* 地图底层 - 填满整个容器 */
+.map-layer {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  /* 不设置 pointer-events，让地图保持可交互 */
+}
+
+/* 地图遮罩层 - 覆盖在地图之上 */
+.map-mask {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  pointer-events: none;
+  /* 不阻挡交互 */
+  background: url(../../assets/RiskWarning_img/遮罩层.png) no-repeat center/cover;
+}
+
 // 四个角的装饰
 .corner {
   position: absolute;
diff --git a/packages/screen/src/views/RiskWarning/left.vue b/packages/screen/src/views/RiskWarning/left.vue
index 898727a..f00786e 100644
--- a/packages/screen/src/views/RiskWarning/left.vue
+++ b/packages/screen/src/views/RiskWarning/left.vue
@@ -372,7 +372,7 @@ const cellStyle = () => ({
       }
 
       .title {
-        font-size: vw(16);
+        font-size: vw(12);
         font-weight: bold;
         color: #fff;
       }
diff --git a/packages/screen/src/views/RiskWarning/right.vue b/packages/screen/src/views/RiskWarning/right.vue
index ba93f7f..6e3ec76 100644
--- a/packages/screen/src/views/RiskWarning/right.vue
+++ b/packages/screen/src/views/RiskWarning/right.vue
@@ -342,7 +342,7 @@ const majorEvent = "0";
     }
 
     .title {
-      font-size: vw(16);
+      font-size: vw(12);
       font-weight: bold;
       color: #fff;
     }