html/admin-web
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: isolate BOL print layout

Browse Source
This commit is contained in:
ouyangxq
2026-09-10 23:30:16 +08:00
parent 950967f101
commit 2817ca1d3f
1 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/modules/overseas-warehouse/components/DispatchBolPrintDialog.vue
+21 -1
View File
@@ -104,5 +104,25 @@ onBeforeUnmount(cleanupPrintMode)
.preview-note{margin-bottom:16px;color:var(--cc-text-secondary);font-size:14px}.dispatch-bol-pages{display:grid;gap:20px;padding:16px;background:#e9edf2}.dispatch-bol-sheet{box-sizing:border-box;width:210mm;min-height:297mm;margin:0 auto;padding:9mm;background:#fff;color:#111;font-family:Arial,"Microsoft YaHei",sans-serif;box-shadow:0 2px 12px rgb(15 23 42 / 16%)}.bol-title{padding:5px 10px;background:#050505;color:#fff;text-align:center;font-family:"Times New Roman",serif;font-size:24px;font-weight:700;letter-spacing:1px}.bol-info-grid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #111}.bol-info-block{min-height:108px;border-right:1px solid #111;border-bottom:1px solid #111}.bol-info-block h2{margin:0;padding:3px 6px;background:#050505;color:#fff;font-family:"Times New Roman",serif;font-size:14px;line-height:1.2}.bol-info-content{display:flex;flex-direction:column;gap:4px;padding:10px 8px;font-size:15px;line-height:1.25}.bol-info-content>strong{font-size:18px}.bol-info-content.compact{gap:2px;padding-top:6px}.bol-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}.bol-table th,.bol-table td{height:30px;padding:3px 4px;border:1px solid #111;text-align:center;vertical-align:middle;overflow-wrap:anywhere}.bol-table th{font-weight:700}.bol-table th:nth-child(1){width:11%}.bol-table th:nth-child(2){width:14%}.bol-table th:nth-child(3){width:13%}.bol-table th:nth-child(4){width:17%}.bol-table th:nth-child(5){width:20%}.bol-table th:nth-child(6){width:17%}.bol-table th:nth-child(7){width:8%}.number-cell{text-align:right!important;font-size:12px}.bol-footer{display:flex;flex-direction:column;justify-content:space-between;min-height:42mm;padding:10mm 4mm 0}.bol-total{display:flex;justify-content:space-between;border-bottom:1px solid #111;font-family:"Times New Roman",serif;font-size:14px}.bol-total strong{font-size:20px}.bol-signatures{display:grid;grid-template-columns:2fr 2fr 1fr;gap:16px}.bol-signatures span{padding-top:18px;border-top:1px solid #111;font-size:11px;text-align:center}@media(max-width:900px){.dispatch-bol-pages{overflow:auto}.dispatch-bol-sheet{margin:0}}
</style>
<style>
@media print{@page{size:A4 portrait;margin:0}body.printing-dispatch-bol *{visibility:hidden!important}body.printing-dispatch-bol .dispatch-bol-pages,body.printing-dispatch-bol .dispatch-bol-pages *{visibility:visible!important}body.printing-dispatch-bol .dispatch-bol-pages{position:absolute;inset:0;display:block;padding:0;background:#fff}body.printing-dispatch-bol .dispatch-bol-sheet{width:210mm;min-height:297mm;margin:0;padding:9mm;box-shadow:none;break-after:page;page-break-after:always}body.printing-dispatch-bol .dispatch-bol-sheet:last-child{break-after:auto;page-break-after:auto}body.printing-dispatch-bol .bol-table thead{display:table-header-group}body.printing-dispatch-bol .bol-table tr{break-inside:avoid;page-break-inside:avoid}}
@media print{
@page{size:A4 portrait;margin:0}
html,body.printing-dispatch-bol{width:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important}
body.printing-dispatch-bol{margin:0!important}
body.printing-dispatch-bol>#app{display:none!important}
body.printing-dispatch-bol *{visibility:hidden!important}
body.printing-dispatch-bol .el-overlay,
body.printing-dispatch-bol .el-overlay-dialog,
body.printing-dispatch-bol .dispatch-bol-dialog,
body.printing-dispatch-bol .dispatch-bol-dialog .el-dialog__body{position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;transform:none!important;background:transparent!important;box-shadow:none!important}
body.printing-dispatch-bol .dispatch-bol-dialog .el-dialog__header,
body.printing-dispatch-bol .dispatch-bol-dialog .el-dialog__footer,
body.printing-dispatch-bol .preview-note{display:none!important}
body.printing-dispatch-bol .dispatch-bol-pages,
body.printing-dispatch-bol .dispatch-bol-pages *{visibility:visible!important}
body.printing-dispatch-bol .dispatch-bol-pages{position:static!important;inset:auto!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}
body.printing-dispatch-bol .dispatch-bol-sheet{width:210mm;min-height:297mm;margin:0;padding:9mm;overflow:visible!important;box-shadow:none;break-after:page;page-break-after:always}
body.printing-dispatch-bol .dispatch-bol-sheet:last-child{break-after:auto;page-break-after:auto}
body.printing-dispatch-bol .bol-table thead{display:table-header-group}
body.printing-dispatch-bol .bol-table tr{break-inside:avoid;page-break-inside:avoid}
}
</style>