diff --git a/inventory-web/src/views/outbound/Selection.vue b/inventory-web/src/views/outbound/Selection.vue index a621bb3..db89bf3 100644 --- a/inventory-web/src/views/outbound/Selection.vue +++ b/inventory-web/src/views/outbound/Selection.vue @@ -855,7 +855,10 @@ const confirmExport = () => { .el-dialog__wrapper, .v-modal, .el-message, .no-print-content { display: none !important; } #print-area, #print-area * { visibility: visible; } #print-area { - position: fixed; left: 0; top: 0; width: 100%; height: 100%; + position: absolute !important; + left: 0; top: 0; width: 100%; + height: auto !important; + min-height: 100%; margin: 0; padding: 20mm; background-color: white; display: block !important; z-index: 99999; } @@ -867,6 +870,13 @@ const confirmExport = () => { .print-table th, .print-table td { border: 1px solid #000; padding: 12px 8px; text-align: left; font-size: 14px; color: #000; } .print-table th { text-align: center; font-weight: bold; } .cell-padding { padding-left: 10px; } + + /* ★★★ 防止表格行在跨页时被水平切断 ★★★ */ + .print-table tr { + page-break-inside: avoid !important; + break-inside: avoid !important; + } + .print-footer { display: flex; justify-content: space-between; margin-top: 60px; padding: 0 20px; } .signature-item { display: flex; flex-direction: column; align-items: center; width: 30%; } .sig-label { font-size: 14px; margin-bottom: 40px; text-align: left; width: 100%; }