29 lines
2.2 KiB
Markdown
29 lines
2.2 KiB
Markdown
## 任务列表：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`。
|
||
* [ ] 确保表格边框在打印时清晰可见。
|