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