103 lines
2.0 KiB
HTML
103 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Node PDF Creator</title>
|
|
<style>
|
|
html,
|
|
body {
|
|
height: 296mm;
|
|
width: 212mm;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background-color: #ffffff;
|
|
overflow: hidden;
|
|
}
|
|
|
|
table {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
td {
|
|
text-align: center;
|
|
border: 1px black;
|
|
border-style: none dashed none none;
|
|
height: 37mm;
|
|
width: 35mm;
|
|
padding: 0px;
|
|
background-color: rgb(255, 255, 255)
|
|
}
|
|
|
|
tr {
|
|
margin: 0px;
|
|
}
|
|
|
|
.qrcode {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
height: 2cm;
|
|
width: 2cm;
|
|
}
|
|
|
|
p {
|
|
font-family: monospace;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
/*background-color: rgb(0, 0, 0);*/
|
|
height: fit-content;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
font-size: 8pt;
|
|
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
|
|
<table>
|
|
<tbody>
|
|
{{#each data}}
|
|
<tr>
|
|
<td>
|
|
<p><strong>INVENTAR</strong></p>
|
|
<img class="qrcode" src="{{this.q0.url}}">
|
|
<p><strong>SKU {{this.q0.data}}</strong></p>
|
|
</td>
|
|
<td>
|
|
<p><strong>INVENTAR</strong></p>
|
|
<img class="qrcode" src="{{this.q1.url}}">
|
|
<p><strong>SKU {{this.q1.data}}</strong></p>
|
|
</td>
|
|
<td>
|
|
<p><strong>INVENTAR</strong></p>
|
|
<img class="qrcode" src="{{this.q2.url}}">
|
|
<p><strong>SKU {{this.q2.data}}</strong></p>
|
|
</td>
|
|
<td>
|
|
<p><strong>INVENTAR</strong></p>
|
|
<img class="qrcode" src="{{this.q3.url}}">
|
|
<p><strong>SKU {{this.q3.data}}</strong></p>
|
|
</td>
|
|
<td>
|
|
<p><strong>INVENTAR</strong></p>
|
|
<img class="qrcode" src="{{this.q4.url}}">
|
|
<p><strong>SKU {{this.q4.data}}</strong></p>
|
|
</td>
|
|
<td>
|
|
<p><strong>INVENTAR</strong></p>
|
|
<img class="qrcode" src="{{this.q5.url}}">
|
|
<p><strong>SKU {{this.q5.data}}</strong></p>
|
|
</td>
|
|
</tr>
|
|
{{/each}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |