rakor
/
wms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
wms/nflg-wms-admin/src/main/resources/template/配件销售发货清单.html

192 lines
8.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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 {
width: 1000px;
font-family: SimSun, serif;
font-size: 9pt;
text-align: center;
}
.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;
border-top: 1px solid #000;
border-left: 1px solid #000;
text-align: left;
white-space: nowrap;
overflow: hidden;
}
/* 第一行加顶部边框 */
.first-row .table-cell {
border-top: 1px solid #000;
}
/* 最后一行加底部边框 */
.last-row .table-cell {
border-bottom: 1px solid #000;
}
/* 最后一列加右边框 */
.last-col {
border-right: 1px solid #000;
}
/* 表头样式 */
.header-cell {
font-weight: bold;
text-align: center;
font-size: 18pt;
padding: 10px;
}
.cell-center {
text-align: center;
}
</style>
</head>
<body>
<div class="table-container" th:each="page,pageStat : ${pages}">
<div class="table-row first-row">
<div class="table-cell header-cell last-col" style="width: 100%">发货清单</div>
</div>
<div class="table-row">
<div class="table-cell" style="width: 35%" th:text="${info.no}">ZL-4.15(3-04)</div>
<div class="table-cell" style="width: 35%">福建南方路面机械股份有限公司</div>
<div class="table-cell" style="width: 15%">装车号：V01</div>
<div class="table-cell last-col" style="width: 15%"
th:text="${#strings.isEmpty(info.cnum)?'&nbsp;':info.cnum}"></div>
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 9%">订单号</div>
<div class="table-cell" style="width: 11%" th:utext="${#strings.isEmpty(info.vbeln)?'&nbsp;':info.vbeln}">
1172000
</div>
<div class="table-cell cell-center" style="width: 8%">发货员</div>
<div class="table-cell" style="width: 8%" th:text="${#strings.isEmpty(info.uname)?'&nbsp;':info.uname}">程慧芳
</div>
<div class="table-cell cell-center" style="width: 13%">办事处/代理商</div>
<div class="table-cell" style="width: 11%" th:text="${#strings.isEmpty(info.pName)?'&nbsp;':info.pName}">测试
</div>
<div class="table-cell cell-center" style="width: 9%">发货日期</div>
<div class="table-cell" style="width: 11%" th:text="${#strings.isEmpty(info.datum)?'&nbsp;':info.datum}">
2025-08-04
</div>
<div class="table-cell cell-center" style="width: 9%">发运方式</div>
<div class="table-cell last-col" style="width: 11%"
th:text="${#strings.isEmpty(info.lBezei)?'&nbsp;':info.lBezei}">&nbsp;
</div>
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 9%">设备编码</div>
<div class="table-cell" style="width: 11%" th:utext="${#strings.isEmpty(info.matnr)?'&nbsp;':info.matnr}">
22222222222
</div>
<div class="table-cell cell-center" style="width: 12%">收货人电话</div>
<div class="table-cell" style="width: 40%"
th:text="${#strings.isEmpty(info.gStrSuppl2)?'&nbsp;':info.gStrSuppl2}">于文强18365529799
</div>
<div class="table-cell cell-center" style="width: 8%">货单号</div>
<div class="table-cell last-col" style="width: 20%"
th:text="${#strings.isEmpty(info.huodh)?'&nbsp;':info.huodh}">0000
</div>
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 9%">收货单位</div>
<div class="table-cell" style="width: 40%" th:text="${#strings.isEmpty(info.lName)?'&nbsp;':info.lName}">
安徽华恒创远新材料有限责任公司
</div>
<div class="table-cell cell-center" style="width: 12%">签收人/电话</div>
<div class="table-cell last-col" style="width: 39%">&nbsp;</div>
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 9%">收货地址</div>
<div class="table-cell" style="width: 71%" th:text="${#strings.isEmpty(info.gStreen)?'&nbsp;':info.gStreen}">
安徽华恒创远新材料有限责任公司
</div>
<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>
<div class="table-cell" style="width: 14%" th:text="${#strings.isEmpty(info.bname)?'&nbsp;':info.bname}">
于文强
</div>
<div class="table-cell cell-center" style="width: 8%">驾驶证</div>
<div class="table-cell" style="width: 26%" th:text="${#strings.isEmpty(info.zjshz)?'&nbsp;':info.zjshz}">
51254685465465465
</div>
<div class="table-cell cell-center" style="width: 9%">车牌号</div>
<div class="table-cell" style="width: 12%" th:text="${#strings.isEmpty(info.zchep)?'&nbsp;':info.zchep}">
粤A12345
</div>
<div class="table-cell cell-center" style="width: 10%">司机电话</div>
<div class="table-cell last-col" style="width: 15%"
th:text="${#strings.isEmpty(info.telNumber)?'&nbsp;':info.telNumber}">18888888888
</div>
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 6%">序号</div>
<div class="table-cell cell-center" style="width: 9%">配件编码</div>
<div class="table-cell cell-center" style="width: 39%">配件名称</div>
<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>
<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>
</div>
<div class="table-row last-row">
<div class="table-cell" style="width: 6%">&nbsp;</div>
<div class="table-cell" style="width: 9%">&nbsp;</div>
<div class="table-cell" style="width: 39%">&nbsp;</div>
<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>
Reference in New Issue View Git Blame Copy Permalink