From 406dafd64f5f233205e9397aa34597dccb84bbe7 Mon Sep 17 00:00:00 2001
From: kicer <kicer@foresh.com>
Date: Tue, 28 Jul 2026 20:08:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8D=95=E5=87=BB=E6=89=93=E5=BC=80=E8=81=8A?=
 =?UTF-8?q?=E5=A4=A9=E8=AE=B0=E5=BD=95=E6=B6=88=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 server/public/index.html |  8 ++++----
 server/public/js/chat.js | 31 ++++++++++++++++++++++---------
 2 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/server/public/index.html b/server/public/index.html
index 215d065..2faf408 100644
--- a/server/public/index.html
+++ b/server/public/index.html
@@ -102,7 +102,7 @@
         </div>
 
         <!-- 弹窗 -->
-        <div id="create-modal" class="modal-overlay hidden">
+        <div id="create-modal" class="modal-overlay hidden" onclick="if(event.target===this)closeCreateModal()">
             <div class="modal">
                 <button class="modal-close-btn" onclick="closeCreateModal()">
                     <svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
@@ -114,7 +114,7 @@
             </div>
         </div>
 
-        <div id="manage-modal" class="modal-overlay hidden">
+        <div id="manage-modal" class="modal-overlay hidden" onclick="if(event.target===this)closeManageModal()">
             <div class="modal">
                 <button class="modal-close-btn" onclick="closeManageModal()">
                     <svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
@@ -128,7 +128,7 @@
         </div>
 
         <!-- 采购汇总弹窗 -->
-        <div id="summary-modal" class="modal-overlay hidden">
+        <div id="summary-modal" class="modal-overlay hidden" onclick="if(event.target===this)closeSummaryModal()">
             <div class="modal">
                 <button class="modal-close-btn" onclick="closeSummaryModal()">
                     <svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
@@ -139,7 +139,7 @@
         </div>
 
         <!-- 采购详情编辑弹窗 -->
-        <div id="detail-modal" class="modal-overlay hidden">
+        <div id="detail-modal" class="modal-overlay hidden" onclick="if(event.target===this)closeDetailModal()">
             <div class="modal detail-modal">
                 <div class="detail-header">
                     <input type="text" id="edit-item" class="detail-title-input" placeholder="物品名称">
diff --git a/server/public/js/chat.js b/server/public/js/chat.js
index 4f9d5f4..5ad4c34 100644
--- a/server/public/js/chat.js
+++ b/server/public/js/chat.js
@@ -88,23 +88,23 @@ function replaceMessage(msgId, newMsg) {
 
 function scrollToBottom() { messagesContainer.scrollTop = messagesContainer.scrollHeight; }
 
-// 图片/气泡双击
+// 图片/气泡单击
 function bindMessageEvents() {
   document.querySelectorAll('.msg-img').forEach(img => {
-    img.removeEventListener('dblclick', onImageDblClick);
-    img.addEventListener('dblclick', onImageDblClick);
+    img.removeEventListener('click', onImageClick);
+    img.addEventListener('click', onImageClick);
   });
   document.querySelectorAll('.msg-bubble').forEach(bubble => {
-    bubble.removeEventListener('dblclick', onBubbleDblClick);
-    bubble.addEventListener('dblclick', onBubbleDblClick);
+    bubble.removeEventListener('click', onBubbleClick);
+    bubble.addEventListener('click', onBubbleClick);
   });
 }
 
-function onImageDblClick(e) {
+function onImageClick(e) {
   e.stopPropagation();
   const overlay = document.createElement('div');
   overlay.className = 'fullscreen-overlay';
-  overlay.innerHTML = `<img src="${e.target.src}" alt="">`;
+  overlay.innerHTML = '<img src="' + e.target.src + '" alt="">';
   overlay.addEventListener('click', () => overlay.remove());
   document.body.appendChild(overlay);
 }
@@ -112,12 +112,25 @@ function onImageDblClick(e) {
 function onImgThumbDblClick(img) {
   const overlay = document.createElement('div');
   overlay.className = 'fullscreen-overlay';
-  overlay.innerHTML = `<img src="${img.src}" style="max-width:100%;max-height:100%;object-fit:contain" alt="">`;
+  overlay.innerHTML = '<img src="' + img.src + '" style="max-width:100%;max-height:100%;object-fit:contain" alt="" id="fs-img">';
   overlay.addEventListener('click', () => overlay.remove());
   document.body.appendChild(overlay);
+  var fsImg = overlay.querySelector('#fs-img');
+  var pressTimer;
+  fsImg.addEventListener('touchstart', function() {
+    pressTimer = setTimeout(function() {
+      var a = document.createElement('a');
+      a.href = fsImg.src;
+      a.download = fsImg.src.split('/').pop().split('?')[0] || 'image.jpg';
+      a.click();
+      clearTimeout(pressTimer);
+    }, 800);
+  });
+  fsImg.addEventListener('touchend', function() { clearTimeout(pressTimer); });
+  fsImg.addEventListener('touchmove', function() { clearTimeout(pressTimer); });
 }
 
-function onBubbleDblClick(e) {
+function onBubbleClick(e) {
   e.stopPropagation();
   const bubble = e.currentTarget;
   const clone = bubble.cloneNode(true);