99 lines
2.8 KiB
HTML
99 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<title>钢构件物料标签</title>
|
|
<style>
|
|
@page {
|
|
size: 600px 400px;
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
width: 600px;
|
|
height: 400px;
|
|
font-size: 20pt;
|
|
font-family: SimSun, Arial, sans-serif;
|
|
margin: 0;
|
|
line-height: 1.1;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
-webkit-print-color-adjust: exact;
|
|
print-color-adjust: exact;
|
|
}
|
|
|
|
table {
|
|
width: 600px;
|
|
height: 380px;
|
|
border-collapse: collapse;
|
|
border: 3px solid #000;
|
|
}
|
|
|
|
tr td {
|
|
border: 3px solid #000;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
text-align: left;
|
|
display: table-cell;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.img {
|
|
max-width: 350px;
|
|
max-height: 160px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.qrcode {
|
|
width: 210px;
|
|
height: 210px;
|
|
}
|
|
|
|
.title {
|
|
height: 100px;
|
|
font-size: 24pt;
|
|
line-height: normal;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
text-align: left;
|
|
display: table-cell;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<div th:text="${index}">1</div>
|
|
<table>
|
|
<tr>
|
|
<td colspan="4">
|
|
<div th:text="|${item.packageDesc}(${item.supplierCode})|" class="title">
|
|
833-33-07-NF左踏板连接架(00001016NF左踏板连接架NF左踏板连接架
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" rowspan="3" style="text-align: center;">
|
|
<img th:src="${item.qrCodeImage}" class="qrcode"
|
|
src="https://img-s.msn.cn/tenant/amp/entityid/AA1RXD8a.img" alt=""/>
|
|
</td>
|
|
<td colspan="2" th:text="${item.drawingNo}" style="height: 36px;">833-33-07-NF</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="font-weight: bold;text-align: center;width: 120px;height: 36px;">SAP编码</td>
|
|
<td th:text="${item.materialNo}" style="width: 20mm">2100080450</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" rowspan="2" style="width: 320px;height: 160px; text-align: center">
|
|
<img th:src="${item.image}" class="img" src="https://img-s.msn.cn/tenant/amp/entityid/AA1SpWIZ.img"
|
|
alt=""/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" style="font-size: 15pt;text-align: center;height: 30px" th:text="${item.qrCodeId}">
|
|
1244565616465_1
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
</html> |