报错信息过程

wujingjing

2025-01-07 54e13aedf92166eabd45d151badcd8af97ee5bed

 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 已经加载，summary 时又加载了一次，导致比例列 push 了两次
                              为了解决这个问题，等到 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 已经加载，summary 时又加载了一次，导致比例列 push 了两次
                              为了解决这个问题，等到 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 ====================== 停止 ======================-->