首页工作流与历史会话:修复执行后表单清空/默认展开,工作流最多展示9个+更多入口,历史会话分页加载更多

- 修复:执行时把用户填的表单值写回消息对象,会话认领重建后能恢复,不再清空;执行完成/历史回显卡片默认收起,可手动展开改参
- 功能:首页工作流最多展示 9 个(用户优先、模板补足),超出显示「更多」入口跳转工作流管理页
- 功能:历史会话分页「加载更多」,逐页追加去重
- 重构:工作流执行信号统一走提交(移除 retry/re-edit/cancel),失败卡片重跑/重编辑并入提交路径
- 其他:删除消息时终止进行中的轮;Markdown 渲染缓存设上限

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2026-08-21 19:17:12 +08:00
co-authored by Claude
parent 0232dc6e14
commit b140bff5f1
6 changed files with 248 additions and 118 deletions
+7 -28
View File
@@ -202,20 +202,14 @@ interface Props {
formError?: string;
// 执行节点进度(node_start/node_complete 事件驱动的步骤列表,渲染执行过程区)
progress?: { nodes: WorkflowNodeStep[] };
// InputBar 发送按钮触发执行信号:仅当本卡片为目标时非 null(action 决定 submit/retry
executeSignal?: { action: 'submit' | 'retry'; nonce: number } | null;
// InputBar 发送按钮触发执行信号:仅当本卡片为目标时非 null(统一走提交,含必填校验
executeSignal?: { action: 'submit'; nonce: number } | null;
// 已执行卡片(done/failed)参数可编辑(会话中最后一张执行过的工作流):改参后经发送按钮重新执行
editable?: boolean;
}
interface Emits {
(e: 'submit', payload: { formValues: Record<string, any>; formFileNames: Record<string, string | string[]>; templates: any[] }): void;
// 失败卡片「重新编辑并执行」:由父组件把 formStatus 切回 editing,保留已填值
(e: 're-edit'): void;
// 失败卡片「重新执行」:复用当前已填值直接重跑(不进入编辑态)
(e: 'retry', payload: { formValues: Record<string, any>; formFileNames: Record<string, string | string[]>; templates: any[] }): void;
// 执行中取消:工作流取消入口(InputBar 停止按钮对工作流禁用)
(e: 'cancel'): void;
}
const props = withDefaults(defineProps<Props>(), {
@@ -255,8 +249,9 @@ watch(
if (st === 'editing') {
collapsed.value = false; // 回显/重新编辑:默认展开
} else if (prev === undefined) {
// 初始即非编辑态(执行中/完成/失败):可编辑的最后一张已执行卡片展开供改参,其余收起
collapsed.value = props.editable ? false : true;
// 初始即非编辑态(执行中/完成/失败):一律收起(执行后默认收起,不因可编辑展开),
// 用户可手动展开查看已填值/改参
collapsed.value = true;
} else if (st === 'running') {
collapsed.value = true; // 提交瞬间自动收起
}
@@ -551,25 +546,13 @@ const handleSubmit = () => {
});
};
// 直接重跑:复用当前已填值(必填此前已校验通过),不进入编辑态原样重新提交。
// 由 InputBar 发送按钮触发(未重新选择工作流时默认重跑最后一个),成功/失败定格卡片均可重跑
const handleRetry = () => {
if (!props.readonly || props.submitting) return;
emit('retry', {
formValues: JSON.parse(JSON.stringify(formValues)),
formFileNames: JSON.parse(JSON.stringify(formFileNames)),
templates: JSON.parse(JSON.stringify(templates.value || [])),
});
};
// InputBar 发送按钮触发执行:父组件把执行信号下发给目标卡片(本卡片为目标时 executeSignal 非 null),
// 编辑态调用提交(含必填校验)、定格态调用重跑(复用已填值);卡片参数在组件内部,父组件经信号间接触发
// 统一调用提交(含必填校验);卡片参数在组件内部,父组件经信号间接触发
watch(
() => props.executeSignal,
(sig) => {
if (!sig) return;
if (sig.action === 'submit') handleSubmit();
else handleRetry();
handleSubmit();
}
);
</script>
@@ -814,10 +797,6 @@ watch(
text-overflow: ellipsis;
white-space: nowrap;
}
.exec-cancel-btn {
margin-left: auto;
flex-shrink: 0;
}
}
@keyframes exec-spin {
to { transform: rotate(360deg); }