# 需求分析 —— 2026-04-19-00-01-50 ## 需求来源 用户在实际使用中发现高亮样式刺眼、点击空白不取消高亮、以及下划线勾选无效的问题。 ## 需求概述 ### 需求 1:高亮蓝框太明显 ReportEditor 中 `.field-value` 激活时的蓝框(`box-shadow: 0 0 0 2px #3b82f6` + `#eff6ff` 背景)过于刺眼,希望改为更柔和的选中效果(类似 TemplateManage 中的淡色高亮)。 ### 需求 2:点击空白处高亮不消失 + 打印带蓝框 1. 点击模板空白区域时,`.field-value` 的高亮样式不会自动清除。 2. 打印/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 的同步机制