From 7866aa30bd13dab1fc0662e1baf6675d0dc1b282 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期三, 02 四月 2025 15:42:30 +0800
Subject: [PATCH] 修改意见
---
src/components/chat/assistant/index.vue | 115 +++++++++++++++++++++++++++++++++++++--------------------
1 files changed, 75 insertions(+), 40 deletions(-)
diff --git a/src/components/chat/assistant/index.vue b/src/components/chat/assistant/index.vue
index 9f2c290..b8845d5 100644
--- a/src/components/chat/assistant/index.vue
+++ b/src/components/chat/assistant/index.vue
@@ -45,43 +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&&(subItem.finishLoading===false || subItem.finishLoading===undefined)">
- <span class="ywifont ywicon-loading1 animate-spin !text-[24px]"></span>
- </template>
- <template #title>
- <span class="">
- <span v-html="md.render(subItem.title)"></span>
-
- <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" 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 -->
@@ -89,7 +98,7 @@
涓轰簡瑙ｅ喅杩欎釜闂锛岀瓑鍒� msg.historyId 瀛樺湪鏃讹紝鍐嶆覆鏌� recordSetTable
-->
<component
- v-if="msg.content?.values?.[index] && 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]"
@@ -111,6 +120,8 @@
:originData="msg"
:isTalking="isTalking && isLast"
/>
+ <CreateWorkOrder v-if="msg?.modeContent?.mode === 'create_work_order'" :data="msg?.modeContent" />
+
<!-- #endregion -->
<!-- </template> -->
<!-- #region ====================== 鎶ラ敊淇℃伅 ======================-->
@@ -140,18 +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 && msg.content?.errCode !== ErrorCode.Message" 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.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 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]">
@@ -225,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,
@@ -242,6 +269,10 @@
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 褰撳墠娑堟伅 */
@@ -296,6 +327,10 @@
feedbackClick,
fixQuestionClick,
showFixQuestion,
+ speechClick,
+
+ isItemSpeaking,
+ checkIsText,
} = useAssistantContentOpt({
sendChatMessage,
});
--
Gitblit v1.9.3