<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head th:include="include :: header"></head>
<title>文字</title>
<!--<link href="css/bootstrap.min.css" rel="stylesheet" />-->
<!--<link href="css/font-awesome.min.css" rel="stylesheet" />-->
<!--<!–[if IE]>-->
<!--<link href="css/font-awesome-ie7.min.css" rel="stylesheet" />-->
<!--<![endif]–>-->
<style type="text/css">
.table-bordered td, .table-bordered th {
border: 1px solid #000 !important;
}
.table tbody tr td {
padding: 3px;
text-align: center;
}
element.style {
width: 500px;
/*height: auto;*/
color: #333;
}
</style>
</head>
<body id="ddd">
<div class="noprint container" style="text-align:right; /*padding: 20px;*/float: right">
<span style="padding-left:20px;"><button type="button" onClick="a()"><i class="fa fa-print"></i> 打印</button></span>
</div>
<div class="container" style=" width:350px;/*height:228px;*/color: #333">
<div class="row">
<table width="100%" height="auto" border="0" cellspacing="0" cellpadding="0"
class="dy-report table table-bordered"
th:each="row:${inventoryReport}">
<caption style="font-size:18px;text-align:center; color:#333; padding-bottom: 3px;"
th:text="${row.companyName}"></caption>
<tbody>
<tr>
<td width="20%" scope="col">存货编码</td>
<td colspan="2" scope="col" style="text-align:center">
<span th:text="${row.materialCode}"></span>
</td>
</tr>
<tr>
<td scope="col">存货代码</td>
<!-- <td scope="col">类别</td>-->
<td colspan="1" scope="col" style="text-align:center">
<span th:text="${row.userDef1}"></span>
</td>
<td rowspan="3" width="15%" style="padding: 2px">
<div class="qrcode"></div>
</td>
</tr>
<tr style="vertical-align:middle">
<td>存货名称</td>
<td style="text-align:center">
<span th:text="${row.materialName}"></span>
</td>
</tr>
<tr>
<td>规格型号</td>
<td style="text-align:center">
<span th:text="${row.materialSpec}"></span>
</td>
</tr>
<!-- <tr>-->
<!-- <td>数 量</td>-->
<!-- <td style="text-align:center; padding: 0">-->
<!-- <!–<input name="" type="text" style="line-height:18px; border:0; text-align:center;" th:text="${receiptDetail.qty}"/>–>-->
<!-- <input id="qty" name="qty" th:value="*{row.qty}" class="form-control" type="text"-->
<!-- style="text-align:center;height:30px;border: none"/>-->
<!-- </td>-->
<!-- </tr>-->
<tr>
<td colspan="4" scope="col" style="text-align:center;height: 30px;">
<span th:text="${row.moCode}"></span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div th:include="include :: footer"></div>
<style type="text/css">
@media print {
.noprint {
display: none;
}
}
</style>
<!--<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>-->
<!--<script type="text/javascript" src="../../../js/jquery.jqprint-0.3.js"></script>-->
<script type="text/javascript" src="../../../js/qrcode/qrcode.min.js"></script>
<script type="text/javascript">
function a() {
// $("#ddd").jqprint();
$(".qrcode").children().remove();
print_qrcode();
window.print();
}
function print_qrcode() {
$('.dy-report').each(function (i, item) {
var company = $(this).children()[1].children[0].innerText;
var code16 = $(this).children()[1].children[1].innerText;
var name = $(this).children()[1].children[2].innerText;
var spec = $(this).children()[1].children[3].innerText;
// let moCode = $(this).children()[1].children[5].innerText;
let moCode = $(this).children()[1].children[4].innerText;
company = company.substring(5);
code16 = code16.substring(5);
name = name.substring(5);
spec = spec.substring(5);
// moCode=moCode.substring(5);
var reg = /\t/;
name = name.replace(reg, "");
// var qty = $(this).find('input').val();
var qty = 1;
// var code_text=company+'/'+ code16 +'/' +name+'/'+spec+'/'+qty+'/'+project;
var code_text = company + '/' + name + '/' + spec + '/' + qty + '/' + moCode;
var QRcode = new QRCode($(this).find('.qrcode')[0], {
text: code_text,
width: 80,
height: 80,
correctLevel: QRCode.CorrectLevel.L
});
});
}
print_qrcode();
</script>
</body>
</html>