From 72fbdbbd66794aeeb0dce747f761b5fb838f7f23 Mon Sep 17 00:00:00 2001
From: imeepos <imeepos@sker.com>
Date: Thu, 31 Jul 2025 15:45:25 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E5=89=8D=E7=AB=AF=E7=A9=BF=E6=90=AD?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E7=94=9F=E6=88=90=E8=AE=B0=E5=BD=95=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=98=BE=E7=A4=BA=20ComfyUI=20=E4=BB=BB=E5=8A=A1ID?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 OutfitPhotoGenerationHistory 组件的记录列表中显示 comfyui_prompt_id
- 在详情模态框中添加 ComfyUI 任务ID 字段显示
- 在 OutfitImageGallery 组件的网格视图和列表视图中显示任务ID
- 使用 font-mono 和背景色突出显示任务ID，便于识别和调试
- 为批量任务进度更新问题的调试提供可视化支持
---
 apps/desktop/src/components/OutfitImageGallery.tsx | 14 +++++++++++++-
 .../outfit/OutfitPhotoGenerationHistory.tsx        | 13 +++++++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/apps/desktop/src/components/OutfitImageGallery.tsx b/apps/desktop/src/components/OutfitImageGallery.tsx
index 59da5bf..be0ec65 100644
--- a/apps/desktop/src/components/OutfitImageGallery.tsx
+++ b/apps/desktop/src/components/OutfitImageGallery.tsx
@@ -462,13 +462,20 @@ export const OutfitImageGallery: React.FC<OutfitImageGalleryProps> = ({
 
                 {/* 统计信息 */}
                 <div className="mt-4 pt-4 border-t border-gray-100">
-                  <div className="flex items-center justify-between text-xs text-gray-500">
+                  <div className="flex items-center justify-between text-xs text-gray-500 mb-2">
                     <span>商品图片: {record.product_images.length}</span>
                     <span>生成图片: {record.outfit_images.length}</span>
                     {record.duration_ms && (
                       <span>耗时: {formatDuration(record.duration_ms)}</span>
                     )}
                   </div>
+                  {record.comfyui_prompt_id && (
+                    <div className="text-xs text-gray-500">
+                      <span className="font-mono bg-gray-100 px-2 py-1 rounded">
+                        任务ID: {record.comfyui_prompt_id}
+                      </span>
+                    </div>
+                  )}
                 </div>
               </div>
             </div>
@@ -509,6 +516,11 @@ export const OutfitImageGallery: React.FC<OutfitImageGalleryProps> = ({
                       {record.status === OutfitImageStatus.Processing && (
                         <span>进度: {Math.round(record.progress * 100)}%</span>
                       )}
+                      {record.comfyui_prompt_id && (
+                        <span className="font-mono bg-gray-100 px-2 py-1 rounded">
+                          任务ID: {record.comfyui_prompt_id}
+                        </span>
+                      )}
                     </div>
                   </div>
 
diff --git a/apps/desktop/src/components/outfit/OutfitPhotoGenerationHistory.tsx b/apps/desktop/src/components/outfit/OutfitPhotoGenerationHistory.tsx
index d43c9a3..09562e6 100644
--- a/apps/desktop/src/components/outfit/OutfitPhotoGenerationHistory.tsx
+++ b/apps/desktop/src/components/outfit/OutfitPhotoGenerationHistory.tsx
@@ -290,6 +290,11 @@ export const OutfitPhotoGenerationHistory: React.FC<OutfitPhotoGenerationHistory
                       {record.product_image_path && (
                         <span>商品图片: {record.product_image_path.split('/').pop()}</span>
                       )}
+                      {record.comfyui_prompt_id && (
+                        <span className="font-mono bg-gray-100 px-2 py-1 rounded">
+                          任务ID: {record.comfyui_prompt_id}
+                        </span>
+                      )}
                     </div>
                   </div>
                   
@@ -374,6 +379,14 @@ export const OutfitPhotoGenerationHistory: React.FC<OutfitPhotoGenerationHistory
                   <span className="ml-2 text-gray-600">{formatDuration(selectedRecord.generation_time_ms)}</span>
                 </div>
               )}
+              {selectedRecord.comfyui_prompt_id && (
+                <div className="col-span-2">
+                  <span className="font-medium text-gray-700">ComfyUI 任务ID:</span>
+                  <span className="ml-2 text-gray-600 font-mono bg-gray-100 px-2 py-1 rounded text-xs">
+                    {selectedRecord.comfyui_prompt_id}
+                  </span>
+                </div>
+              )}
             </div>
             
             <div>