图搭子

订单状态流转图模板

待支付、已支付、待发货、已发货、已签收、已完成、已取消、退货中、已退款的电商订单状态图,转换条件写在连线上。适合订单系统设计与接口文档,免费导出 PNG、Word、PPT。

提交订单

支付成功

超时未支付或用户取消

商家接单

发货前取消

仓库出库

用户确认收货

7 天无售后

申请退货

商家确认收货

待支付

已支付

已取消

待发货

已退款

已发货

已签收

已完成

退货中

预览用的是「靛蓝」主题,打开编辑器后可以换
在编辑器里打开免费 · 免登录 · 无水印

改文字、换主题,导出 Word / PPT / PDF

适用场景

订单系统设计文档、接口文档里的状态字段说明、电商项目论文。状态图只关心「订单现在处于什么状态、什么事件让它变成另一个状态」,比流程图更适合描述状态字段。

怎么改成你的

  • 状态名直接改;转换条件在冒号后面改。
  • 加「部分退款」「换货中」等状态:加一行 已签收 --> 换货中 : 申请换货,再给它加出口。
  • 想把「已发货 → 已签收」细分成运输中、派送中,用复合状态:state 已发货 { … }
  • 默认从上到下排列,加一行 direction LR 可以改成从左到右。

Mermaid 代码

stateDiagram-v2
    [*] --> 待支付 : 提交订单
    待支付 --> 已支付 : 支付成功
    待支付 --> 已取消 : 超时未支付或用户取消
    已支付 --> 待发货 : 商家接单
    已支付 --> 已退款 : 发货前取消
    待发货 --> 已发货 : 仓库出库
    已发货 --> 已签收 : 用户确认收货
    已签收 --> 已完成 : 7 天无售后
    已签收 --> 退货中 : 申请退货
    退货中 --> 已退款 : 商家确认收货
    已完成 --> [*]
    已取消 --> [*]
    已退款 --> [*]

让 AI 按这个结构生成一份

把下面这段发给豆包、DeepSeek、Kimi 或元宝,再把它的回复整段粘贴到编辑器,会自动识别其中的代码。

请用 Mermaid 的 stateDiagram-v2 语法画一张电商订单状态图:状态有待支付、已支付、待发货、已发货、已签收、已完成、已取消、退货中、已退款。提交订单进入待支付;支付成功到已支付,超时或用户取消到已取消;商家接单到待发货,发货前取消到已退款;仓库出库到已发货;用户确认收货到已签收;7 天无售后到已完成,申请退货到退货中;商家确认收货到已退款。已完成、已取消、已退款为终态。转换条件写在冒号后面。只输出 mermaid 代码块。

常见问题

状态图和流程图怎么选?

描述一个对象(订单、工单、账号)的生命周期用状态图;描述人或系统按顺序做的事用流程图。订单系统通常两张都有。

[*] 是什么?

起点和终点。[*] --> 待支付 表示初始状态,已完成 --> [*] 表示终止状态,可以有多个终止。

状态名里能有空格吗?

有空格要先声明别名:state "待 支付" as s1,然后用 s1 写转换。不带空格的中文直接用即可。

同类模板

全部模板

更新于 2026-09-05