wms/nflg-wms-admin/src/main/resources/template/配件销售发货清单.html

193 lines
8.2 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 landscape;
}
body {
2025-09-11 18:19:07 +08:00
width: 1000px;
2025-09-10 18:09:31 +08:00
font-family: SimSun, serif;
font-size: 9pt;
2025-09-11 18:19:07 +08:00
text-align: center;
2025-09-10 18:09:31 +08:00
}
.table-container {
width: 100%;
margin: 0 auto;
}
.table-row {
width: 100%;
overflow: hidden;
background: #fff;
page-break-inside: avoid;
}
.table-cell {
float: left;
width: 20%;
padding: 6px;
box-sizing: border-box;
2025-09-11 18:19:07 +08:00
border-top: 1px solid #000;
border-left: 1px solid #000;
2025-09-10 18:09:31 +08:00
text-align: left;
2025-09-11 18:19:07 +08:00
white-space: nowrap;
overflow: hidden;
2025-09-10 18:09:31 +08:00
}
/* 第一行加顶部边框 */
.first-row .table-cell {
2025-09-11 18:19:07 +08:00
border-top: 1px solid #000;
2025-09-10 18:09:31 +08:00
}
/* 最后一行加底部边框 */
.last-row .table-cell {
2025-09-11 18:19:07 +08:00
border-bottom: 1px solid #000;
2025-09-10 18:09:31 +08:00
}
/* 最后一列加右边框 */
.last-col {
2025-09-11 18:19:07 +08:00
border-right: 1px solid #000;
2025-09-10 18:09:31 +08:00
}
/* 表头样式 */
.header-cell {
font-weight: bold;
text-align: center;
2025-09-11 18:19:07 +08:00
font-size: 18pt;
2025-09-10 18:09:31 +08:00
padding: 10px;
}
.cell-center {
text-align: center;
}
</style>
</head>
<body>
2025-09-11 18:19:07 +08:00
<div class="table-container" th:each="page,pageStat : ${pages}">
2025-09-10 18:09:31 +08:00
<div class="table-row first-row">
<div class="table-cell header-cell last-col" style="width: 100%">发货清单</div>
</div>
<div class="table-row">
2025-09-11 18:19:07 +08:00
<div class="table-cell" style="width: 35%" th:text="${info.no}">ZL-4.15(3-04)</div>
2025-09-10 18:09:31 +08:00
<div class="table-cell" style="width: 35%">福建南方路面机械股份有限公司</div>
<div class="table-cell" style="width: 15%">装车号V01</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell last-col" style="width: 15%"
th:text="${#strings.isEmpty(info.cnum)?'&nbsp;':info.cnum}"></div>
2025-09-10 18:09:31 +08:00
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 9%">订单号</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell" style="width: 11%" th:utext="${#strings.isEmpty(info.vbeln)?'&nbsp;':info.vbeln}">
1172000
</div>
2025-09-10 18:09:31 +08:00
<div class="table-cell cell-center" style="width: 8%">发货员</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell" style="width: 8%" th:text="${#strings.isEmpty(info.uname)?'&nbsp;':info.uname}">程慧芳
</div>
2025-09-10 18:09:31 +08:00
<div class="table-cell cell-center" style="width: 13%">办事处/代理商</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell" style="width: 11%" th:text="${#strings.isEmpty(info.pName)?'&nbsp;':info.pName}">测试
</div>
2025-09-10 18:09:31 +08:00
<div class="table-cell cell-center" style="width: 9%">发货日期</div>
2025-09-12 18:03:23 +08:00
<div class="table-cell" style="width: 11%"
th:text="${info.datum != null?#temporals.format(info.datum, 'yyyy-MM-dd'):'&nbsp;'}">
2025-09-11 18:19:07 +08:00
2025-08-04
</div>
2025-09-10 18:09:31 +08:00
<div class="table-cell cell-center" style="width: 9%">发运方式</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell last-col" style="width: 11%"
th:text="${#strings.isEmpty(info.lBezei)?'&nbsp;':info.lBezei}">&nbsp;
</div>
2025-09-10 18:09:31 +08:00
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 9%">设备编码</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell" style="width: 11%" th:utext="${#strings.isEmpty(info.matnr)?'&nbsp;':info.matnr}">
22222222222
</div>
2025-09-10 18:09:31 +08:00
<div class="table-cell cell-center" style="width: 12%">收货人电话</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell" style="width: 40%"
th:text="${#strings.isEmpty(info.gStrSuppl2)?'&nbsp;':info.gStrSuppl2}">于文强18365529799
</div>
2025-09-10 18:09:31 +08:00
<div class="table-cell cell-center" style="width: 8%">货单号</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell last-col" style="width: 20%"
th:text="${#strings.isEmpty(info.huodh)?'&nbsp;':info.huodh}">0000
</div>
2025-09-10 18:09:31 +08:00
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 9%">收货单位</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell" style="width: 40%" th:text="${#strings.isEmpty(info.lName)?'&nbsp;':info.lName}">
安徽华恒创远新材料有限责任公司
</div>
2025-09-10 18:09:31 +08:00
<div class="table-cell cell-center" style="width: 12%">签收人/电话</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell last-col" style="width: 39%">&nbsp;</div>
2025-09-10 18:09:31 +08:00
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 9%">收货地址</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell" style="width: 71%" th:text="${#strings.isEmpty(info.gStreen)?'&nbsp;':info.gStreen}">
安徽华恒创远新材料有限责任公司
</div>
2025-09-10 18:09:31 +08:00
<div class="table-cell cell-center" style="width: 9%">收货日期</div>
<div class="table-cell last-col" style="width: 11%">2025-08-04</div>
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 6%">司机</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell" style="width: 14%" th:text="${#strings.isEmpty(info.bname)?'&nbsp;':info.bname}">
于文强
</div>
2025-09-10 18:09:31 +08:00
<div class="table-cell cell-center" style="width: 8%">驾驶证</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell" style="width: 26%" th:text="${#strings.isEmpty(info.zjshz)?'&nbsp;':info.zjshz}">
51254685465465465
</div>
2025-09-10 18:09:31 +08:00
<div class="table-cell cell-center" style="width: 9%">车牌号</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell" style="width: 12%" th:text="${#strings.isEmpty(info.zchep)?'&nbsp;':info.zchep}">
粤A12345
</div>
2025-09-10 18:09:31 +08:00
<div class="table-cell cell-center" style="width: 10%">司机电话</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell last-col" style="width: 15%"
th:text="${#strings.isEmpty(info.telNumber)?'&nbsp;':info.telNumber}">18888888888
</div>
2025-09-10 18:09:31 +08:00
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 6%">序号</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell cell-center" style="width: 9%">配件编码</div>
<div class="table-cell cell-center" style="width: 39%">配件名称</div>
2025-09-10 18:09:31 +08:00
<div class="table-cell cell-center" style="width: 12%">货位号</div>
<div class="table-cell cell-center" style="width: 6%">单位</div>
<div class="table-cell cell-center" style="width: 8%">数量</div>
<div class="table-cell cell-center last-col" style="width: 20%">备注</div>
</div>
2025-09-11 18:19:07 +08:00
<div class="table-row" th:each="item,iterStat : ${page.datas}">
<div class="table-cell cell-center" style="width: 6%" th:text="${iterStat.count}">1</div>
<div class="table-cell cell-center" style="width: 9%"
th:text="${#strings.isEmpty(item.idnrk)?'&nbsp;':item.idnrk}">2100552783
</div>
<div class="table-cell" style="width: 39%" th:text="${#strings.isEmpty(item.ojtxb)?'&nbsp;':item.ojtxb}">
IH1213T.4 衬板6号
</div>
<div class="table-cell cell-center" style="width: 12%"
th:text="${#strings.isEmpty(item.lgpbe)?'&nbsp;':item.lgpbe}">E1-4-4
</div>
<div class="table-cell cell-center" style="width: 6%"
th:text="${#strings.isEmpty(item.meins)?'&nbsp;':item.meins}">PC
</div>
<div class="table-cell cell-center" style="width: 8%"
th:text="${#strings.isEmpty(item.outQty)?'&nbsp;':item.outQty}">20.000
</div>
<div class="table-cell last-col" style="width: 20%"
th:text="${#strings.isEmpty(item.zatwrt)?'&nbsp;':item.zatwrt}">&nbsp;
</div>
2025-09-10 18:09:31 +08:00
</div>
<div class="table-row last-row">
<div class="table-cell" style="width: 6%">&nbsp;</div>
2025-09-11 18:19:07 +08:00
<div class="table-cell" style="width: 9%">&nbsp;</div>
<div class="table-cell" style="width: 39%">&nbsp;</div>
2025-09-10 18:09:31 +08:00
<div class="table-cell" style="width: 12%">&nbsp;</div>
<div class="table-cell" style="width: 6%">&nbsp;</div>
<div class="table-cell" style="width: 8%">&nbsp;</div>
<div class="table-cell last-col" style="width: 20%">&nbsp;</div>
</div>
</div>
</body>
</html>