From 54e13aedf92166eabd45d151badcd8af97ee5bed Mon Sep 17 00:00:00 2001 From: wujingjing <gersonwu@qq.com> Date: 星期二, 07 一月 2025 13:35:40 +0800 Subject: [PATCH] 报错信息过程 --- src/components/chat/assistant/index.vue | 194 ++++++++++++++++++++++++------------------------ 1 files changed, 96 insertions(+), 98 deletions(-) diff --git a/src/components/chat/assistant/index.vue b/src/components/chat/assistant/index.vue index f410783..b118e03 100644 --- a/src/components/chat/assistant/index.vue +++ b/src/components/chat/assistant/index.vue @@ -15,6 +15,102 @@ <div class="rounded-[6px] p-4 leading-relaxed bg-white"> <!-- #region ====================== 娑堟伅鍐呭 ======================--> <!-- <template v-if="item.content?.values"> --> + + <!-- #region ====================== 鍥炵瓟缁勪欢 ======================--> + <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"> + <!-- #region ====================== 鎰忓浘鍒嗘瀽 ======================--> + <div class="flex flex-col" v-if="msg?.stepGroup?.[index]?.value?.length > 0"> + <!-- #region ====================== 鎰忓浘鍒嗘瀽 ======================--> + <div class="flex items-center"> + <span class="mr-2">鎰忓浘鍒嗘瀽锛�</span> + <div + @click="toggleStepList(msg?.stepGroup?.[index])" + class="cursor-pointer border border-gray-300 border-solid w-fit px-2 flex items-center space-x-2 rounded-lg hover:bg-gray-100 active:bg-gray-200" + > + <span> + {{ toggleStepLabel(msg?.stepGroup?.[index]) }} + </span> + <span + class="ywifont" + :class="{ + 'ywicon-unfold': !msg?.stepGroup?.[index].isShow, + 'ywicon-fold': msg?.stepGroup?.[index].isShow, + }" + ></span> + </div> + </div> + <!-- #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 + > + </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> + </template> + </el-step> + </el-steps> + <!-- #endregion --> + </div> + <!-- #endregion --> + <!-- result 鏃� recordSetTable 宸茬粡鍔犺浇锛宻ummary 鏃跺張鍔犺浇浜嗕竴娆★紝瀵艰嚧姣斾緥鍒� push 浜嗕袱娆� + 涓轰簡瑙e喅杩欎釜闂锛岀瓑鍒� msg.historyId 瀛樺湪鏃讹紝鍐嶆覆鏌� recordSetTable + --> + <component + v-if="msg.content?.values?.[index] && msg.historyId && msg.content?.errCode !== ErrorCode.Message" + :reportIndex="index" + :conclusion="msg.content.values[index].conclusion" + :is="answerTypeMapCom[msg.content.values[index].content.type]" + :data="msg.content.values[index].content.values" + :originData="msg.content.values[index]" + :historyId="msg.historyId" + :isTalking="isTalking && isLast" + /> + </div> + </template> + <p v-else class="text-info">鏆傛棤鍐呭锛岃閲嶈瘯</p> + </template> + <component + v-else + :historyId="msg.historyId" + :conclusion="msg.conclusion" + :is="answerTypeMapCom[msg.content.type]" + :data="msg.content.values" + :originData="msg" + :isTalking="isTalking && isLast" + /> + <!-- #endregion --> + <!-- </template> --> <!-- #region ====================== 鎶ラ敊淇℃伅 ======================--> <div v-if="msg.content?.errCode === ErrorCode.Message" class="flex-column w-full"> <p class="text-danger"> @@ -37,104 +133,6 @@ </div> </div> <!-- #endregion --> - <!-- #region ====================== 鍥炵瓟缁勪欢 ======================--> - <template v-else> - <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"> - <!-- #region ====================== 鎰忓浘鍒嗘瀽 ======================--> - <div class="flex flex-col" v-if="msg?.stepGroup?.[index]?.value?.length > 0"> - <!-- #region ====================== 鎰忓浘鍒嗘瀽 ======================--> - <div class="flex items-center"> - <span class="mr-2">鎰忓浘鍒嗘瀽锛�</span> - <div - @click="toggleStepList(msg?.stepGroup?.[index])" - class="cursor-pointer border border-gray-300 border-solid w-fit px-2 flex items-center space-x-2 rounded-lg hover:bg-gray-100 active:bg-gray-200" - > - <span> - {{ toggleStepLabel(msg?.stepGroup?.[index]) }} - </span> - <span - class="ywifont" - :class="{ - 'ywicon-unfold': !msg?.stepGroup?.[index].isShow, - 'ywicon-fold': msg?.stepGroup?.[index].isShow, - }" - ></span> - </div> - </div> - <!-- #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 - > - </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> - </template> - </el-step> - </el-steps> - <!-- #endregion --> - </div> - <!-- #endregion --> - <!-- result 鏃� recordSetTable 宸茬粡鍔犺浇锛宻ummary 鏃跺張鍔犺浇浜嗕竴娆★紝瀵艰嚧姣斾緥鍒� push 浜嗕袱娆� - 涓轰簡瑙e喅杩欎釜闂锛岀瓑鍒� msg.historyId 瀛樺湪鏃讹紝鍐嶆覆鏌� recordSetTable - --> - <component - v-if="msg.content?.values?.[index] && msg.historyId" - :reportIndex="index" - :conclusion="msg.content.values[index].conclusion" - :is="answerTypeMapCom[msg.content.values[index].content.type]" - :data="msg.content.values[index].content.values" - :originData="msg.content.values[index]" - :historyId="msg.historyId" - :isTalking="isTalking && isLast" - /> - </div> - </template> - <p v-else class="text-info">鏆傛棤鍐呭锛岃閲嶈瘯</p> - </template> - <component - v-else - :historyId="msg.historyId" - :conclusion="msg.conclusion" - :is="answerTypeMapCom[msg.content.type]" - :data="msg.content.values" - :originData="msg" - :isTalking="isTalking && isLast" - /> - </template> - <!-- #endregion --> - <!-- </template> --> - <!-- #endregion --> <!-- #region ====================== 闄勫姞鍐呭 ======================--> <!-- #region ====================== 鍋滄 ======================--> -- Gitblit v1.9.3