| | |
|---|
| | | <!-- #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) |
|---|
| | | " |
|---|
| | | <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]" |
|---|
| | | > |
|---|
| | | <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 |
|---|
| | | <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 --> |
|---|
