打印样式修改

This commit is contained in:
zc
2026-06-10 18:25:14 +08:00
parent e7ac5f3bbf
commit 466ac71f80
3 changed files with 10 additions and 10 deletions

View File

@@ -496,15 +496,15 @@ const printLabel = async () => {
<style> <style>
@page { size: 80mm 50mm; margin: 0; } @page { size: 80mm 50mm; margin: 0; }
body { margin: 0; padding: 1mm; font-family: Arial, sans-serif; } body { margin: 0; padding: 1mm; font-family: Arial, sans-serif; }
.label-container { display: flex; flex-wrap: wrap; gap: 1mm; justify-content: center; transform-origin: center; } .label-container { display: flex; flex-wrap: wrap; gap: 1mm; justify-content: center; align-items: center; transform-origin: center; }
.label { width: 76mm; height: 46mm; border: 1px solid #000; padding: 0; box-sizing: border-box; page-break-inside: avoid; overflow: hidden; } .label { width: 75mm; height: 45mm; border: 1px solid #000; padding: 0; box-sizing: border-box; page-break-inside: avoid; overflow: hidden; margin: 0 auto; }
.label-table { width: 100%; height: 100%; border-collapse: collapse; table-layout: fixed; } .label-table { width: 100%; height: 100%; border-collapse: collapse; table-layout: fixed; }
.label-cell { border: 1px solid #000; padding: 0.8mm; vertical-align: top; } .label-cell { border: 1px solid #000; padding: 0.8mm; vertical-align: top; }
.qr-cell { width: 22mm; text-align: center; vertical-align: middle; border: 1px solid #000; } .qr-cell { width: 22mm; text-align: center; vertical-align: middle; border: 1px solid #000; }
.label-row { display: flex; align-items: center; } .label-row { display: flex; align-items: center; }
.label-field { font-size: 7.5pt; font-weight: bold; margin-right: 1mm; min-width: 22pt; white-space: nowrap; } .label-field { font-size: 7.5pt; font-weight: bold; margin-right: 1mm; min-width: 22pt; white-space: nowrap; }
.label-value { font-size: 7.5pt; font-weight: bold; flex: 1; overflow-wrap: break-word; word-break: break-word; } .label-value { font-size: 7.5pt; font-weight: bold; flex: 1; overflow-wrap: break-word; word-break: break-word; }
.qr-code img { width: 20mm; height: 20mm; margin: 0.5mm 0; } .qr-code img { width: 22mm; height: 22mm; margin: 0.5mm 0; }
.mark-number { font-size: 7pt; font-weight: bold; margin-top: 0.5mm; text-align: center; } .mark-number { font-size: 7pt; font-weight: bold; margin-top: 0.5mm; text-align: center; }
.serial-number { font-size: 7.5pt; font-weight: bold; margin-top: 0.5mm; } .serial-number { font-size: 7.5pt; font-weight: bold; margin-top: 0.5mm; }
</style> </style>

View File

@@ -221,18 +221,18 @@ const onPrint = async (record: FullWorkOrderResp) => {
<style> <style>
@page { size: 80mm 50mm; margin: 0; } @page { size: 80mm 50mm; margin: 0; }
body { margin: 0; padding: 1mm; font-family: Arial, sans-serif; } body { margin: 0; padding: 1mm; font-family: Arial, sans-serif; }
.label-container { display: flex; flex-wrap: wrap; gap: 1mm; justify-content: center; transform-origin: center; } .label-container { display: flex; flex-wrap: wrap; gap: 1mm; justify-content: center; align-items: center; transform-origin: center; }
.label { width: 76mm; height: 46mm; border: 1px solid #000; padding: 0; box-sizing: border-box; page-break-inside: avoid; overflow: hidden; } .label { width: 75mm; height: 45mm; border: 1px solid #000; padding: 0; box-sizing: border-box; page-break-inside: avoid; overflow: hidden; margin: 0 auto; }
.label-table { width: 100%; height: 100%; border-collapse: collapse; table-layout: fixed; } .label-table { width: 100%; height: 100%; border-collapse: collapse; table-layout: fixed; }
.label-cell { border: 1px solid #000; padding: 0.8mm; vertical-align: top; } .label-cell { border: 1px solid #000; padding: 0.8mm; vertical-align: top; }
.qr-cell { width: 22mm; text-align: center; vertical-align: middle; border: 1px solid #000; } .qr-cell { width: 22mm; text-align: center; vertical-align: middle; border: 1px solid #000; }
.label-row { display: flex; align-items: center; } .label-row { display: flex; align-items: center; }
.label-field { font-size: 7.5pt; font-weight: bold; margin-right: 1mm; min-width: 22pt; white-space: nowrap; } .label-field { font-size: 7.5pt; font-weight: bold; margin-right: 1mm; min-width: 22pt; white-space: nowrap; }
.label-value { font-size: 7.5pt; font-weight: bold; flex: 1; overflow-wrap: break-word; word-break: break-word; } .label-value { font-size: 7.5pt; font-weight: bold; flex: 1; overflow-wrap: break-word; word-break: break-word; }
.qr-code img { width: 20mm; height: 20mm; margin: 0.5mm 0; } .qr-code img { width: 22mm; height: 22mm; margin: 0.5mm 0; }
.mark-number { font-size: 7pt; font-weight: bold; margin-top: 0.5mm; text-align: center; } .mark-number { font-size: 7pt; font-weight: bold; margin-top: 0.5mm; text-align: center; }
.serial-number { font-size: 7.5pt; font-weight: bold; margin-top: 0.5mm; } .serial-number { font-size: 7.5pt; font-weight: bold; margin-top: 0.5mm; }
</style> </style>
</head> </head>
<body> <body>
<div class="label-container"> <div class="label-container">

View File

@@ -481,15 +481,15 @@ const printLabel = async () => {
<style> <style>
@page { size: 80mm 50mm; margin: 0; } @page { size: 80mm 50mm; margin: 0; }
body { margin: 0; padding: 1mm; font-family: Arial, sans-serif; } body { margin: 0; padding: 1mm; font-family: Arial, sans-serif; }
.label-container { display: flex; flex-wrap: wrap; gap: 1mm; justify-content: center; transform-origin: center; } .label-container { display: flex; flex-wrap: wrap; gap: 1mm; justify-content: center; align-items: center; transform-origin: center; }
.label { width: 76mm; height: 46mm; border: 1px solid #000; padding: 0; box-sizing: border-box; page-break-inside: avoid; overflow: hidden; } .label { width: 75mm; height: 45mm; border: 1px solid #000; padding: 0; box-sizing: border-box; page-break-inside: avoid; overflow: hidden; margin: 0 auto; }
.label-table { width: 100%; height: 100%; border-collapse: collapse; table-layout: fixed; } .label-table { width: 100%; height: 100%; border-collapse: collapse; table-layout: fixed; }
.label-cell { border: 1px solid #000; padding: 0.8mm; vertical-align: top; } .label-cell { border: 1px solid #000; padding: 0.8mm; vertical-align: top; }
.qr-cell { width: 22mm; text-align: center; vertical-align: middle; border: 1px solid #000; } .qr-cell { width: 22mm; text-align: center; vertical-align: middle; border: 1px solid #000; }
.label-row { display: flex; align-items: center; } .label-row { display: flex; align-items: center; }
.label-field { font-size: 7.5pt; font-weight: bold; margin-right: 1mm; min-width: 22pt; white-space: nowrap; } .label-field { font-size: 7.5pt; font-weight: bold; margin-right: 1mm; min-width: 22pt; white-space: nowrap; }
.label-value { font-size: 7.5pt; font-weight: bold; flex: 1; overflow-wrap: break-word; word-break: break-word; } .label-value { font-size: 7.5pt; font-weight: bold; flex: 1; overflow-wrap: break-word; word-break: break-word; }
.qr-code img { width: 20mm; height: 20mm; margin: 0.5mm 0; } .qr-code img { width: 22mm; height: 22mm; margin: 0.5mm 0; }
.mark-number { font-size: 7pt; font-weight: bold; margin-top: 0.5mm; text-align: center; } .mark-number { font-size: 7pt; font-weight: bold; margin-top: 0.5mm; text-align: center; }
.serial-number { font-size: 7.5pt; font-weight: bold; margin-top: 0.5mm; } .serial-number { font-size: 7.5pt; font-weight: bold; margin-top: 0.5mm; }
</style> </style>