From 1301fd3825df635a01c5e8b553323963ff220bee Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Tue, 14 Apr 2026 09:34:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20sketch=E8=87=AA=E5=8A=A8=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8=E5=88=B0=E5=BA=95=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/views/home/agent/components/Agent.vue b/src/views/home/agent/components/Agent.vue
index e2d6465..40fdc23 100644
--- a/src/views/home/agent/components/Agent.vue
+++ b/src/views/home/agent/components/Agent.vue
@@ -226,9 +226,9 @@
 				...params,
 				// configParams: JSON.stringify(params.configParams)
 				configParams: JSON.stringify({
-					type: params.configParams.type||'',
-					region: params.configParams.region||'',
-					style: params.configParams.style||'',
+					type: params.configParams.type || '',
+					region: params.configParams.region || '',
+					style: params.configParams.style || '',
 					temperature: params.configParams.temperature
 				})
 			})
@@ -236,7 +236,8 @@
 
 			const response = await fetch(`${BASEURL}${chatUrl}?${urlParams.toString()}`, {
 				method: 'GET',
-				signal: abortController.signal
+				signal: abortController.signal,
+				keepalive: true
 			})
 
 			// 检查响应内容类型，判断是否为流式响应
@@ -680,7 +681,7 @@
 
 		Object.entries(newData).forEach(([key, value]) => {
 			if (!existingKeys.has(key)) {
-				targetArr.unshift({ [key]: value })
+				targetArr.push({ [key]: value })
 				existingKeys.add(key)
 			}
 		})
diff --git a/src/views/home/agent/components/Preview.vue b/src/views/home/agent/components/Preview.vue
index 158f983..70dfabf 100644
--- a/src/views/home/agent/components/Preview.vue
+++ b/src/views/home/agent/components/Preview.vue
@@ -1,5 +1,6 @@
 <template>
 	<div
+		ref="containerRef"
 		class="preview-container flex"
 		:class="type === 'sketch' ? 'sketch-preview' : 'report-preview'"
 	>
@@ -93,7 +94,7 @@
 </template>
 
 <script setup lang="ts">
-	import { ref, reactive, onMounted, onUnmounted, watch, computed } from 'vue'
+	import { ref, reactive, onMounted, onUnmounted, watch, computed, nextTick } from 'vue'
 	import { deleteSketchFlowCanvas } from '@/api/flow-canvas'
 	import { useProjectStore } from '@/stores'
 	import { useI18n } from 'vue-i18n'
@@ -114,6 +115,7 @@
 
 	// 存储每个图片的加载状态
 	const loadedStatus = ref<boolean[]>([])
+	const containerRef = ref<HTMLElement>()
 
 	const props = withDefaults(
 		defineProps<{
@@ -131,7 +133,12 @@
 		() => {
 			// 当 sketchList 变化时，重置加载状态
 			loadedStatus.value = new Array(combineSketchList.value.length).fill(false)
-			// pendingSketchIndexes.value = []
+			// 当 type 为 sketch 时，自动滚动到最底部
+			if (props.type === 'sketch') {
+				nextTick(() => {
+					containerRef.value?.scrollTo({ top: containerRef.value.scrollHeight, behavior: 'smooth' })
+				})
+			}
 		}
 	)