From 457cc6cf166d3b6c22be4f78c1db8802a7fbb4c7 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期一, 07 四月 2025 17:53:19 +0800
Subject: [PATCH] DigitalHuman
---
src/components/chat/assistant/index.vue | 140 +++++++++++++++++++++++++++++++---------------
1 files changed, 95 insertions(+), 45 deletions(-)
diff --git a/src/components/chat/assistant/index.vue b/src/components/chat/assistant/index.vue
index b118e03..ebc0bb4 100644
--- a/src/components/chat/assistant/index.vue
+++ b/src/components/chat/assistant/index.vue
@@ -20,8 +20,9 @@
<template v-if="msg.content.type === AnswerType.Report">
<template v-if="msg?.stepGroup?.length > 0">
<div v-for="(num, index) in msg?.stepGroup?.length" :key="index">
+ <!-- 鎰忓浘鍒嗘瀽鍙睍绀虹涓�涓紝鍚庣画鐨� stepGroup 閮芥槸绌虹殑锛岀敤浜庡惊鐜嚭缁勪欢 -->
<!-- #region ====================== 鎰忓浘鍒嗘瀽 ======================-->
- <div class="flex flex-col" v-if="msg?.stepGroup?.[index]?.value?.length > 0">
+ <div class="flex flex-col" v-if="msg?.stepGroup?.[index]?.value?.length > 0 && index === 0">
<!-- #region ====================== 鎰忓浘鍒嗘瀽 ======================-->
<div class="flex items-center">
<span class="mr-2">鎰忓浘鍒嗘瀽锛�</span>
@@ -44,42 +45,52 @@
<!-- #endregion -->
<!-- #region ====================== 杩囩▼杈撳嚭 ======================-->
- <el-steps v-show="msg?.stepGroup?.[index].isShow" class="mt-3" direction="vertical">
- <el-step
- :key="`template-${stepIndex}`"
- v-for="(subItem, stepIndex) in msg?.stepGroup?.[index].value"
- :title="subItem.title"
- :status="stepEnumMap[subItem.status]"
- >
- <template #icon v-if="stepIndex + 1 === msg?.stepGroup?.[index].value.length && isTalking && isLast">
- <span class="ywifont ywicon-loading1 animate-spin !text-[24px]"></span>
- </template>
- <template #title>
- <span class="">
- {{ subItem.title }}
-
- <span v-if="subItem.ms" class="text-green-600">{{ `锛�${subItem.ms}锛塦 }}</span></span
+ <div class="mt-3 step-list max-h-[500px] overflow-y-auto bg-gray-100" ref="stepListRef">
+ <el-steps v-show="msg?.stepGroup?.[index].isShow" class="mt-3" direction="vertical">
+ <el-step
+ :key="`template-${stepIndex}`"
+ v-for="(subItem, stepIndex) in msg?.stepGroup?.[index].value"
+ :title="subItem.title"
+ :status="stepEnumMap[subItem.status]"
+ >
+ <template
+ #icon
+ v-if="
+ stepIndex + 1 === msg?.stepGroup?.[index].value.length &&
+ isTalking &&
+ isLast &&
+ (subItem.finishLoading === false || subItem.finishLoading === undefined)
+ "
>
- </template>
-
- <template #description v-if="subItem?.subStep?.length > 0">
- <div class="my-1 flex flex-col gap-1 text-[14px]">
- <div
- :key="`${msg.historyId}-${stepIndex + 1}-${multiChatIndex + 1}`"
- v-for="(multiChatItem, multiChatIndex) in subItem.subStep"
+ <span class="ywifont ywicon-loading1 animate-spin !text-[24px]"></span>
+ </template>
+ <template #title>
+ <span class="">
+ <span v-html="renderMd(subItem.title ?? '')"></span>
+ <span v-if="subItem.ms" class="text-green-600">{{ `锛�${subItem.ms}锛塦 }}</span></span
>
- <component
- :order="`${stepIndex + 1}-${multiChatIndex + 1}`"
- :item="multiChatItem"
- :is="multiChatTypeMapCom[multiChatItem.type]"
- @change="multiChatChange"
- :disabled="!(stepIndex + 1 === msg?.stepGroup?.[index].value.length && isTalking && isLast)"
- />
+ </template>
+
+ <template #description v-if="subItem?.subStep?.length > 0">
+ <div class="my-1 flex flex-col gap-1 text-[14px]">
+ <div
+ :key="`${msg.historyId}-${stepIndex + 1}-${multiChatIndex + 1}`"
+ v-for="(multiChatItem, multiChatIndex) in subItem.subStep"
+ >
+ <component
+ :order="`${stepIndex + 1}-${multiChatIndex + 1}`"
+ :item="multiChatItem"
+ :is="multiChatTypeMapCom[multiChatItem.type]"
+ @change="multiChatChange"
+ :disabled="!(stepIndex + 1 === msg?.stepGroup?.[index].value.length && isTalking && isLast)"
+ />
+ </div>
</div>
- </div>
- </template>
- </el-step>
- </el-steps>
+ </template>
+ </el-step>
+ </el-steps>
+ </div>
+
<!-- #endregion -->
</div>
<!-- #endregion -->
@@ -87,7 +98,7 @@
涓轰簡瑙ｅ喅杩欎釜闂锛岀瓑鍒� msg.historyId 瀛樺湪鏃讹紝鍐嶆覆鏌� recordSetTable
-->
<component
- v-if="msg.content?.values?.[index] && msg.historyId && msg.content?.errCode !== ErrorCode.Message"
+ v-if="msg.content?.values?.[index]"
:reportIndex="index"
:conclusion="msg.content.values[index].conclusion"
:is="answerTypeMapCom[msg.content.values[index].content.type]"
@@ -98,7 +109,7 @@
/>
</div>
</template>
- <p v-else class="text-info">鏆傛棤鍐呭锛岃閲嶈瘯</p>
+ <p v-else-if="msg.content?.errCode !== ErrorCode.Message" class="text-info">鏆傛棤鍐呭锛岃閲嶈瘯</p>
</template>
<component
v-else
@@ -109,6 +120,8 @@
:originData="msg"
:isTalking="isTalking && isLast"
/>
+ <CreateWorkOrder v-if="msg?.modeContent?.mode === 'create_work_order'" :data="msg?.modeContent" />
+
<!-- #endregion -->
<!-- </template> -->
<!-- #region ====================== 鎶ラ敊淇℃伅 ======================-->
@@ -138,21 +151,33 @@
<!-- #region ====================== 鍋滄 ======================-->
<span v-if="msg.isStopMsg && msg?.role === RoleEnum.assistant" class="text-gray-400 text-[12px]">锛堝凡鍋滄锛�</span>
<!-- parseContent 杩斿洖涓� null -->
- <p v-if="!msg.content && !isTalking && !msg.isStopMsg" class="text-red-500">鏆傛棤鏁版嵁</p>
+ <p v-if="!msg.content && !isTalking && !msg.isStopMsg && msg.content?.errCode !== ErrorCode.Message" class="text-red-500">
+ 鏆傛棤鏁版嵁
+ </p>
<!-- #endregion -->
<!-- #endregion -->
</div>
<!-- #region ====================== ai 娑堟伅鎿嶄綔 ======================-->
- <div
- v-if="msg.role === RoleEnum.assistant && msg.content?.values && !isSharePage"
- class="absolute flex items-center right-0 mr-4 mt-2 space-x-2"
- >
- <div
- class="flex items-center justify-center size-[15px]"
- v-if="msg.content?.type === AnswerType.Text || msg.content?.type === AnswerType.Knowledge"
- >
+ <div v-if="msg.content?.values && !isSharePage" class="absolute flex items-center right-0 mr-4 mt-2 space-x-2">
+ <div class="flex items-center justify-center size-[15px]" v-if="checkIsText(msg)">
<i class="p-2 ywifont ywicon-copy cursor-pointer hover:text-[#0284ff] hover:!text-[18px]" @click="copyClick(msg)" />
</div>
+ <el-tooltip v-if="checkIsText(msg)" effect="dark" :content="isItemSpeaking(msg) ? '鏆傚仠鏈楄' : '璇煶鏈楄'" placement="top">
+ <div v-if="isItemSpeaking(msg)" class="cursor-pointer flex items-center space-x-[1px]" @click="speechClick(msg)">
+ <div class="w-[2px] h-[6px] bg-[#0284ff] animate-[soundWave_1.5s_ease-in-out_infinite]"></div>
+ <div class="w-[2px] h-[9px] bg-[#0284ff] animate-[soundWave_1.5s_ease-in-out_infinite_0.1s]"></div>
+ <div class="w-[2px] h-[12px] bg-[#0284ff] animate-[soundWave_1.5s_ease-in-out_infinite_0.2s]"></div>
+ <div class="w-[2px] h-[9px] bg-[#0284ff] animate-[soundWave_1.5s_ease-in-out_infinite_0.3s]"></div>
+ <div class="w-[2px] h-[6px] bg-[#0284ff] animate-[soundWave_1.5s_ease-in-out_infinite_0.4s]"></div>
+ </div>
+
+ <div v-else class="flex items-center justify-center size-[15px]">
+ <i
+ class="p-2 ywifont ywicon-shengyin cursor-pointer hover:text-[#0284ff] font-medium hover:!text-[18px]"
+ @click="speechClick(msg)"
+ />
+ </div>
+ </el-tooltip>
<template v-if="msg.content.errCode !== ErrorCode.Message">
<el-tooltip effect="dark" content="鐐硅禐" placement="top">
<div class="flex items-center justify-center size-[15px]">
@@ -206,6 +231,16 @@
</el-tooltip>
</div>
<!-- #endregion -->
+
+ <div class="absolute flex items-center left-18 mt-2 space-x-2 pb-7">
+ <div
+ v-if="isTalking && isLast"
+ class="text-blue-400 cursor-pointer z-20 py-2 px-2 border border-solid border-blue-400 hover:text-blue-500 hover:border-blue-500 rounded-lg hover:bg-[#ebeffa]"
+ @click="stopGenClick"
+ >
+ 鍋滄杈撳嚭
+ </div>
+ </div>
</div>
</div>
</div>
@@ -216,6 +251,7 @@
import type { PropType } from 'vue';
import { useAssistantContentOpt } from '../hooks/useAssistantContentOpt';
import type { ChatContent } from '../model/types';
+import CreateWorkOrder from '../modeComponents/CreateWorkOrder.vue';
import {
AnswerState,
AnswerType,
@@ -232,6 +268,11 @@
import { isSharePage } from '/@/stores/chatRoom';
import { ErrorCode } from '/@/utils/request';
import { question_stream_reply } from '/@/api/ai/chat';
+import { md } from '/@/components/chat/libs/markdown';
+
+const renderMd = (text: string) => {
+ return md.render(text ?? '');
+};
const props = defineProps({
/** @description 褰撳墠娑堟伅 */
@@ -254,10 +295,15 @@
const emit = defineEmits({
sendChatMessage: (content: ChatContent) => true,
shareMsg: (msg: ChatMessage) => true,
+ stopGenClick: () => true,
});
const sendChatMessage = (content: ChatContent) => {
emit('sendChatMessage', content);
+};
+
+const stopGenClick = () => {
+ emit('stopGenClick');
};
//#region ====================== 姝ラ step ======================
@@ -281,6 +327,10 @@
feedbackClick,
fixQuestionClick,
showFixQuestion,
+ speechClick,
+
+ isItemSpeaking,
+ checkIsText,
} = useAssistantContentOpt({
sendChatMessage,
});
--
Gitblit v1.9.3