OA 详情 · 去掉内容区流程标题 + 右上角打印印章

对比当前「标题 + 已完成 Tag」与目标态「顶栏已有标题,内容区不再重复标题;状态改为对齐 web 打印的钉钉风印章,叠在右上角」。 改动落点:mobile-oa-h5/src/views/OaDetail.vue(webview 内嵌页)。

本地打开本文件即可预览 · 文件:mobile-ui/zkxw-mobile-oa-detail-header-stamp-demo.html
目标
  • 去掉内容区顶部流程名称(与顶栏标题重复)
  • 「已完成」等状态 Tag → web 打印同款圆形印章,放在界面右上角
  • 文案对齐打印:completed →「已通过」(非「已完成」)

现状 标题 + Tag

顶栏与内容区标题重复(红框);状态为小胶囊 Tag。

差旅报销申请

已完成
申请人
张三
金额
¥ 1,280.00
事由
客户拜访差旅

审批进度

发起 → 部门负责人(已同意)→ 结束

已选 A 布局 · 印章 72px

去掉内容区标题;钉钉风印章叠在表单右上(相对 web 打印 118px / 上一版 84px 再小一档)。

OA审批
已通过
approval
申请人
张三
金额
¥ 1,280.00
事由
客户拜访差旅
备注
含市内交通

审批进度

发起 → 部门负责人(已同意)→ 结束

对照 若用 84px(未选)

仅尺寸对照;落地用左侧 72px。

OA审批
已通过
approval
申请人
张三
金额
¥ 1,280.00
事由
客户拜访差旅
备注
含市内交通

审批进度

发起 → 部门负责人(已同意)→ 结束

各状态印章色(与 web 打印一致)

OA审批
已通过
approval
completed / approved → ok
OA审批
审批中
approval
running / pending → run
OA审批
已拒绝
approval
rejected → rej
OA审批
已打回
approval
returned → ret
OA审批
已撤销
approval
cancelled → can

当前共识

  1. 去掉内容区流程标题(顶栏已有)
  2. 状态改为 web 打印同款印章,叠在表单区域右上角
  3. 尺寸用 72px(A 布局 + 再小一档),文案用打印 resolveStamp(如 completed →「已通过」)

若 72px 仍偏大/偏小,直接说目标像素即可;否则回复「按此设计」我写 spec 并实现。