76 lines
2.2 KiB
HTML
76 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<title>普通物料标签</title>
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
|
<style>
|
|
body {
|
|
font-size: 9px;
|
|
font-family: SimSun, Arial, sans-serif;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
.container {
|
|
width: 100%;
|
|
overflow: hidden; /* 清除浮动 */
|
|
}
|
|
|
|
.item {
|
|
float: left;
|
|
width: 23%;
|
|
box-sizing: border-box;
|
|
margin: 5px;
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
/* 清除浮动 */
|
|
.container::after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
table, th, td {
|
|
border: 1px solid #333;
|
|
}
|
|
|
|
th, td {
|
|
padding: 5px;
|
|
text-align: left;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="width: 100%">
|
|
<div style="text-align: center">
|
|
<img alt="" src="../../img/logo1.png" style="width: 300px;" />
|
|
</div>
|
|
<div class="container">
|
|
<div class="item" th:each="item : ${list}">
|
|
<table>
|
|
<tr>
|
|
<td style="text-align: center"><img alt="" style="height: 100px;margin: 5px;" th:src="${item.qrCode}"/></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>SAP编码: <span style="display: inline;" th:text="${item.materialNo}"></span></span></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>名称: <span style="display: inline;" th:text="${item.materialDesc}"></span></span></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>数量: <span style="display: inline;" th:text="${item.printNum}"></span></span></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span>批次号: <span style="display: inline;" th:text="${item.batchNo}"></span></span></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |