LabelChange-server/tasks.md

任务列表：BOL 标签模板优化

以下是优化 d:\EPproject\LabelReplaceServer\src\BillOfLadingTemplate.html 模板的具体任务列表：

1. 合并冗余的 CSS 媒体查询并清理样式代码

   • 状态：已完成。
   • 描述：已将所有重复的 @media print 规则合并到一个统一的块中，并对 A4 纸张的默认字体大小进行了调整。同时，从通用样式中移除了 details-table tbody 的 overflow-y: auto 和 max-height: 100% 属性，以避免打印时内容截断。

2. 优化打印布局，确保在 A4 和 标签纸上都能完美适配，防止内容溢出

   • 描述：调整 body 和 .container 样式以实现灵活缩放，确保 details-table 内容完全可见，不被截断。为不同的打印媒体查询实现响应式字体大小调整。
   • 子任务：
     • 调整 body 和 .container 的 min-height 和 height 属性，以更好地适应打印尺寸。
     • 审查并调整 .bol-preview 的 flex 属性，确保内容在不同尺寸下均匀分布。
     • 确保所有文本内容在打印时不会溢出其容器。

3. 增强视觉层级，加粗关键业务数据（如渠道、单号）

   • 描述：在相关部分对 {{channel}} 和 {{bolNumber}} 文本应用 font-weight: bold，并考虑增加这些元素的字体大小，使其在视觉上更突出。
   • 子任务：
     • 修改 ship-to p 样式，加粗 {{channel}}。
     • 修改 barcode-content 样式，加粗 {{bolNumber}}。
     • 考虑在打印样式中适当增大这些关键数据的字体大小。

4. 优化表格样式，提高小字体在打印时的清晰度

   • 描述：在打印媒体查询中，将 details-table 的字体大小从 6px 增加到更易读的大小（例如，8pt 或 9pt），并审查内边距和行高，以获得更好的间距。
   • 子任务：
     • 在 @media print 块中，将 .details-table th, .details-table td 的 font-size 调整为 8pt 或 9pt。
     • 审查并调整 .details-table th, .details-table td 的 padding。
     • 确保表格边框在打印时清晰可见。