Files
zkxw/docs/superpowers/specs/2026-08-13-oa-detail-header-stamp-design.md
T
2026-08-13 14:31:57 +08:00

1.0 KiB
Raw Blame History

OA 详情头区:去掉重复标题 + 状态印章

状态:已确认(2026-08-13)

背景

移动端 OA 详情(mobile-oa-h5 OaDetail,经 mobile-h5 web-view 打开)内容区顶部重复展示流程标题(顶栏已有),状态为胶囊 Tag,与 web 打印钉钉风印章不一致。

决策

  1. 去掉内容区顶部流程标题 h1(顶栏已展示)。
  2. 状态 Tag 改为 web 打印同款钉钉风圆形印章(结构:外圈 / 上下弧 / OA审批 / 主文案 / approval),absolute 叠在表单区域右上角,旋转约 -18°。
  3. 尺寸 72px(相对 web 打印 118px 明显缩小,遮挡更少)。
  4. 文案/色类复用 resolveStamp(status)(如 completed →「已通过」/ok)。
  5. 范围:mobile-oa-h5 详情页;列表页、关联审批弹层不在本次范围。

非目标

  • 不改 web-admin 打印印章尺寸
  • 不改移动端 PDF/系统打印 HTML 里的简化印章(仍为另一套实现)

Demo

mobile-ui/zkxw-mobile-oa-detail-header-stamp-demo.html