From da2ecdc224c111ec77b6e388544866d475c9031c Mon Sep 17 00:00:00 2001
From: admin <572701190@qq.com>
Date: Sun, 19 Apr 2026 03:23:49 +0800
Subject: [PATCH] =?UTF-8?q?fix(editor):=20chatInput=E8=8D=89=E7=A8=BF?=
 =?UTF-8?q?=E6=81=A2=E5=A4=8D=20+=20AI=E8=AF=B7=E6=B1=82content=E6=9D=A1?=
 =?UTF-8?q?=E4=BB=B6=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 草稿恢复分支增加chatInput恢复，避免路由切换后聊天输入框内容丢失
- handleAIGenerate中messageContent改为条件判断：无图片时发送string，有图片时发送vision数组，修复Kimi文本模型400 Bad Request
---
 src/pages/ReportEditor.tsx | 31 ++++++++++++++++++++++---------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/pages/ReportEditor.tsx b/src/pages/ReportEditor.tsx
index 8e01979..9f1c06a 100644
--- a/src/pages/ReportEditor.tsx
+++ b/src/pages/ReportEditor.tsx
@@ -77,6 +77,10 @@ export default function ReportEditor() {
     stateRef.current.chatMessages = chatMessages;
   }, [chatMessages]);
 
+  useEffect(() => {
+    stateRef.current.chatInput = chatInput;
+  }, [chatInput]);
+
   useEffect(() => {
     if (!editorRef.current) return;
     const allFields = editorRef.current.querySelectorAll('.field-value');
@@ -122,7 +126,7 @@ export default function ReportEditor() {
   const videoInputRef = useRef<HTMLInputElement>(null);
   const contentLoadedRef = useRef(false);
   const contentRef = useRef('');
-  const stateRef = useRef({ reportData, videos, capturedFrames, activeTab, loadedTemplateId, chatMessages });
+  const stateRef = useRef({ reportData, videos, capturedFrames, activeTab, loadedTemplateId, chatMessages, chatInput });
 
   const draftKey = currentUser ? `reportEditorDraft_${currentUser.username}` : '';
 
@@ -148,7 +152,8 @@ export default function ReportEditor() {
         capturedFrames: stateRef.current.capturedFrames,
         activeTab: stateRef.current.activeTab,
         loadedTemplateId: stateRef.current.loadedTemplateId,
-        chatMessages: stateRef.current.chatMessages
+        chatMessages: stateRef.current.chatMessages,
+        chatInput: stateRef.current.chatInput
       });
     }
   }, [reportId]);
@@ -193,13 +198,15 @@ export default function ReportEditor() {
         }
         if (draft.activeTab) setActiveTab(draft.activeTab);
         if (draft.chatMessages) setChatMessages(draft.chatMessages);
+        if (typeof draft.chatInput === 'string') setChatInput(draft.chatInput);
         stateRef.current = {
           ...stateRef.current,
           reportData: draft.reportData,
           videos: draft.videos,
           capturedFrames: draft.capturedFrames,
           loadedTemplateId: draft.loadedTemplateId || '',
-          chatMessages: draft.chatMessages || []
+          chatMessages: draft.chatMessages || [],
+          chatInput: draft.chatInput || ''
         };
         if (editorRef.current && typeof draft.content === 'string' && draft.content.trim().length > 0) {
           editorRef.current.innerHTML = draft.content;
@@ -869,17 +876,22 @@ export default function ReportEditor() {
       }
       const targetRegionEl = editorRef.current?.querySelector(`.ai-region[data-ai-id="${aiTargetRegion}"] .ai-content`) as HTMLElement | null;
       const currentHtml = targetRegionEl ? targetRegionEl.innerHTML : '';
-      const messageContent: any[] = [];
+      let messageContent: any;
       const selectedFrameUrls = aiSelectedFrames.map(id => capturedFrames.find(f => f.id === id)?.dataUrl).filter(Boolean);
       const allImages = [...selectedFrameUrls, ...aiUploadedImages.map(i => i.dataUrl)];
-      allImages.forEach(url => {
-        messageContent.push({ type: 'image_url', image_url: { url } });
-      });
       let promptText = `【医生指令】: ${text}`;
       if (aiModifyEnabled && targetRegionEl) {
         promptText = `【当前区域 HTML 源码】:\n${currentHtml}\n\n${promptText}`;
       }
-      messageContent.push({ type: 'text', text: promptText });
+      if (allImages.length > 0) {
+        messageContent = [];
+        allImages.forEach(url => {
+          messageContent.push({ type: 'image_url', image_url: { url } });
+        });
+        messageContent.push({ type: 'text', text: promptText });
+      } else {
+        messageContent = promptText;
+      }
       const systemPrompt = aiModifyEnabled && targetRegionEl
         ? '你是一名专业的外科医生助理。你需要根据用户的指令及可能提供的截图，修改给定的 HTML 源码。\n重要指令：你必须严格返回合法的 JSON 对象，绝对不要包含任何 Markdown 标记（如 ```json）。\nJSON 格式如下：\n{ "reply": "简短的回复话术", "updatedHtml": "修改后的完整内部 HTML 代码" }'
         : '你是一名专业的外科医生助理。请根据用户的指令和截图进行分析解答。\n重要指令：你必须严格返回合法的 JSON 对象，绝对不要包含任何 Markdown 标记。\nJSON 格式如下：\n{ "reply": "你的分析和回答" }';
@@ -1160,7 +1172,8 @@ export default function ReportEditor() {
           videos: draft.videos,
           capturedFrames: draft.capturedFrames,
           loadedTemplateId: draft.loadedTemplateId || '',
-          chatMessages: draft.chatMessages || []
+          chatMessages: draft.chatMessages || [],
+          chatInput: draft.chatInput || ''
         };
         setTimeout(() => updatePageHeight(), 0);
         return;