fix(outbound): #print-area改为absolute解除高度锁死,新增行防断裂保护

This commit is contained in:
DXC
2026-04-21 13:55:26 +08:00
parent 01ce9c1432
commit 6f5a7cf0db

View File

@ -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%; }