wms/nflg-wms-admin/src/main/resources/template/生产领料出库单.html

207 lines
5.9 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 landscape; /* 横向 A4 */
margin: 10mm; /* 页边距 */
}
body {
font-family: SimSun, serif;
font-size: 12px;
margin: 10px;
}
.container {
max-width: 100%;
margin: 0 auto;
background-color: white;
padding: 10px;
border: 1px solid #ccc;
page-break-after: always;
}
.container:last-child {
page-break-after: auto;
}
.company-name {
text-align: center;
font-size: 18px;
margin: 10px 0;
}
.title {
text-align: center;
font-size: 25px;
font-weight: bold;
margin: 20px 0;
}
.info-item label {
display: inline-block;
width: 80px;
font-weight: bold;
}
.table-data {
clear: both;
margin: 20px 0;
}
.table-data table {
width: 100%;
border-collapse: collapse;
border: 1px solid #000;
}
.table-desc table {
width: 100%;
border: 0;
}
.table-desc td {
text-align: left;
border: 0;
}
th, td {
border: 1px solid #000;
padding: 5px;
text-align: center;
font-size: 12px;
}
th {
background-color: #f0f0f0;
font-weight: bold;
height: 20px;
}
td {
height: 15px;
}
.footer {
margin-top: 10px;
overflow: hidden;
}
.footer-item {
float: left;
width: 23%;
font-size: 12px;
}
.footer-item label {
margin-right: 10px;
}
.filled-row {
background-color: #fff;
}
.package-logo {
width: 150px;
margin: 0 auto;
margin-bottom: 20px;
}
.package-logo img {
width: 100%;
}
.col-left {
text-align: left;
}
</style>
</head>
<body>
<div class="container" th:each="page,pageStat : ${pages}">
<div style="position:relative;">
<div class="package-logo" style="margin: 5px;position:absolute;"><img src="../img/logo1.png"/></div>
<div>
<div class="company-name">福建南方路面机械股份有限公司</div>
<div class="title" th:text="${base.title}">生产领料出库单</div>
</div>
</div>
<div class="table-desc">
<table>
<tr>
<td style="width: 30%;">移动类型:<span></span></td>
<td>工厂/库存地点:<span th:text="${info.dwerk}">1010</span>/<span th:text="${info.lgort2}">0007</span>
</td>
<td style="width: 25%;">页码:<span th:text="${pageStat.count}">1</span>/<span
th:text="${pageStat.size}">1</span></td>
</tr>
<tr>
<td>物料凭证:<span th:text="${info.matDoc}"></span></td>
<td>机台编号:<span th:text="${info.jtsn}"></span></td>
<td>过账日期:<span th:text="${base.createDate}"></span></td>
</tr>
<tr>
<td>物料号:<span th:text="${info.plnbez}">ZL00856130</span></td>
<td>物料描述:<span th:text="${info.maktx}">QCE-WFC1100RSE-037-001推铲输送机</span></td>
<td>备注:<span th:text="${info.remark}"></span></td>
</tr>
</table>
</div>
<div style="clear: both;"></div>
<div class="table-data">
<table>
<thead>
<tr>
<td class="col-seq">序号</td>
<td class="col-code">生产订单</td>
<td class="col-code">领用物料</td>
<td class="col-desc">领用物料描述</td>
<td class="col-warehouse">储位</td>
<td class="col-apply">需求数</td>
<td class="col-apply">发料数</td>
<td class="col-unit">单位</td>
<td class="col-actual">批次/序列号</td>
<td class="col-code">领料部门</td>
<td class="col-code">工位</td>
</tr>
</thead>
<tbody>
<tr class="filled-row" th:each="item,iterStat : ${page.datas}">
<td th:text="${iterStat.count}">1</td>
<td th:text="${item.aufnr}">1100045428</td>
<td th:text="${item.matnr}">1100045428</td>
<td th:text="${item.maktx2}" class="col-left">非金属联件和紧固件等 M6 DIN 982 不锈钢304</td>
<td th:text="${item.lgpbe}">LK30</td>
<td th:text="${item.bdmng}">10.00</td>
<td th:text="${item.num}">1.00</td>
<td th:text="${item.meins}">PC</td>
<td th:text="${info.sernr}"></td>
<td th:text="${item.ekgrp}"></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="footer">
<div class="footer-item">
<label>发货人:</label>
</div>
<div class="footer-item">
<label>收货人:</label>
</div>
<div class="footer-item">
<label>制单人:</label>
</div>
<div class="footer-item">
<label>制单日期:<span th:text="${base.date}">2025-08-14</span></label>
</div>
</div>
</div>
</body>
</html>