27 lines
1.2 KiB
Markdown
27 lines
1.2 KiB
Markdown
# 需求分析 —— 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 的同步机制
|