打印服务
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

131 lines
3.0 KiB

<!DOCTYPE html>
<html>
<head>
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0" />-->
<title></title>
<style>
.box {
font-size: 14px;
display: flex;
margin-top: 0px;
width: 100vw;
height: 100vh;
}
.left {
border: 1px solid #b1b1b1;
border-collapse: collapse;
flex: 1;
width: 100%
}
.left-item {
display: flex;
}
.bold-font{
font-weight: bold;
font-size: 28px;
}
.label {
border-bottom: 1px solid #b1b1b1;
border-right: 1px solid #b1b1b1;
width: 60px;
padding: 0px 5px;
height: 58px;
line-height: 58px;
}
.value {
border-bottom: 1px solid #b1b1b1;
border-right: 1px solid #b1b1b1;
padding: 0px 5px;
height: 58px;
flex: 1;
width: 0px;
display: flex;
align-items: center;
word-break: break-all;
}
.right {
width: 300px;
}
/*.image {*/
/* width: calc(170px);*/
/* height: 176px;*/
/* border-bottom: 1px solid #b1b1b1;*/
/* border-top: 1px solid #b1b1b1;*/
/* border-right: 1px solid #b1b1b1;*/
/*}*/
.image {
width: 172px;
height: 172px;
border: 1px solid #b1b1b1;
/* width: calc(100% - 4px);
height: calc(100% - 4px); */
padding: 2px;
}
@page {
margin:10pt 25pt 0pt 25pt;
@bottom-right {
content: "Page " counter(page) " of " counter(pages);
}
}
@media only screen{
p{
font-size: 24pt;
}
h1{
font-size: 36pt;
}
h2{
font-size:28pt
}
}
</style>
</head>
<body >
<div class="box" style="page-break-before:always;">
<table class="left" >
<tr style="height: 40vh">
<td class="label">物品代码</td>
<td class="value bold-font" id="name1">${itemCode}</td>
<td colspan="2" style="text-align:center"><img class="image" th:src="${imageSrc}" /></td>
</tr>
<tr style="height: 12vh">
<td class="label">物品名称</td>
<td class="value" id="name2">${itemName}</td>
<td class="label">批次</td>
<td class="value">${batchCode}</td>
</tr>
<tr style="height: 12vh">
<td class="label">包装名称</td>
<td class="value">${uomName}</td>
<td class="label">物料类型</td>
<td class="value">${itemType}</td>
</tr>
<tr style="height: 12vh">
<td class="label">包装号</td>
<td class="value">${uomCode}</td>
<td class="label">供应商</td>
<td class="value">${supplierCode}</td>
</tr>
<tr style="height: 12vh">
<td class="label">父包装号</td>
<td class="value">${puomCode}</td>
<td class="label">打印时间</td>
<td class="value">${printDate}</td>
</tr>
<tr style="height: 12vh">
<td class="label">ASN</td>
<td class="value">${asnCode}</td>
<td class="label">数量</td>
<td class="value">${counts}</td>
</tr>
</table>
</div>
</body>
</html>