fix:调整打印样式
This commit is contained in:
@@ -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>'
|
||||
|
||||
@@ -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>'
|
||||
|
||||
@@ -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>'
|
||||
|
||||
@@ -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>'
|
||||
|
||||
Reference in New Issue
Block a user