docs: document SOP fill field mint highlight convention

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
zlwuandCursor committed 2026-08-28 14:53:27 +08:00
1 parent 8d51457dfa
commit 7541b0d762
1 file changed
+9 -2
@@ -63,8 +63,8 @@ Logo:`src="/sop-templates/{资源名}"`(站点根路径,勿用相对路径
| `sop-check` | 勾选框本体 |
| `sop-check--checked` | 已勾选(编辑态视觉) |
| `data-sop-checked="1"` | 勾选态属性兜底(序列化 / 打印) |
| `sop-underline` | 下划线填写区,**左对齐** |
| `sop-blank-cell` | 空白填写单元格,**左对齐** |
| `sop-underline` | 下划线填写区,**左对齐**;运行时字色 `#059669`、字重 700,下划线 `#10b981`(见 `sop-print.ts`) |
| `sop-blank-cell` | 空白填写单元格,**左对齐**;运行时字色/字重同上 |
| `sop-option-cell` / `sop-option-cell-wide` | 窄格内选项间距 |
---
@@ -98,6 +98,12 @@ Logo:`src="/sop-templates/{资源名}"`(站点根路径,勿用相对路径
- 内联 `text-align:left`(防止默认居中)
- `min-width` 按栏位需要调整
运行时样式(编辑 + 打印,由 `sop-print.ts` 注入,模板 HTML 勿内联字色):
- 手填文字:`#059669`、`font-weight: 700`
- 下划线:`#10b981`(约 1.5px)
- 模板固定文案保持深灰;勾选框仍用 `#334155` 实心态
### 4.3 空白单元格
```html
@@ -137,6 +143,7 @@ Logo:`src="/sop-templates/{资源名}"`(站点根路径,勿用相对路径
4. **验收清单**
- [ ] 工艺库编辑页:勾选可点、状态保存后重开仍在
- [ ] 下划线填写左对齐
- [ ] 手填区(下划线 / 空白格)为薄荷绿加粗,模板文案为深灰
- [ ] 勾选框底边与旁侧文字对齐
- [ ] 打印:勾选可见、顶部 logo 可见、无多余浏览器页眉页脚(打印对话框关闭「页眉和页脚」)
- [ ] 关联路线 / 任务步骤已有 `sop_content`(若业务需要)