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
131 lines
3.0 KiB
4 months ago
|
<!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>
|