wms/nflg-wms-admin/src/main/resources/template/钢构件老鼠图.html

141 lines
4.4 KiB
HTML
Raw Normal View History

2025-09-10 18:09:31 +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: 8px;
}
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%;
2025-09-10 18:09:31 +08:00
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: 8px;
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.externalOrderNo}">12255665451615</span></td>
<td>行号:<span th:text="${info.rowNo}">1111</span></td>
<td>托盘号:<span th:text="${info.trayNo}">1111</span></td>
<td colspan="2">供应商:<span th:text="${info.supplierName}">1111</span></td>
<td rowspan="3" class="cell-img" style="width: 130px;">
<img alt="" style="width: 100px;" th:src="${info.qrCode}" src="../img/logo1.png"/>
</td>
</tr>
<tr>
<td>机型:<span th:text="${info.modelNos}">12255665451615</span></td>
<td>版本:<span th:text="${info.version}">1</span></td>
<td>机台号:<span th:text="${info.workbenchCode}">1</span></td>
<td>种类:<span th:text="${info.cate}">1</span></td>
<td style="width: 80px;">总重:<span th:text="${info.weight}">348.41</span></td>
</tr>
<tr>
<td colspan="4">物料号:<span th:text="${info.no}">2222222222</span>&nbsp;图号:<span
th:text="${info.drawingNo}">12255665451615</span>&nbsp;描述:<span th:text="${info.name}">12255665451615</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'">
<div class="cell" style="height: 160px;">
2025-09-10 18:09:31 +08:00
<div class="cell-img">
<img style="width: 200px;height: 140px;" alt=""
2025-09-19 09:05:02 +08:00
th:src="${!#strings.isEmpty(item.image)} ? ${item.image} : (${#strings.isEmpty(item.no)} ? '' : 'http://192.168.163.83:9090/nflg-wms/template/none.png')"/>
2025-09-10 18:09:31 +08:00
</div>
</div>
2025-09-22 17:47:51 +08:00
<div class="cell">SAP编码<span th:text="${item.no}">2222222222</span></div>
<div class="cell">图号:<span th:text="${item.drawingNo}">12255665451615</span></div>
2025-09-10 18:09:31 +08:00
<div class="cell">名称:<span th:text="${item.name}">2222222222</span></div>
<div class="cell">数量:<span th:text="${item.num}">1</span>&nbsp;&nbsp;&nbsp;&nbsp;重量:<span
th:text="${item.weight}">348.41</span></div>
</div>
</div>
</body>
</html>