📄 业务流程图模板 v0.2(纯 HTML + inline SVG,零外部依赖)·
分支 chore/process-flow-template · slot-1
🎯 用途:业务流程梳理 / PRD 流程描述 / 审批流程定义 / AI Form Genesis 输入
业务流程图模板(v0.2)
结构:第一部分简约版(部门泳道)+ 第二部分详细版(节点字段 + 流转条件)
示例场景:出差申请审批流程(占位,复制后替换为你的业务流程)
起止节点
任务节点
决策节点
终止(驳回)
第一部分 · 简约版(部门泳道图)
一眼看清"谁在什么阶段做什么事",按部门分泳道,每个节点 1 句话。
节点速览表
| # | 节点 | 部门 | 一句话职责 |
| ① | 提交申请 | 申请人 | 填出差申请表,提交 |
| ② | 审批申请 | 部门主管 | 审核必要性 + 行程合理性,通过/驳回 |
| ③ | 行程安排 | HR | 协助订机酒,确认行程 |
| ④ | 预算审核 | 财务 | 核对预算余额 |
| ⑤ | 金额判断 | 系统 | 自动按阈值分流 |
| ⑥ | 终审 | 总经理 | 高金额单据终审 |
| ⑦ | 费用预批 | 财务 | 预批费用,划拨预算 |
| ⑧ | 出差登记 | HR | 系统登记 + 通知相关方 |
| ⑨ | 通知 + 归档 | 系统 | 推送结果 + 归档到知识库 |
第二部分 · 详细版(每个节点的字段 + 决策逻辑)
从流程图过渡到表单/审批节点实现。AI Form Genesis / approval-engine 配置直接读这部分。
① 提交申请
| 执行角色 | 申请人(任意员工) |
| 触发方式 | 用户在系统手动发起 / Agent 监听日历冲突自动起草 |
| 输入字段 |
- •
purpose 出差事由(text,必填)
- •
destination 目的地(string,必填)
- •
departDate 出发日期(date,必填)
- •
returnDate 返回日期(date,必填 + 必须 ≥ departDate)
- •
estimatedCost 预估费用(number,必填,单位 CNY)
- •
transportType 交通方式(enum: 飞机/高铁/汽车,必填)
- •
attachments 附件(file[],可选)
|
| 校验规则 | returnDate ≥ departDate;estimatedCost > 0;提前 ≥ 3 工作日(紧急情况可备注豁免) |
| 输出/状态 | 状态 = pending_manager_approval |
| 流转去向 | → 节点 ②(部门主管审批) |
| 审计字段 | createdBy / createdAt / organizationId / departmentId |
② 审批申请(部门主管)
| 执行角色 | 申请人的直属部门主管(按 organization.parentManager 解析) |
| 决策选项 | approve / reject / withdraw_to_modify(退回修改) |
| 审批人输入 |
- •
decision 决策(enum)
- •
comment 批语(text,驳回/退回必填)
- •
modifications 修改建议(text,可选,AI 辅助审批时填写)
|
| AI 辅助(可选) | 侧栏展示:表单摘要 / 历史相似单 Top 3 / 风险点(金额异常 / 时间冲突)/ 推荐决策 + 推理链 |
| 流转去向 |
- • approve → 节点 ③
- • reject → 流程结束(rejected)
- • withdraw_to_modify → 退回节点 ①
|
| SLA | 24 小时未响应自动提醒;72 小时未响应升级至上级 |
③ 行程安排(HR)
| 执行角色 | HR 部门指定专员(按 region 分配) |
| 输入字段 |
- •
bookingDetails 预订详情(object:航班号 / 酒店 / 价格)
- •
actualCost 实际预估(number)
|
| 流转去向 | → 节点 ④ |
④ 预算审核(财务)
| 执行角色 | 财务部门预算专员 |
| 决策选项 | pass / block_over_budget / request_revision |
| 审批人输入 |
- •
decision
- •
budgetRemaining 剩余预算(自动读取)
- •
comment
|
| 流转去向 |
- • pass → 节点 ⑤(自动判断)
- • block_over_budget → 流程结束
- • request_revision → 退回节点 ③
|
⑤ 金额判断(系统自动)
| 执行方式 | 系统自动节点,无人参与 |
| 判断条件 | actualCost > GM_APPROVAL_THRESHOLD(阈值可配置,默认 ¥10,000) |
| 流转去向 |
- • true → 节点 ⑥(总经理终审)
- • false → 节点 ⑦(财务预批,跳过总经理)
|
⑥ 终审(总经理)
| 执行角色 | 总经理 / 副总经理(按 organization.executive 解析) |
| 决策选项 | approve / reject |
| AI 辅助 | 显示完整流程上文 + 该申请人历史出差记录 + 同部门近期出差概况 |
| 流转去向 |
- • approve → 节点 ⑦
- • reject → 流程结束(rejected_by_executive)
|
⑦ 费用预批(财务)
| 执行角色 | 财务出纳 |
| 动作 | 预批金额 → 划拨预算占用 → 生成预付款单 |
| 输出字段 |
- •
prepayTicketId 预付款单号
- •
prepayAmount 划拨金额
|
| 流转去向 | → 节点 ⑧ |
⑧ 出差登记(HR)
| 执行角色 | HR 系统自动 + 专员复核 |
| 动作 | 写入考勤系统 / 同步日历 / 通知值班同事 |
| 输出字段 |
- •
attendanceRecordId
- •
calendarEventId
|
| 流转去向 | → 节点 ⑨ |
⑨ 通知 + 归档(系统)
| 执行方式 | 系统自动节点 |
| 动作 |
- • 推送结果(IN_APP + Email + DingTalk/Teams)
- • 归档到 knowledge-base 出差记录库
- • 触发归来后报销流程(关联工单)
|
| 流转去向 | 流程结束(status=completed) |
决策逻辑总览图
纯决策视角,剥离泳道,便于实现 state machine。
模板使用指南
复制本模板后请替换
- 业务场景名称("出差申请" → 你的流程名)
- 简约版泳道图:部门 / 节点名 / 流转线(改 SVG 即可)
- 节点速览表:9 行替换为你的节点
- 详细版节点章节:复制
.node-section div
- 决策逻辑总览图:按你的实际分支重画 SVG
- 字段命名遵循 camelCase + i18n key
与 FFOA 现有体系的衔接
| 模板章节 | 衔接 |
| 简约版泳道图 | 业务沟通 / PRD 配套图 |
| 节点速览表 | 进入 docs/modules/{module}/01-prd.md 流程描述章节 |
| 详细版字段定义 | 落 docs/modules/{module}/06-data-model.md + 05-ui-interaction-spec.md |
| 决策逻辑总览 | 落 docs/modules/{module}/04-state-machine.md |
| AI 辅助审批列 | 关联工单 #409(审批 AI-first 重设计) |
| 字段 schema | 关联工单 #409 阶段 1.5(AI Form Genesis) |
模板版本
- v0.1(2026-05-17):Mermaid + Markdown 版(动态渲染依赖 CDN)
- v0.2(2026-05-17):纯 HTML + inline SVG 版(零外部依赖,浏览器直接打开)