From 7123d361a4c217ea55fc40243d8ea0d8fd2b5c74 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Tue, 31 Mar 2026 14:00:27 +0800
Subject: [PATCH] =?UTF-8?q?bugfix:=20=E5=9B=BE=E7=89=87=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/agent/components/Agent.vue   | 18 ++++++++++++++----
 src/views/home/agent/components/Preview.vue | 18 +++++++-----------
 2 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/src/views/home/agent/components/Agent.vue b/src/views/home/agent/components/Agent.vue
index 7033d44..482f141 100644
--- a/src/views/home/agent/components/Agent.vue
+++ b/src/views/home/agent/components/Agent.vue
@@ -345,9 +345,21 @@
 
 							if (hasSketch) {
 								hasSketchEvent = true
-								sketchList.value.push({
-									[Object.keys(jsonData)[0]]: jsonData[Object.keys(jsonData)[0]]
+								console.log('当前sketchList',sketchList.value);
+								console.log('当前收到的sketch',jsonData,typeof jsonData);
+								// Object.keys(jsonData).forEach((key) => {
+								// 	sketchList.value.push(jsonData[key])
+								// })
+								Object.keys(jsonData).forEach((key) => {
+									if (!sketchList.value.some((item) => item[key])) {
+										sketchList.value.push({
+											[key]: jsonData[key]
+										})
+									}
 								})
+								// sketchList.value.push({
+								// 	[Object.keys(jsonData)[0]]: jsonData[Object.keys(jsonData)[0]]
+								// })
 								// 通知 Preview 有新 sketch 正在加载，传入 sketch 索引
 								MyEvent.emit('loading-sketch', sketchList.value.length - 1)
 								MyEvent.emit('OpenSketch')
@@ -377,7 +389,6 @@
 								}
 							}
 							if (jsonData.type === 'end') {
-								console.log('end------hasSketch', hasSketch)
 								aiMessage.streaming = false
 								aiMessage.loading = false
 								isGenerating.value = false
@@ -387,7 +398,6 @@
 						} catch (e) {
 							// 检查是否为纯文本 [DONE]
 							if (jsonText.trim() === '[DONE]') {
-								console.log('done-----------hasSketch', hasSketch)
 
 								console.log('结束-----------------------')
 								aiMessage.text = contentBody
diff --git a/src/views/home/agent/components/Preview.vue b/src/views/home/agent/components/Preview.vue
index 8a25baf..23426a9 100644
--- a/src/views/home/agent/components/Preview.vue
+++ b/src/views/home/agent/components/Preview.vue
@@ -45,14 +45,13 @@
 				</div>
 				<!-- 已加载完成的 sketch 显示实际图片 -->
 				<img
-					v-show="!pendingSketchIndexes.includes(index)"
 					v-img-loading="getImageSrc(item, index)"
 					@load="handleImageLoad(index)"
 				/>
 				<!-- 正在加载的 sketch 显示 loading gif overlay -->
-				<div v-if="pendingSketchIndexes.includes(index)" class="loading-wrapper">
+				<!-- <div v-if="pendingSketchIndexes.includes(index)" class="loading-wrapper">
 					<img src="@/assets/images/sketch-loading.gif" alt="loading" />
-				</div>
+				</div> -->
 			</div>
 		</template>
 		<template v-else-if="type === 'url'">
@@ -119,8 +118,7 @@
 	// 存储每个图片的加载状态
 	const loadedStatus = ref<boolean[]>([])
 
-	// 存储正在加载的 sketch 索引
-	const pendingSketchIndexes = ref<number[]>([])
+	
 
 	const props = withDefaults(
 		defineProps<{
@@ -138,7 +136,7 @@
 		() => {
 			// 当 sketchList 变化时，重置加载状态
 			loadedStatus.value = new Array(combineSketchList.value.length).fill(false)
-			pendingSketchIndexes.value = []
+			// pendingSketchIndexes.value = []
 		}
 	)
 
@@ -210,12 +208,10 @@
 	// 图片加载完成时触发
 	const handleImageLoad = (index: number) => {
 		loadedStatus.value[index] = true
-		pendingSketchIndexes.value = pendingSketchIndexes.value.filter((i) => i !== index)
 	}
 
 	// 图片加载失败时触发
 	const handleImageError = (index: number) => {
-		pendingSketchIndexes.value = pendingSketchIndexes.value.filter((i) => i !== index)
 		console.error(`Failed to load sketch at index ${index}`)
 	}
 
@@ -272,9 +268,9 @@
 	const handleLoadingSketch = (sketchIndex?: number) => {
 		showLoading.value = true
 		// 记录正在加载的 sketch 索引
-		if (sketchIndex !== undefined) {
-			pendingSketchIndexes.value.push(sketchIndex)
-		}
+		// if (sketchIndex !== undefined) {
+		// 	pendingSketchIndexes.value.push(sketchIndex)
+		// }
 	}
 
 	const handleClickUrl = (item: { url: string; title: string }) => {