2.4 KiB
2.4 KiB
检查清单：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 代码结构清晰，易于理解和维护。
- 确认没有引入新的冗余或不一致的样式规则。