From 994b237ea4cbf27b1729b165dc82ec8c700f80a2 Mon Sep 17 00:00:00 2001
From: Zzc <1373857752@qq.com>
Date: Tue, 25 Nov 2025 14:44:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(3d-situational-awareness):=20=E4=B8=BA?=
 =?UTF-8?q?=E5=8F=AF=E6=8A=98=E5=8F=A0=E9=9D=A2=E6=9D=BF=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E7=82=B9=E5=87=BB=E5=A4=84=E7=90=86=E7=A8=8B?=
 =?UTF-8?q?=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

为 CollapsiblePanel 组件添加一个新的“title-click”事件，以允许父组件处理面板标题的点击。在 LeftPanel 中实现此功能，以便在点击“快速匹配”面板标题时触发“force-preset-toggle”事件。
---
 .../components/LeftPanel/index.vue               | 16 ++++++++++++++--
 .../components/shared/CollapsiblePanel.vue       | 10 +++++++---
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/index.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/index.vue
index f1ee671..a4662f1 100644
--- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/index.vue
+++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/index.vue
@@ -13,7 +13,11 @@
         <DisasterAnalysis />
       </CollapsiblePanel>
 
-      <CollapsiblePanel title="快速匹配" subtitle="「力量预置」">
+      <CollapsiblePanel
+        title="快速匹配"
+        subtitle="「力量预置」"
+        @title-click="handleForcePresetToggle"
+      >
         <ForcePreset />
       </CollapsiblePanel>
 
@@ -110,7 +114,7 @@ const handleCloseVideoModal = () => {
 }
 
 // 定义对外事件
-const emit = defineEmits(['start-dispatch', 'view-plan'])
+const emit = defineEmits(['start-dispatch', 'view-plan', 'force-preset-toggle'])
 
 /**
  * 处理力量调度启动事件，向上传递给父组件
@@ -125,6 +129,14 @@ const handleStartDispatch = (payload) => {
 const handleViewPlan = (plan) => {
   emit('view-plan', plan)
 }
+
+/**
+ * 处理快速匹配面板标题点击事件
+ */
+const handleForcePresetToggle = () => {
+  console.log('[LeftPanel] 快速匹配标题被点击')
+  emit('force-preset-toggle')
+}
 </script>
 
 <style scoped lang="scss">
diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/CollapsiblePanel.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/CollapsiblePanel.vue
index 7b28b25..b07fa56 100644
--- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/CollapsiblePanel.vue
+++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/CollapsiblePanel.vue
@@ -2,8 +2,7 @@
   <section class="collapsible-panel" :class="{ 'collapsible-panel--collapsed': isCollapsed }">
     <div
       class="collapsible-panel__header"
-      :class="{ 'collapsible-panel__header--clickable': collapsible }"
-      @click="collapsible && toggle()"
+      @click="handleHeaderClick"
     >
       <PanelHeader :title="title" :subtitle="subtitle">
         <template #title-icon>
@@ -85,7 +84,7 @@ const props = defineProps({
   }
 })
 
-const emit = defineEmits(['update:collapsed', 'toggle'])
+const emit = defineEmits(['update:collapsed', 'toggle', 'title-click'])
 
 // 判断是否受控组件
 const isControlled = computed(() => props.collapsed !== undefined)
@@ -108,6 +107,11 @@ const isCollapsed = computed({
   }
 })
 
+// 处理标题点击事件
+function handleHeaderClick() {
+  emit('title-click')
+}
+
 // 切换收起/展开
 function toggle() {
   if (!props.collapsible) return