From 8572e2e0c1655f1cf2a71da6b80ce132cbf545e6 Mon Sep 17 00:00:00 2001
From: gerson <1405270578@qq.com>
Date: 星期日, 09 二月 2025 21:13:14 +0800
Subject: [PATCH] 主题设置问题

---
 src/components/chat/Chat.vue |   70 ++++++++++++++++++++++------------
 1 files changed, 45 insertions(+), 25 deletions(-)

diff --git a/src/components/chat/Chat.vue b/src/components/chat/Chat.vue
index 1247ef7..410008a 100644
--- a/src/components/chat/Chat.vue
+++ b/src/components/chat/Chat.vue
@@ -21,17 +21,20 @@
 
 		<!-- 杈撳叆鍖哄煙 -->
 		<template #input-area>
-			<PlayBar
-				ref="playBarRef"
-				v-model:voicePageIsShow="voicePageIsShow"
-				:isTalking="isTalking"
-				:isHome="false"
-				:msgList="computedMessageList"
-				v-model="messageContent.values"
-				@sendClick="sendClick"
-				@stopGenClick="stopGenClick"
-				:style="{ width: chatWidth }"
-			/>
+			<div class="w-full">
+				<PlayBar
+					ref="playBarRef"
+					v-model:voicePageIsShow="voicePageIsShow"
+					:isTalking="isTalking"
+					:isHome="false"
+					:msgList="computedMessageList"
+					v-model="messageContent.values"
+					@sendClick="sendClick"
+					@stopGenClick="stopGenClick"
+					:style="{ width: chatWidth }"
+					class="mx-auto"
+				/>
+			</div>
 		</template>
 
 		<!-- 鎶藉眽 -->
@@ -47,7 +50,7 @@
 import axios from 'axios';
 import { orderBy } from 'lodash-es';
 import moment from 'moment';
-import { computed, onActivated, onMounted, ref } from 'vue';
+import { computed, nextTick, onActivated, onMounted, ref } from 'vue';
 import { loadAmisSource } from '../amis/load';
 import { useScrollLoad } from './hooks/useScrollLoad';
 import type { ChatContent } from './model/types';
@@ -56,7 +59,7 @@
 import PlayBar from '/@/components/chat/components/playBar/PlayBar.vue';
 import CustomDrawer from '/@/components/drawer/CustomDrawer.vue';
 import { Logger } from '/@/model/logger/Logger';
-
+import { triggerRef } from 'vue';
 import { ElMessage } from 'element-plus';
 import ChatContainer from './components/ChatContainer.vue';
 import ShareLinkDlg from './components/shareLink/index.vue';
@@ -78,7 +81,9 @@
 import { useSyncMsg } from './hooks/useSyncMsg';
 const containerRef = useCompRef(ChatContainer);
 const chatListDom = computed(() => containerRef.value?.chatListDom);
-
+const scrollToBottom = () => {
+	containerRef.value?.scrollToBottom();
+};
 const { loadReplyData, parseContent, parseExtraContent, convertProcessItem, convertProcessToStep, formatShowTimeYear } = useLoadData();
 const voicePageIsShow = ref(false);
 let isTalking = ref(false);
@@ -100,6 +105,15 @@
 const preQuestion = ref(null);
 
 let lastAxiosSource: CancelTokenSource = null;
+
+// 閫氳繃淇敼 isTalking 鏉ヨЕ鍙戞洿鏂�
+const triggerRefresh = () => {
+	isTalking.value = !isTalking.value;
+
+	nextTick(() => {
+		isTalking.value = !isTalking.value;
+	});
+};
 const questionAi = async (text) => {
 	let judgeParams = null;
 	if (!preQuestion.value) {
@@ -148,7 +162,6 @@
 		};
 		const checkReportEmpty = () => {
 			const isEmpty = !questionRes?.reports || questionRes?.reports?.length === 0;
-
 			return isEmpty;
 		};
 		questionStreamByPost(
@@ -159,15 +172,15 @@
 				if (chunkRes.mode === 'result') {
 					lastIsResult = true;
 					const res = chunkRes.value;
-
 					if (checkReportEmpty()) {
 						const resReport = getResReport();
 						resReport.reports.push(res);
 						questionRes = resReport;
+						// resReport.reports = resReport.reports.concat([]);
 						resolve(resReport);
 					} else {
 						const lastMsg = computedMessageList.value.at(-1);
-
+						// lastMsg.content.values = lastMsg.content.values.concat([]);
 						// 宸茬粡瑙f瀽杩囦竴娆� reports
 						lastMsg.content.values.push({
 							content: parseContent(res, true, {
@@ -175,6 +188,7 @@
 							}),
 						});
 					}
+					triggerRefresh();
 					return;
 					// chunkRes.value = '鍑嗗鏁版嵁鍒嗘瀽';
 				}
@@ -264,9 +278,13 @@
 					return;
 				}
 
-				// 鏆傛椂涓嶈�冭檻澶氫釜 report鎯呭喌
+				// 鏆傛椂涓嶈�冭檻澶氫釜 report 鎯呭喌
 
 				// if (lastIsResult && chunkRes.mode !== 'finish') {
+				// 	const lastTow = computedMessageList.value.at(-1);
+				// 	lastTow.stepGroup.at(-1).value.at(-1).finishLoading = true;
+				// 	// lastTow.content.values = lastTow.content.values.concat([]);
+
 				// 	// 寮�濮嬪鍔犳柊鐨� stepGroup
 				// 	computedMessageList.value.at(-1).stepGroup.push({
 				// 		value: [],
@@ -281,7 +299,6 @@
 				if (chunkRes.mode === 'finish') {
 					stepList.at(-1).ms = ms;
 					isTalking.value = false;
-
 					return;
 				}
 
@@ -396,9 +413,7 @@
 
 	try {
 		const [userItem, assistantItem] = addChatItem(content);
-
 		resMsgContent = await questionAi(content.values);
-
 		updateLoadIndex();
 
 		userItem.historyId = questionRes?.history_id;
@@ -427,9 +442,17 @@
 	loadReplyData,
 });
 useSyncMsg({
-	msgList: computedMessageList,
+	msgList: messageList,
 	updateLoadIndex,
 	historyGroupId: currentRouteId,
+	checkCanSync: (data) => {
+		return !isTalking.value && !moreIsLoading.value;
+	},
+	showTip: (data) => {
+		playBarRef.value.showSyncTip(data);
+	},
+	loadReplyData,
+	scrollToBottom,
 });
 const chatListLoading = ref(true);
 
@@ -443,9 +466,6 @@
 		values: activeChatRoom.value?.title,
 	};
 	sendChatMessage();
-};
-const scrollToBottom = () => {
-	containerRef.value?.scrollToBottom();
 };
 
 const initHistoryChat = () => {

--
Gitblit v1.9.3