From 33a3e5d1187a5d68ecbe07bbff51a1d87cadf136 Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Sun, 12 Apr 2026 16:24:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=89=B9=E6=95=88=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chat/partials/layout/input-bar.blade.php  | 34 +++++++++------
 .../views/chat/partials/scripts.blade.php     | 41 +++++++++++++++++++
 2 files changed, 62 insertions(+), 13 deletions(-)

diff --git a/resources/views/chat/partials/layout/input-bar.blade.php b/resources/views/chat/partials/layout/input-bar.blade.php
index 7c6858b..66ebc5f 100644
--- a/resources/views/chat/partials/layout/input-bar.blade.php
+++ b/resources/views/chat/partials/layout/input-bar.blade.php
@@ -133,19 +133,27 @@ $welcomeMessages = [
                 <button type="button" onclick="openAdminBaccaratLossCoverModal()"
                     style="font-size: 11px; padding: 1px 6px; background: linear-gradient(135deg, #15803d, #22c55e); color: #fff; border: none; border-radius: 2px; cursor: pointer; font-weight: bold;">🎁
                     买单活动</button>
-                {{-- 全屏特效按钮组（仅管理员可见） --}}
-                <button type="button" onclick="triggerEffect('fireworks')" title="全屏烟花"
-                    style="font-size: 11px; padding: 1px 6px; background: #ea580c; color: #fff; border: none; border-radius: 2px; cursor: pointer;">🎆
-                    烟花</button>
-                <button type="button" onclick="triggerEffect('rain')" title="全屏下雨"
-                    style="font-size: 11px; padding: 1px 6px; background: #2563eb; color: #fff; border: none; border-radius: 2px; cursor: pointer;">🌧️
-                    下雨</button>
-                <button type="button" onclick="triggerEffect('lightning')" title="全屏雷电"
-                    style="font-size: 11px; padding: 1px 6px; background: #7c3aed; color: #fff; border: none; border-radius: 2px; cursor: pointer;">⚡
-                    雷电</button>
-                <button type="button" onclick="triggerEffect('snow')" title="全屏下雪"
-                    style="font-size: 11px; padding: 1px 6px; background: #0891b2; color: #fff; border: none; border-radius: 2px; cursor: pointer;">❄️
-                    下雪</button>
+                {{-- 全屏特效整合按钮（仅管理员可见） --}}
+                <div style="position:relative;display:inline-block;" id="effect-btn-wrap">
+                    <button type="button" onclick="toggleEffectMenu(event)"
+                        style="font-size:11px;padding:1px 6px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border:none;border-radius:2px;cursor:pointer;font-weight:bold;">
+                        ✨ 特效
+                    </button>
+                    <div id="effect-menu"
+                        style="display:none;position:absolute;bottom:calc(100% + 6px);left:0;z-index:10020;min-width:186px;padding:8px;background:#fff7ed;border:1px solid #fdba74;border-radius:8px;box-shadow:0 10px 24px rgba(15,23,42,.18);">
+                        <div style="font-size:11px;font-weight:bold;color:#9a3412;padding:0 2px 6px;">选择要播放的特效</div>
+                        <div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;">
+                            <button type="button" onclick="selectEffect('fireworks')"
+                                style="font-size:11px;padding:6px 8px;background:#fff;color:#ea580c;border:1px solid #fdba74;border-radius:6px;cursor:pointer;">🎆 烟花</button>
+                            <button type="button" onclick="selectEffect('rain')"
+                                style="font-size:11px;padding:6px 8px;background:#fff;color:#2563eb;border:1px solid #93c5fd;border-radius:6px;cursor:pointer;">🌧️ 下雨</button>
+                            <button type="button" onclick="selectEffect('lightning')"
+                                style="font-size:11px;padding:6px 8px;background:#fff;color:#7c3aed;border:1px solid #c4b5fd;border-radius:6px;cursor:pointer;">⚡ 雷电</button>
+                            <button type="button" onclick="selectEffect('snow')"
+                                style="font-size:11px;padding:6px 8px;background:#fff;color:#0891b2;border:1px solid #bae6fd;border-radius:6px;cursor:pointer;">❄️ 下雪</button>
+                        </div>
+                    </div>
+                </div>
             @endif
 
             <button type="button" onclick="localClearScreen()"
diff --git a/resources/views/chat/partials/scripts.blade.php b/resources/views/chat/partials/scripts.blade.php
index bcb82cd..c6abb2a 100644
--- a/resources/views/chat/partials/scripts.blade.php
+++ b/resources/views/chat/partials/scripts.blade.php
@@ -315,12 +315,46 @@
     function toggleWelcomeMenu(event) {
         event.stopPropagation();
         const menu = document.getElementById('welcome-menu');
+        const effectMenu = document.getElementById('effect-menu');
         if (!menu) {
             return;
         }
+        if (effectMenu) {
+            effectMenu.style.display = 'none';
+        }
         menu.style.display = menu.style.display === 'none' ? 'block' : 'none';
     }
 
+    /**
+     * 切换顶部特效菜单的显示状态。
+     */
+    function toggleEffectMenu(event) {
+        event.stopPropagation();
+        const menu = document.getElementById('effect-menu');
+        const welcomeMenu = document.getElementById('welcome-menu');
+        if (!menu) {
+            return;
+        }
+        if (welcomeMenu) {
+            welcomeMenu.style.display = 'none';
+        }
+        menu.style.display = menu.style.display === 'none' ? 'block' : 'none';
+    }
+
+    /**
+     * 选择特效后关闭菜单，并沿用原有管理员特效触发逻辑。
+     *
+     * @param {string} type 特效类型
+     */
+    function selectEffect(type) {
+        const menu = document.getElementById('effect-menu');
+        if (menu) {
+            menu.style.display = 'none';
+        }
+
+        triggerEffect(type);
+    }
+
     /**
      * 将选中的欢迎语模板填入输入框，{name} 替换为当前选中的聊天对象，
      * 并在前面加上「部门 职务 姓名：」前缀，然后自动发送
@@ -367,6 +401,11 @@
         if (menu) {
             menu.style.display = 'none';
         }
+
+        const effectMenu = document.getElementById('effect-menu');
+        if (effectMenu) {
+            effectMenu.style.display = 'none';
+        }
     });
 
     // ── 动作选择 ──────────────────────────────────────
@@ -1274,6 +1313,8 @@
             if (data.status !== 'success') window.chatDialog.alert(data.message, '操作失败', '#cc4444');
         }).catch(err => console.error('特效触发失败:', err));
     }
+    window.toggleEffectMenu = toggleEffectMenu;
+    window.selectEffect = selectEffect;
     window.triggerEffect = triggerEffect;
 
     // ── 字号设置（持久化到 localStorage）─────────────────