From 28d402d2049d068b2c6d2868068cb6f50cb01098 Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Sat, 28 Feb 2026 11:20:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=EF=BC=9A=E9=87=8D=E5=86=99?=
 =?UTF-8?q?=E6=9C=AC=E5=9C=B0=E6=B8=85=E5=B1=8F=E9=80=BB=E8=BE=91=EF=BC=8C?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=20localStorage=20=E8=AE=B0=E5=BD=95=E6=8B=89?=
 =?UTF-8?q?=E5=8F=96=E6=B8=B8=E6=A0=87=EF=BC=8C=E9=81=BF=E5=85=8D=E8=BF=9B?=
 =?UTF-8?q?=E6=88=BF=E5=B8=A6=E5=8E=86=E5=8F=B2=E5=8A=9F=E8=83=BD=E5=AF=BC?=
 =?UTF-8?q?=E8=87=B4=E6=B8=85=E5=B1=8F=E5=A4=B1=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/chat/frame.blade.php          |  9 +++--
 .../views/chat/partials/input-bar.blade.php   |  2 +-
 .../views/chat/partials/scripts.blade.php     | 34 +++++++++++++++++++
 3 files changed, 42 insertions(+), 3 deletions(-)

diff --git a/resources/views/chat/frame.blade.php b/resources/views/chat/frame.blade.php
index 1a35a1d..270287b 100644
--- a/resources/views/chat/frame.blade.php
+++ b/resources/views/chat/frame.blade.php
@@ -108,11 +108,16 @@
         <script>
             document.addEventListener('DOMContentLoaded', () => {
                 const historyMsgs = @json($historyMessages);
+                const clearId = parseInt(localStorage.getItem(`local_clear_msg_id_{{ $room->id }}`) || '0', 10);
+
                 if (historyMsgs && historyMsgs.length > 0) {
                     // 全局函数 appendMessage 在 scripts.blade.php 中定义
                     historyMsgs.forEach(msg => {
-                        if (typeof window.appendMessage === 'function') {
-                            window.appendMessage(msg);
+                        // 如果开启了本地清屏，之前的历史记录不再显示
+                        if (msg.id > clearId) {
+                            if (typeof window.appendMessage === 'function') {
+                                window.appendMessage(msg);
+                            }
                         }
                     });
                 }
diff --git a/resources/views/chat/partials/input-bar.blade.php b/resources/views/chat/partials/input-bar.blade.php
index 13f7481..6217d43 100644
--- a/resources/views/chat/partials/input-bar.blade.php
+++ b/resources/views/chat/partials/input-bar.blade.php
@@ -105,7 +105,7 @@
                     下雪</button>
             @endif
 
-            <button type="button" onclick="location.reload()"
+            <button type="button" onclick="localClearScreen()"
                 style="font-size: 11px; padding: 1px 6px; background: #64748b; color: #fff; border: none; border-radius: 2px; cursor: pointer;">🔄
                 清屏</button>
         </div>
diff --git a/resources/views/chat/partials/scripts.blade.php b/resources/views/chat/partials/scripts.blade.php
index bfe84b4..4c6a0e1 100644
--- a/resources/views/chat/partials/scripts.blade.php
+++ b/resources/views/chat/partials/scripts.blade.php
@@ -209,6 +209,11 @@
      * 追加消息到聊天窗格（原版风格：非气泡模式，逐行显示）
      */
     function appendMessage(msg) {
+        // 记录拉取到的最大消息ID，用于本地清屏功能
+        if (msg && msg.id > _maxMsgId) {
+            _maxMsgId = msg.id;
+        }
+
         const isMe = msg.from_user === window.chatContext.username;
         const fontColor = msg.font_color || '#000000';
 
@@ -884,6 +889,35 @@
         }
     }
 
+    // ── 本地清屏（仅限自己的屏幕）───────────────────────────
+    let _maxMsgId = 0; // 记录当前收到的最大消息 ID
+
+    function localClearScreen() {
+        // 清理公聊窗口
+        const say1 = document.getElementById('chat-messages-container');
+        if (say1) say1.innerHTML = '';
+
+        // 清理包厢窗口
+        const say2 = document.getElementById('chat-messages-container2');
+        if (say2) say2.innerHTML = '';
+
+        // 将当前最大消息 ID 保存至本地，刷新时只显示大于此 ID 的历史记录
+        localStorage.setItem(`local_clear_msg_id_${window.chatContext.roomId}`, _maxMsgId);
+
+        // 插入清屏提示
+        const sysDiv = document.createElement('div');
+        sysDiv.className = 'msg-line';
+        const now = new Date();
+        const timeStr = now.getHours().toString().padStart(2, '0') + ':' + now.getMinutes().toString().padStart(2,
+            '0') + ':' + now.getSeconds().toString().padStart(2, '0');
+        sysDiv.innerHTML =
+            `<span style="color: #64748b; font-weight: bold;">🧹 您已执行本地清屏</span><span class="msg-time">(${timeStr})</span>`;
+        if (say1) {
+            say1.appendChild(sysDiv);
+            say1.scrollTop = say1.scrollHeight;
+        }
+    }
+
     // ── 滚屏开关 ─────────────────────────────────────
     function toggleAutoScroll() {
         autoScroll = !autoScroll;