| | |
| | | chunkRes.value = '分析结束'; |
| | | } |
| | | } |
| | | const getLastGroup = () => { |
| | | const lastGroup = computedMessageList.value.at(-1).stepGroup.at(-1); |
| | | return lastGroup; |
| | | } |
| | | const getLastStepList = () => { |
| | | const stepList = getLastGroup()?.value ?? []; |
| | | return stepList; |
| | | }; |
| | | const getLastStepItem = () => { |
| | | const stepList = getLastStepList(); |
| | | const lastStepItem = stepList.at(-1); |
| | | return lastStepItem; |
| | | }; |
| | | |
| | | const checkStepItem = (stepItem) => { |
| | | if (!stepItem.subStep) { |
| | | stepItem.subStep = []; |
| | | } |
| | | }; |
| | | |
| | | if (chunkRes.mode === 'question') { |
| | | const lastGroup = computedMessageList.value.at(-1).stepGroup.at(-1); |
| | | const stepList = lastGroup?.value ?? []; |
| | | const lastStepItem = stepList.at(-1); |
| | | if (!lastStepItem.subStep) { |
| | | lastStepItem.subStep = []; |
| | | } |
| | | const lastStepItem = getLastStepItem(); |
| | | checkStepItem(lastStepItem); |
| | | lastStepItem.subStep.push({ |
| | | type: chunkRes.value.type, |
| | | data: chunkRes.value, |
| | |
| | | scrollToBottom(); |
| | | return; |
| | | } |
| | | |
| | | |
| | | |
| | | // 暂时不考虑多个 report情况 |
| | | |
| | | // if (lastIsResult && chunkRes.mode !== 'finish') { |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | pre { |
| | | font-family: -apple-system, 'Noto Sans', 'Helvetica Neue', Helvetica, 'Nimbus Sans L', Arial, 'Liberation Sans', 'PingFang SC', |
| | | 'Hiragino Sans GB', 'Noto Sans CJK SC', 'Source Han Sans SC', 'Source Han Sans CN', 'Microsoft YaHei', 'Wenquanyi Micro Hei', |
| | | 'WenQuanYi Zen Hei', 'ST Heiti', SimHei, 'WenQuanYi Zen Hei Sharp', sans-serif; |
| | | } |
| | | |
| | | .more-loading { |
| | | :deep(.el-loading-spinner) { |
| | | --loading-size: 35px; |
| | | margin-top: 0; |
| | | .circular { |
| | | width: var(--loading-size); |
| | | height: var(--loading-size); |
| | | } |
| | | } |
| | | } |
| | | |
| | | :deep(.el-step__icon.is-text) { |
| | | --radius-size: 24px; |
| | | width: var(--radius-size); |
| | | height: var((--radius-size)); |
| | | } |
| | | |
| | | :deep(.el-step__icon-inner) { |
| | | font-size: 16px !important; |
| | | } |
| | | :deep(.el-step__description) { |
| | | min-height: 20px; |
| | | } |
| | | |
| | | :deep(.el-step:last-of-type .el-step__description) { |
| | | // display: none; |
| | | } |
| | | @import './index.scss'; |
| | | </style> |