1
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html xmlns:th= "http://www.thymeleaf.org" xmlns:shiro= "http://www.pollix.at/thymeleaf/shiro" >
<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;
}
</style>
</head>
<body id= "ddd" >
26
<div class= "noprint container" style= "text-align:right; /*padding: 20px;*/float: right" >
27
28
29
<span style= "padding-left:20px;" ><button type= "button" onClick= "a()" ><i class= "fa fa-print" ></i> 打印</button></span>
</div>
<div class= "container" style= " width:320px;/*height:228px;*/color: #333" >
30
31
32
33
34
35
36
37
38
39
40
41
42
<div class= "row" >
<table width= "100%" border= "0" cellspacing= "0" cellpadding= "0" class= "dy-report table table-bordered"
th:each= "row:${receiptDetails}" >
<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>
周鸿
authored
11 months ago
43
44
45
<!-- <td scope="col">类别</td>-->
<td colspan= "3" scope= "col" style= "text-align:center" >
<span th:text= "${row.userDef1}" ></span>
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
</td>
</tr>
<tr style= "vertical-align:middle" >
<td> 存货名称</td>
<td style= "text-align:center" >
<span th:text= "${row.materialName}" ></span>
</td>
<td rowspan= "3" width= "15%" style= "padding: 2px" >
<!--<img class="" align="center" valign="middle" style="vertical-align:middle; padding:2px;"/>-->
<!--<span class="qrcode"></span>-->
<div class= "qrcode" ></div>
</td>
</tr>
<tr>
<td> 规格型号</td>
周峰
authored
about a year ago
61
<td style= "text-align:center;padding:0px;" >
周峰
authored
about a year ago
62
<span style= "font-size:10px;display: inline-block; white-space: pre-wrap;" th:text= "${row.materialSpec}" ></span>
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
</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>
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
</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;
周鸿
authored
11 months ago
102
103
104
105
106
// var code16=$(this).children()[1].children[1].innerText;
console.log($(this).children()[1].children)
var name = $(this).children()[1].children[1].innerText;
var spec = $(this).children()[1].children[2].innerText;
let moCode = $(this).children()[1].children[4].innerText;
107
company=company.substring(5);
周鸿
authored
11 months ago
108
// code16=code16.substring(5);
109
110
name=name.substring(5);
spec=spec.substring(5);
111
// moCode=moCode.substring(5);
112
113
114
115
var reg=/\t/;
name=name.replace(reg,"");
var qty=$(this).find('input').val();
// var code_text=company+'/'+ code16 +'/' +name+'/'+spec+'/'+qty+'/'+project;
116
var code_text=company+'/'+ name +'/'+ spec +'/'+qty+'/'+moCode;
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
var QRcode=new QRCode($(this).find('.qrcode')[0],{
text:code_text,
width:56,
height:56,
correctLevel:QRCode.CorrectLevel.L
});
});
}
print_qrcode();
</script>
</body>
</html>
139