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

151 lines
6.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 landscape;
margin: 0;
}
body {
font-family: SimSun, serif;
font-size: 9pt;
}
.table-container {
width: 100%;
max-width: 800px;
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 #ccc;
border-left: 1px solid #ccc;
text-align: left;
}
/* 第一行加顶部边框 */
.first-row .table-cell {
border-top: 1px solid #ccc;
}
/* 最后一行加底部边框 */
.last-row .table-cell {
border-bottom: 1px solid #ccc;
}
/* 最后一列加右边框 */
.last-col {
border-right: 1px solid #ccc;
}
/* 表头样式 */
.header-cell {
font-weight: bold;
text-align: center;
font-size: 16pt;
padding: 10px;
}
.cell-center {
text-align: center;
}
</style>
</head>
<body>
<div class="table-container">
<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%">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%">001</div>
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 9%">订单号</div>
<div class="table-cell" style="width: 11%">1172000</div>
<div class="table-cell cell-center" style="width: 8%">发货员</div>
<div class="table-cell" style="width: 8%">程慧芳</div>
<div class="table-cell cell-center" style="width: 13%">办事处/代理商</div>
<div class="table-cell" style="width: 11%">测试</div>
<div class="table-cell cell-center" style="width: 9%">发货日期</div>
<div class="table-cell" style="width: 11%">2025-08-04</div>
<div class="table-cell cell-center" style="width: 9%">发运方式</div>
<div class="table-cell last-col" style="width: 11%">&nbsp;</div>
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 9%">设备编码</div>
<div class="table-cell" style="width: 11%">22222222222</div>
<div class="table-cell cell-center" style="width: 12%">收货人电话</div>
<div class="table-cell" style="width: 40%">于文强18365529799</div>
<div class="table-cell cell-center" style="width: 8%">货单号</div>
<div class="table-cell last-col" style="width: 20%">0000</div>
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 9%">收货单位</div>
<div class="table-cell" style="width: 40%">安徽华恒创远新材料有限责任公司</div>
<div class="table-cell cell-center" style="width: 12%">签收人/电话</div>
<div class="table-cell last-col" style="width: 39%">于文强18365529799</div>
</div>
<div class="table-row">
<div class="table-cell cell-center" style="width: 9%">收货地址</div>
<div class="table-cell" style="width: 71%">安徽华恒创远新材料有限责任公司</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%">于文强</div>
<div class="table-cell cell-center" style="width: 8%">驾驶证</div>
<div class="table-cell" style="width: 26%">51254685465465465</div>
<div class="table-cell cell-center" style="width: 9%">车牌号</div>
<div class="table-cell" style="width: 12%">粤A12345</div>
<div class="table-cell cell-center" style="width: 10%">司机电话</div>
<div class="table-cell last-col" style="width: 15%">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: 14%">配件编码</div>
<div class="table-cell cell-center" style="width: 34%">配件名称</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 : ${datas}">
<div th:text="${item.index}" class="table-cell cell-center" style="width: 6%">1</div>
<div class="table-cell cell-center" style="width: 14%">2100552783</div>
<div class="table-cell" style="width: 34%">IH1213T.4 衬板6号</div>
<div class="table-cell cell-center" style="width: 12%">E1-4-4</div>
<div class="table-cell cell-center" style="width: 6%">PC</div>
<div class="table-cell cell-center" style="width: 8%">20.000</div>
<div class="table-cell last-col" style="width: 20%">&nbsp;</div>
</div>
<div class="table-row last-row">
<div class="table-cell" style="width: 6%">&nbsp;</div>
<div class="table-cell" style="width: 14%">&nbsp;</div>
<div class="table-cell" style="width: 34%">&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>