1.2 KiB
1.2 KiB
需求分析 —— 2026-04-19-00-01-50
需求来源
用户在实际使用中发现高亮样式刺眼、点击空白不取消高亮、以及下划线勾选无效的问题。
需求概述
需求 1：高亮蓝框太明显
ReportEditor 中 .field-value 激活时的蓝框（box-shadow: 0 0 0 2px #3b82f6 + #eff6ff 背景）过于刺眼，希望改为更柔和的选中效果（类似 TemplateManage 中的淡色高亮）。
需求 2：点击空白处高亮不消失 + 打印带蓝框
- 点击模板空白区域时，
.field-value的高亮样式不会自动清除。 - 打印/PDF 导出时，高亮的内联样式（box-shadow、backgroundColor）会带入打印件，导致打印内容出现蓝框。
需求 3：下划线勾选无效
在 TemplateManage 的字段管理中勾选「打印时显示下划线」并保存后，已插入到模板中的 .field-value 仍然带有 .no-underline 类，导致打印时不显示下划线。
涉及文件
src/pages/ReportEditor.tsx（需求 1、2）src/utils/print.ts（需求 2）src/pages/TemplateManage.tsx（需求 3）
需求影响范围
- 编辑器高亮交互体验
- 打印样式纯净度
- 字段配置与 DOM 的同步机制