From 0d2b9b27d00fccad98483ca08ee65b10f7ae4ec8 Mon Sep 17 00:00:00 2001
From: Zzc <1373857752@qq.com>
Date: Thu, 20 Nov 2025 18:08:24 +0800
Subject: [PATCH] =?UTF-8?q?feat(screen):=20=E4=B8=BA=E5=9C=B0=E5=9B=BE?=
 =?UTF-8?q?=E5=B7=A5=E5=85=B7=E6=8F=90=E7=A4=BA=E6=B7=BB=E5=8A=A0=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=A7=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

为 MapTooltip 组件添加一个新的操作区域，用于显示“连线”和“联动”等交互式按钮。包含相应的 CSS 样式，用于布局和视觉分隔。
---
 .../components/shared/MapTooltip.vue          | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/MapTooltip.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/MapTooltip.vue
index a0505d5..ca7ff3d 100644
--- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/MapTooltip.vue
+++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/MapTooltip.vue
@@ -94,6 +94,11 @@
           <div class="map-tooltip__content">
             <slot />
           </div>
+
+          <!-- 操作按钮区域 -->
+          <div v-if="$slots.actions" class="map-tooltip__actions">
+            <slot name="actions" />
+          </div>
         </div>
       </div>
     </div>
@@ -280,8 +285,8 @@ const handleClose = () => {
  */
 .map-tooltip__corner {
   position: absolute;
-  width: vw(20);
-  height: vw(20); // 使用 vw 保持正方形
+  // width: vw(20);
+  // height: vw(20); // 使用 vw 保持正方形
   pointer-events: none; // 装饰元素不响应鼠标事件
   z-index: 1; // 确保显示在背景之上
 
@@ -431,6 +436,19 @@ const handleClose = () => {
   gap: vh(6);
 }
 
+/**
+ * 操作按钮区域
+ * 用于显示"连线"、"联动"等交互按钮
+ */
+.map-tooltip__actions {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: vh(16);
+  padding-top: vh(12);
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
 /**
  * 淡入淡出动画
  * 结合缩放效果，提升视觉体验