fix(ui): 打印隐藏AI区域蓝框 + diff弹窗字体统一

- print.ts的iframe样式中增加.ai-region隐藏规则:去除边框/背景/内边距,隐藏右上角标签
- diffModal右侧AI提议版本容器增加style属性:fontFamily SimSun、fontSize 12pt、lineHeight 1.5
- 确保打印输出和diff对比的视觉一致性
This commit is contained in:
2026-04-19 18:25:38 +08:00
parent 6abd7d1e3a
commit b24ba08658
6 changed files with 161 additions and 0 deletions

View File

@@ -0,0 +1,41 @@
# 测试方案
## 测试环境
- 浏览器访问 `http://localhost:4173/`
- 进入「图文报告生成」→ 新建报告
## 测试用例 1打印时 AI 区域蓝框隐藏
**步骤**
1. 编辑器中插入 AI 可编辑区域,写入一些内容
2. 点击「打印」按钮(或导出/下载)
3. 观察打印预览或生成的 PDF
**预期结果**
- AI 可编辑区域的蓝色虚线边框不显示
- 右上角「XX-AI可编辑区域」标签不显示
- 灰色背景不显示
- 文字正常显示,排版整洁
## 测试用例 2diff 弹窗字体统一
**步骤**
1. 编辑器中插入 AI 可编辑区域,写入带宋体 12pt 样式的内容
2. 勾选「允许修改正文」→ 发送修改指令
3. 观察 diff 弹窗左右两侧
**预期结果**
- 左侧「原始版本」显示宋体 12pt
- 右侧「AI 提议版本」也应显示宋体 12pt与左侧视觉一致
- 行高一致1.5
## 测试用例 3编译与部署
**步骤**
1. 执行 `npm run build`
2. 确认无 TypeScript 编译错误
3. 预览服务正常启动并返回 200
**预期结果**
- `vite build` 成功完成
- 预览页面可正常访问