fix:调整打印样式

This commit is contained in:
zhaoyf
2026-07-14 20:53:32 +08:00
parent daa7151a83
commit a1679c31d4
4 changed files with 19 additions and 19 deletions

View File

@@ -478,8 +478,8 @@ export default {
html += '.label{page-break-after:always;padding:10px;text-align:center}'
html += '.label:last-child{page-break-after:auto}'
html += 'h3{text-align:center;font-size:16px;margin-bottom:8px}'
html += 'table{width:100%;border-collapse:collapse;margin:0 auto;max-width:400px}'
html += 'td{padding:6px 10px;border:2px solid #333;font-size:13px}'
html += 'table{width:463px;height:223px;border-collapse:collapse;margin:0 auto;}'
html += 'td{padding:6px 10px;border:2px solid #333;font-size:18px}'
html += '.lbl{width:30%;text-align:right;background:#f9f9f9}'
html += '.val{width:40%;text-align:left}'
html += '.qr{width:30%;text-align:center;vertical-align:middle}'
@@ -489,13 +489,13 @@ export default {
for (const item of selectData) {
const code = item.storagevehicle_code || ''
const imgSrc = await QRCode.toDataURL(code, {
width: 100
width: 300
})
const type = this.formattType(item) || ''
html += '<div class="label">'
html += '<h3>上海诺力</h3>'
html += '<table>'
html += '<tr><td class="lbl">载具条码</td><td class="val">' + code + '</td><td class="qr" rowspan="3"><img src="' + imgSrc + '" width="100" height="100" /></td></tr>'
html += '<tr><td class="lbl">载具条码</td><td class="val">' + code + '</td><td class="qr" rowspan="3"><img src="' + imgSrc + '" width="150" height="150" /></td></tr>'
html += '<tr><td class="lbl">载具类型</td><td class="val">' + type + '</td></tr>'
html += '<tr><td class="lbl">归属厂区</td><td class="val">诺力五期</td></tr>'
html += '</table></div>'

View File

@@ -322,11 +322,11 @@ export default {
let html = '<!DOCTYPE html><html><head><meta charset="utf-8"><style>'
html += '*{margin:0;padding:0;box-sizing:border-box}'
html += 'body{font-family:"Microsoft YaHei",Arial,sans-serif;padding:10px}'
html += '.label{page-break-after:always;padding:10px;text-align:center}'
html += '.label{page-break-after:always;padding:10px;text-align:center;}'
html += '.label:last-child{page-break-after:auto}'
html += 'h3{text-align:center;font-size:13px;margin-bottom:3px}'
html += 'table{width:100%;border-collapse:collapse;margin:0 auto;max-width:450px}'
html += 'td{padding:3px 5px;border:2px solid #333;font-size:13px}'
html += 'table{width:463px;border-collapse:collapse;margin:0 auto;height:224px}'
html += 'td{padding:3px 5px;border:2px solid #333;font-size:17px}'
html += '.lbl{width:25%;text-align:right;background:#f9f9f9}'
html += '.val{width:45%;text-align:left}'
html += '.qr{width:30%;text-align:center;vertical-align:middle}'
@@ -340,12 +340,12 @@ export default {
const qty = dtl.qty || ''
const qrText = orderNo + '#' + itemNo + '#' + skuCode + '#' + skuName + '##' + qty + '#'
const imgSrc = await QRCode.toDataURL(qrText, {
width: 200
width: 300
})
html += '<div class="label">'
html += '<h3>上海诺力</h3>'
html += '<table>'
html += '<tr><td class="lbl">单据号</td><td class="val">' + orderNo + '</td><td class="qr" rowspan="5"><img src="' + imgSrc + '" width="100" height="100" /></td></tr>'
html += '<tr><td class="lbl">单据号</td><td class="val">' + orderNo + '</td><td class="qr" rowspan="5"><img src="' + imgSrc + '" width="150" height="150" /></td></tr>'
html += '<tr><td class="lbl">行号</td><td class="val">' + itemNo + '</td></tr>'
html += '<tr><td class="lbl">物料编码</td><td class="val">' + skuCode + '</td></tr>'
html += '<tr><td class="lbl">物料名称</td><td class="val">' + skuName + '</td></tr>'

View File

@@ -270,11 +270,11 @@ export default {
let html = '<!DOCTYPE html><html><head><meta charset="utf-8"><style>'
html += '*{margin:0;padding:0;box-sizing:border-box}'
html += 'body{font-family:"Microsoft YaHei",Arial,sans-serif;padding:10px}'
html += '.label{page-break-after:always;padding:10px;text-align:center}'
html += '.label{page-break-after:always;padding:10px;text-align:center;}'
html += '.label:last-child{page-break-after:auto}'
html += 'h3{text-align:center;font-size:13px;margin-bottom:3px}'
html += 'table{width:100%;border-collapse:collapse;margin:0 auto;max-width:450px}'
html += 'td{padding:3px 5px;border:2px solid #333;font-size:13px}'
html += 'table{width:463px;border-collapse:collapse;margin:0 auto;height:224px}'
html += 'td{padding:3px 5px;border:2px solid #333;font-size:17px}'
html += '.lbl{width:25%;text-align:right;background:#f9f9f9}'
html += '.val{width:45%;text-align:left}'
html += '.qr{width:30%;text-align:center;vertical-align:middle}'
@@ -288,12 +288,12 @@ export default {
const qty = dtl.qty || ''
const qrText = orderNo + '#' + itemNo + '#' + skuCode + '#' + skuName + '##' + qty + '#'
const imgSrc = await QRCode.toDataURL(qrText, {
width: 200
width: 300
})
html += '<div class="label">'
html += '<h3>上海诺力</h3>'
html += '<table>'
html += '<tr><td class="lbl">单据号</td><td class="val">' + orderNo + '</td><td class="qr" rowspan="5"><img src="' + imgSrc + '" width="100" height="100" /></td></tr>'
html += '<tr><td class="lbl">单据号</td><td class="val">' + orderNo + '</td><td class="qr" rowspan="5"><img src="' + imgSrc + '" width="150" height="150" /></td></tr>'
html += '<tr><td class="lbl">行号</td><td class="val">' + itemNo + '</td></tr>'
html += '<tr><td class="lbl">物料编码</td><td class="val">' + skuCode + '</td></tr>'
html += '<tr><td class="lbl">物料名称</td><td class="val">' + skuName + '</td></tr>'

View File

@@ -338,11 +338,11 @@ export default {
let html = '<!DOCTYPE html><html><head><meta charset="utf-8"><style>'
html += '*{margin:0;padding:0;box-sizing:border-box}'
html += 'body{font-family:"Microsoft YaHei",Arial,sans-serif;padding:10px}'
html += '.label{page-break-after:always;padding:10px;text-align:center}'
html += '.label{page-break-after:always;padding:10px;text-align:center;}'
html += '.label:last-child{page-break-after:auto}'
html += 'h3{text-align:center;font-size:13px;margin-bottom:3px}'
html += 'table{width:100%;border-collapse:collapse;margin:0 auto;max-width:450px}'
html += 'td{padding:3px 5px;border:2px solid #333;font-size:13px}'
html += 'table{width:463px;border-collapse:collapse;margin:0 auto;height:224px}'
html += 'td{padding:3px 5px;border:2px solid #333;font-size:17px}'
html += '.lbl{width:25%;text-align:right;background:#f9f9f9}'
html += '.val{width:45%;text-align:left}'
html += '.qr{width:30%;text-align:center;vertical-align:middle}'
@@ -356,12 +356,12 @@ export default {
const qty = dtl.qty || ''
const qrText = orderNo + '#' + itemNo + '#' + skuCode + '#' + skuName + '##' + qty + '#'
const imgSrc = await QRCode.toDataURL(qrText, {
width: 200
width: 300
})
html += '<div class="label">'
html += '<h3>上海诺力</h3>'
html += '<table>'
html += '<tr><td class="lbl">单据号</td><td class="val">' + orderNo + '</td><td class="qr" rowspan="5"><img src="' + imgSrc + '" width="100" height="100" /></td></tr>'
html += '<tr><td class="lbl">单据号</td><td class="val">' + orderNo + '</td><td class="qr" rowspan="5"><img src="' + imgSrc + '" width="150" height="150" /></td></tr>'
html += '<tr><td class="lbl">行号</td><td class="val">' + itemNo + '</td></tr>'
html += '<tr><td class="lbl">物料编码</td><td class="val">' + skuCode + '</td></tr>'
html += '<tr><td class="lbl">物料名称</td><td class="val">' + skuName + '</td></tr>'