152 lines
4.8 KiB
HTML
152 lines
4.8 KiB
HTML
<!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.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> 图号：<span
|
||
th:text="${info.drawingNo}">12255665451615</span> 描述：<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: 150px;">
|
||
<div class="cell-img">
|
||
<img style="width: 200px;height: 130px;" alt=""
|
||
th:src="${!#strings.isEmpty(item.image)} ? ${item.image} : (${#strings.isEmpty(item.no)} ? '' : 'http://192.168.163.83:9090/nflg-wms/template/none.png')"/>
|
||
</div>
|
||
</div>
|
||
<div class="cell">SAP编码：<span th:text="${item.no}">2222222222</span></div>
|
||
<div class="cell1">图号：<span
|
||
th:text="${item.drawingNo}">图号图号图号图号图号图号图号图号图号图号图号图号图号图号图号图号</span>
|
||
</div>
|
||
<div class="cell1">名称：<span
|
||
th:text="${item.name}">名称名称名称名称名称名称名称名称名称名名称名名称名称名称称名称名称名称称名称名称名称</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> |