OA 五列表 · 序号改为圆圈背景

覆盖草稿箱 / 待办 / 已办 / 我发起的 / 抄送我的。现状为左上三角折角; 本 Demo 对比「圆圈背景」几种落法。序号规则不变:01、02…跨页连续。

推荐:A 实心绿圆 —— 仍在卡片左上,品牌绿实心圆 + 白字两位序号; 只改 .dd-card__corner 样式,五页 DOM 可基本不动。
A 实心绿圆 · 推荐 · 375px

落地建议

仅改 oa-task-list.scss 中 .dd-card__corner / .dd-card__corner-num;五页模板结构可保留,避免重复改 Vue。

序号规则

仍用 formatCornerIndex:<10 补零; 跨页 (page-1)*pageSize + index + 1。

注意

A/B/C 需给标题区留左内边距(约 42px),避免圆圈压住标题; D 贴角方案可不加左 padding,但卡片需 overflow: visible。