From 66b719695c9eed9189e211f541543d17246ab917 Mon Sep 17 00:00:00 2001
From: Zzc <1373857752@qq.com>
Date: Fri, 28 Nov 2025 15:13:28 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E4=B8=BA=E5=8F=AF=E4=BC=B8?=
 =?UTF-8?q?=E7=BC=A9=E5=BC=B9=E7=AA=97=E6=96=B0=E5=A2=9E=E9=A2=9D=E5=A4=96?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=8F=92=E6=A7=BD=E5=B9=B6=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E5=8F=AF=E6=8A=98=E5=8F=A0=E9=9D=A2=E6=9D=BF=E8=BE=B9=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 `StretchableModal` 头部新增名为 `extraButtons` 的插槽，用于放置附加控制组件
- 确保 `StretchableModal` 始终渲染底部插槽（footer slot），移除条件显示逻辑
- 调整 `CollapsiblePanel` 的下边距（margin-bottom），使其仅在非最后一个子元素时生效，从而消除末尾的冗余空间
- 为额外按钮区域添加悬停发光效果样式
---
 .../components/shared/CollapsiblePanel.vue    |  4 +++-
 .../components/shared/StretchableModal.vue    | 19 ++++++++++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/CollapsiblePanel.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/CollapsiblePanel.vue
index 9b23d9d..9078bfa 100644
--- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/CollapsiblePanel.vue
+++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/CollapsiblePanel.vue
@@ -160,7 +160,9 @@ function onAfterLeave(el) {
 .collapsible-panel {
   display: flex;
   flex-direction: column;
-  margin-bottom: vh(17);
+  &:not(:last-child) {
+    margin-bottom: vh(17);
+  }
   border: 2px solid transparent; /* 防止 hover 时抖动 */
 
   &__header {
diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/StretchableModal.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/StretchableModal.vue
index bd43c70..d7731a8 100644
--- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/StretchableModal.vue
+++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/StretchableModal.vue
@@ -15,6 +15,9 @@
           <div class="stretchable-modal__header">
             <slot name="header">
               <h3 class="stretchable-modal__title">{{ title }}</h3>
+              <div class="stretchable-modal__extra">
+                <slot name="extraButtons"></slot>
+              </div>
             </slot>
             <button
               v-if="showClose"
@@ -36,7 +39,7 @@
           </div>
 
           <!-- 底部：大弹窗bottom切图.png -->
-          <div v-if="$slots.footer" class="stretchable-modal__footer">
+          <div class="stretchable-modal__footer">
             <slot name="footer"></slot>
           </div>
         </div>
@@ -212,6 +215,20 @@ onUnmounted(() => {
     margin: 0;
   }
 
+  &__extra {
+    position: absolute;
+    right: 125px;
+    top: 18px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    &:hover {
+    // border: 2px solid rgba(255, 80, 80, 0.6);
+    box-shadow: 0 0 10px rgba(255, 80, 80, 0.6), 0 0 20px rgba(255, 0, 0, 0.4),
+      0 0 35px rgba(255, 0, 0, 0.25);
+  }
+  }
+
   &__close {
     position: absolute;
     top: 34px;