From d5ef0fe419c0b3a83c3c73a63fb54353572a8103 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期二, 01 四月 2025 17:48:37 +0800
Subject: [PATCH] 修改布局
---
src/components/chat/assistant/index.vue | 53 +++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 43 insertions(+), 10 deletions(-)
diff --git a/src/components/chat/assistant/index.vue b/src/components/chat/assistant/index.vue
index 90393b4..f1720ce 100644
--- a/src/components/chat/assistant/index.vue
+++ b/src/components/chat/assistant/index.vue
@@ -52,17 +52,23 @@
: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
+ #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="subItem.title.replace(/\n/g, '<br>')"></span>
-
+ <span v-html="renderMd(subItem.title ?? '')"></span>
<span v-if="subItem.ms" class="text-green-600">{{ `锛�${subItem.ms}锛塦 }}</span></span
>
</template>
-
<template #description v-if="subItem?.subStep?.length > 0">
<div class="my-1 flex flex-col gap-1 text-[14px]">
@@ -89,7 +95,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 +117,8 @@
:originData="msg"
:isTalking="isTalking && isLast"
/>
+ <CreateWorkOrder v-if="msg?.modeContent?.mode === 'create_work_order'" :data="msg?.modeContent" />
+
<!-- #endregion -->
<!-- </template> -->
<!-- #region ====================== 鎶ラ敊淇℃伅 ======================-->
@@ -140,18 +148,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 +248,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,
@@ -241,6 +265,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 褰撳墠娑堟伅 */
@@ -295,6 +324,10 @@
feedbackClick,
fixQuestionClick,
showFixQuestion,
+ speechClick,
+
+ isItemSpeaking,
+ checkIsText,
} = useAssistantContentOpt({
sendChatMessage,
});
--
Gitblit v1.9.3