重构(chat): 聊天室 Partials 第二阶段分类拆分及修复红包弹窗隐藏 Bug

- 完成对 scripts.blade.php 中非核心业务逻辑（钓鱼游戏、AI机器人、系统全局公告）的深度抽象隔离 - 修复抢红包逻辑中 setInterval 缺失时间参数（1000）引发浏览器前端主线程挂起的重度阻塞问题 - 修复 lottery-panel 组件结尾漏写 </div> 导致的连锁级渲染树崩溃（该崩溃导致红包节点被意外当作隐藏后代节点渲染，造成彻底不可见） - 对相关模板规范代码结构，执行 Laravel Pint 格式化并提交
2026-03-09 11:30:11 +08:00
parent 28d9f9ee96
commit bfb1a3bca4
24 changed files with 2806 additions and 2601 deletions
@@ -0,0 +1,89 @@
+<script>
+    // ── AI 聊天机器人 ──────────────────────────────────
+    let chatBotSending = false;
+
+    /**
+     * 发送消息给 AI 机器人
+     * 先在包厢窗口显示用户消息，再调用 API 获取回复
+     */
+    async function sendToChatBot(content) {
+        if (chatBotSending) {
+            window.chatDialog.alert('AI 正在思考中，请稍候...', '提示', '#336699');
+            return;
+        }
+        chatBotSending = true;
+
+        // 显示"思考中"提示
+        // 延迟显示"思考中"，让广播消息先到达
+        const thinkDiv = document.createElement('div');
+        thinkDiv.className = 'msg-line';
+        thinkDiv.innerHTML = '<span style="color: #16a34a;">🤖 <b>AI小班长</b> 正在思考中...</span>';
+        setTimeout(() => {
+            container2.appendChild(thinkDiv);
+            if (autoScroll) container2.scrollTop = container2.scrollHeight;
+        }, 500);
+
+        try {
+            const res = await fetch(window.chatContext.chatBotUrl, {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute(
+                        'content'),
+                    'Content-Type': 'application/json',
+                    'Accept': 'application/json'
+                },
+                body: JSON.stringify({
+                    message: content,
+                    room_id: window.chatContext.roomId
+                })
+            });
+
+            const data = await res.json();
+
+            // 移除"思考中"提示（消息已通过广播显示）
+            thinkDiv.remove();
+
+            if (!res.ok || data.status !== 'success') {
+                const errDiv = document.createElement('div');
+                errDiv.className = 'msg-line';
+                errDiv.innerHTML =
+                    `<span style="color: #dc2626;">🤖【AI小班长】${data.message || '回复失败，请稍后重试'}</span>`;
+                container.appendChild(errDiv);
+            }
+        } catch (e) {
+            thinkDiv.remove();
+            const errDiv = document.createElement('div');
+            errDiv.className = 'msg-line';
+            errDiv.innerHTML = '<span style="color: #dc2626;">🤖【AI小班长】网络连接错误，请稍后重试</span>';
+            container.appendChild(errDiv);
+        }
+
+        chatBotSending = false;
+        scrollToBottom();
+    }
+
+    /**
+     * 清除与 AI 小助手的对话上下文
+     */
+    async function clearChatBotContext() {
+        try {
+            const res = await fetch(window.chatContext.chatBotClearUrl, {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute(
+                        'content'),
+                    'Accept': 'application/json'
+                }
+            });
+            const data = await res.json();
+
+            const sysDiv = document.createElement('div');
+            sysDiv.className = 'msg-line';
+            sysDiv.innerHTML = '<span style="color: #16a34a;">🤖【系统】' + (data.message || '对话已重置') + '</span>';
+            container2.appendChild(sysDiv);
+            if (autoScroll) container2.scrollTop = container2.scrollHeight;
+        } catch (e) {
+            window.chatDialog.alert('清除失败：' + e.message, '操作失败', '#cc4444');
+        }
+    }
+</script>