report.html
3.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="white-bg" style="padding:5px 0;" id="ddd">
<div class="container" style="color: #333;">
<div class="row">
<table id="reportTable" width="100%" border="0" cellspacing="0" cellpadding="0" class="dy-report">
<thead style="display:table-header-group;">
<tr>
<td colspan="7">
<span style="padding-top:40px;width: 40%; float:left;" class="time_c"></span>
<h2 style="width:20%;text-align:center;padding-top:10px;">库存明细</h2>
</td>
</tr>
<tr style="padding:15px 0 5px 0;border-bottom:1px solid #606060">
<td colspan="7">
<div style="width:50%; float:right; text-align:right">
<span class="noprint" style="padding-left:20px;"><button type="button" onClick="a()"><i class="fa fa-print"></i> 打印</button></span>
</div>
</td>
</tr>
<tr>
<th width="20%" >货主</th>
<th width="20%" >库位编码</th>
<th width="20%" >物料编码</th>
<th width="20%" >物料名称</th>
<th width="10%" >在库数量</th>
<th width="10%" >单位</th>
</tr>
</thead>
<tbody>
<tr th:each="row,rowStat : ${inventoryDetails}">
<td th:text="${row.userDef2}"></td>
<td th:text="${row.locationCode}"></td>
<td th:text="${row.materialCode}"></td>
<td th:text="${row.materialName}"></td>
<td th:text="${row.qty}"></td>
<td th:text="${row.materialUnit}"></td>
</tr>
</tbody>
</table>
</div>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="../../../js/barcode/JsBarcode.all.js"></script>
<script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.js"></script>
<script th:inline="javascript">
var res = new Date();
var year = res.getFullYear();
var month = res.getMonth() + 1;
var day = res.getDate();
var hour = res.getHours();
var minute = res.getMinutes();
var seconds = res.getSeconds();
var showTime = year + "/" + month + "/" + day + " " + hour + ":" + minute + ":" + seconds;
$(".time_c").text(showTime);
var barcodeStyle = {
format: "CODE128",//选择要使用的条形码类型
width:1,//设置条之间的宽度
height:40,//高度
displayValue:true,//是否在条形码下方显示文字
// text:"456",//覆盖显示的文本
// fontOptions:"bold italic",//使文字加粗体或变斜体
font:"monospace",//设置文本的字体fantasy
textAlign:"center",//设置文本的水平对齐方式
textPosition:"bottom",//设置文本的垂直位置
textMargin:1,//设置条形码和文本之间的间距
fontSize:12,//设置文本的大小
background:"#ffffff",//设置条形码的背景
lineColor:"#000000",//设置条和文本的颜色。
margin:1//设置条形码周围的空白边距
};
</script>
<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">
function a(){
$("#ddd").jqprint();
}
</script>
</body>
</html>