44 lines
2.4 KiB
Markdown
44 lines
2.4 KiB
Markdown
## 检查清单：BOL 标签模板优化
|
||
|
||
以下是验证 `d:\EPproject\LabelReplaceServer\src\BillOfLadingTemplate.html` 模板优化效果的检查清单：
|
||
|
||
### 1. CSS 清理与合并
|
||
|
||
* [ ] 确认所有冗余的 `@media print` 块已成功合并到一个组织良好的块中。
|
||
* [ ] 确认通用样式中已移除 `details-table tbody` 的 `overflow-y: auto` 和 `max-height: 100%` 属性。
|
||
* [ ] 确认打印样式中 `details-table tbody` 已设置为 `overflow: visible !important;` 和 `max-height: none !important;`。
|
||
|
||
### 2. 打印布局适应性
|
||
|
||
* **A4 纸张测试**：
|
||
* [ ] 在打印预览中检查 A4 纸张（210mm x 297mm）的布局。
|
||
* [ ] 确认所有内容都适合 A4 页面，没有截断或溢出。
|
||
* [ ] 确认字体大小和元素间距在 A4 纸张上保持良好可读性。
|
||
* **Letter 纸张测试**：
|
||
* [ ] 在打印预览中检查 Letter 纸张（216mm x 279mm）的布局。
|
||
* [ ] 确认所有内容都适合 Letter 页面，没有截断或溢出。
|
||
* [ ] 确认字体大小和元素间距在 Letter 纸张上保持良好可读性。
|
||
* **自定义标签纸测试**：
|
||
* [ ] 在打印预览中检查 100mm x 150mm 标签纸的布局。
|
||
* [ ] 确认所有内容都适合标签页面，没有截断或溢出。
|
||
* [ ] 确认字体大小和元素间距在标签纸上保持良好可读性。
|
||
* **通用适应性**：
|
||
* [ ] 确认模板在不同纸张尺寸下能够动态调整，保持内容的完整性和可读性。
|
||
|
||
### 3. 视觉层级增强
|
||
|
||
* [ ] 确认“Ship To”部分的 `{{channel}}` 文本已加粗并清晰可见。
|
||
* [ ] 确认“Bill of Lading Number”部分的 `{{bolNumber}}` 文本已加粗并清晰可见。
|
||
* [ ] 确认在打印样式中，这些关键数据的字体大小已适当增大，以增强视觉突出效果。
|
||
|
||
### 4. 表格可读性优化
|
||
|
||
* [ ] 确认在 `@media print` 块中，`.details-table th, .details-table td` 的 `font-size` 已调整为 `8pt` 或 `9pt`，以提高可读性。
|
||
* [ ] 确认 `.details-table th, .details-table td` 的 `padding` 已审查并调整，以确保表格单元格的良好间距。
|
||
* [ ] 确认表格边框在打印时清晰可见，没有模糊或缺失。
|
||
|
||
### 5. 代码整洁性
|
||
|
||
* [ ] 确认 CSS 代码结构清晰，易于理解和维护。
|
||
* [ ] 确认没有引入新的冗余或不一致的样式规则。
|