2026-04-02 18:40:55 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
|
|
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8"/>
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
|
|
|
|
<title>物料老鼠图</title>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
@page {
|
|
|
|
|
|
size: A4;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
|
font-family: SimSun, serif;
|
|
|
|
|
|
font-size: 9pt;
|
|
|
|
|
|
padding: 10px;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.logo {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.logo img {
|
|
|
|
|
|
height: 40px;
|
|
|
|
|
|
padding: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
table {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
|
border: 1px solid #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
td {
|
|
|
|
|
|
border: 1px solid #000;
|
|
|
|
|
|
padding: 7px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
tr:first-child td {
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
tr:last-child td {
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
td:first-child {
|
|
|
|
|
|
border-left: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
td:last-child {
|
|
|
|
|
|
border-right: none;
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.data-item {
|
|
|
|
|
|
width: 33.16207%;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
border-right: 1px solid #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.data-item-row-first {
|
|
|
|
|
|
border-left: 1px solid #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cell-img {
|
|
|
|
|
|
display: table-cell;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
padding: 10px;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cell-img img {
|
|
|
|
|
|
vertical-align: middle; /* 防止图片底部留空隙 */
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cell {
|
|
|
|
|
|
border-bottom: 1px solid #000;
|
|
|
|
|
|
padding: 7px;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cell1 {
|
|
|
|
|
|
border-bottom: 1px solid #000;
|
|
|
|
|
|
padding: 7px;
|
|
|
|
|
|
height: 25px;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.container {
|
|
|
|
|
|
page-break-after: always;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.container:last-child {
|
|
|
|
|
|
page-break-after: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div class="container" th:each="page,pageStat : ${pages}">
|
|
|
|
|
|
<div class="logo"><img alt="" src="../img/logo1.png"/></div>
|
|
|
|
|
|
<table>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>清单编号：<span th:text="${info.no}">12255665451615</span></td>
|
|
|
|
|
|
<td>机台编号：<span th:text="${info.deviceNo}">1111</span></td>
|
|
|
|
|
|
<td>物料编号：<span th:text="${info.materialNo}">12255665451615</span></td>
|
|
|
|
|
|
<!-- 二维码：右侧固定 + 跨3行 -->
|
|
|
|
|
|
<td style="width: 120px; text-align: right; vertical-align: middle;" rowspan="3">
|
|
|
|
|
|
<img alt="二维码" style="width: 100px; height: 100px;" th:src="${info.qrCode}" src="../img/logo1.png"/>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
|
|
|
|
<td>销售订单号：<span th:text="${info.soNo}">1</span></td>
|
|
|
|
|
|
<td>客户名称：<span th:text="${info.customerName}">12255665451615</span></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
|
|
|
|
<td>下单日期：<span th:text="${info.orderDay}">1</span></td>
|
|
|
|
|
|
<td>总重：<span th:text="${info.weight}">348.41</span></td>
|
|
|
|
|
|
<td>页码：<span th:text="${pageStat.count}">1</span>/<span th:text="${pageStat.size}">2</span></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
<div class="data-item" th:each="item,itemStat : ${page.datas}"
|
|
|
|
|
|
th:classappend="${itemStat.index % 3 == 0} ? 'data-item-row-first'">
|
2026-04-15 17:25:58 +08:00
|
|
|
|
<div class="cell" style="height: 300px;">
|
2026-04-02 18:40:55 +08:00
|
|
|
|
<div class="cell-img">
|
2026-04-15 17:25:58 +08:00
|
|
|
|
<img style="width: 200px;height: 280px;" alt=""
|
2026-04-02 18:40:55 +08:00
|
|
|
|
th:src="${!#strings.isEmpty(item.image)} ? ${item.image} : (${#strings.isEmpty(item.materialNo)} ? '' : 'http://192.168.163.83:9090/nflg-wms/template/none.png')"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="cell">SAP编码：<span th:text="${item.materialNo}">2222222222</span></div>
|
|
|
|
|
|
<div class="cell1">图号：<span
|
|
|
|
|
|
th:text="${item.drawingNo}">图号图号图号图号图号图号图号图号图号图号图号图号图号图号图号图号</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="cell1">名称：<span
|
|
|
|
|
|
th:text="${item.materialDescribe}">名称名称名称名称名称名称名称名称名称名名称名名称名称名称称名称名称名称称名称名称名称</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="cell">数量：<span th:text="${item.num}">1</span> 重量：<span
|
|
|
|
|
|
th:text="${item.weight}">348.41</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
