草稿箱列表 · 风格选型 Demo

对应页面 /#/pages/oa/drafts/index。保留能力：搜索、管理/多选删除、流程名、草稿态、最近保存、版本、编辑 / 提交审批 / 删除。 Token 对齐三墙绿 #0a9f6d + 大麦黄草稿提示。

请点选下方 Tab 对比；告诉我选 A / B / C / D / E（可微调），再落到 mobile-h5 实现。

A · 当前对照

复用现有 OaTaskCard 结构，便于对比「哪里不好看」。

  • 标题 + 右上角状态胶囊
  • 两行 label/value 元信息
  • 底栏三等分按钮（主色 / 描边 / 危险）
适合：保持与待办/已办卡片完全一致时选 A。
草稿箱
搜索流程名称
管理
出差申请
草稿
最近保存2026-08-12 14:32
版本v3
采购报销（含发票）
草稿
最近保存2026-08-11 09:18
版本v1
用章申请
草稿
最近保存2026-08-10 17:05
版本v2
已经到底了
出差申请
草稿
最近保存 08-12 14:32 · 版本 v3
采购报销（含发票）
草稿
最近保存 08-11 09:18 · 版本 v1
用章申请
草稿
最近保存 08-10 17:05 · 版本 v2
已经到底了
草稿
出差申请
08-12 14:32 · v3
草稿
采购报销（含发票）
08-11 09:18 · v1
草稿
用章申请
08-10 17:05 · v2
已经到底了
差
出差申请
草稿
08-12 14:32 v3
采
采购报销（含发票）
草稿
08-11 09:18 v1
章
用章申请
草稿
08-10 17:05 v2
已经到底了
未提交草稿
v3
出差申请
最近保存08-12 14:32
流程OA 审批
未提交草稿
v1
采购报销（含发票）
最近保存08-11 09:18
流程OA 审批
未提交草稿
v2
用章申请
最近保存08-10 17:05
流程OA 审批
已经到底了
已选 1 项
✓
差
出差申请
草稿
08-12 14:32v3
采
采购报销（含发票）
草稿
08-11 09:18v1
章
用章申请
草稿
08-10 17:05v2
管理态下隐藏行内操作，点卡片勾选