windows通过JS调用打印机接口打印订单信息！

阅读:次 
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html id="all">
<head>
	<META http-equiv=Content-Type content="text/html; charset=utf-8">
	<LINK href="__TMPL__css/admin.css" type="text/css" rel="stylesheet">
        <link href="__TMPL__new/css/common.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="__TMPL__script/jquery-1.8.2.min.js"></script>
	<title></title>

	<style media="print">    
		.Noprint{display:none;}<!-- 用本样式在打印时隐藏非打印项目 -->   
		.PageNext{page-break-after: always;}<!--控制分页 -->
	</style>  
	<style type="text/css">
	<!--
		#print_border{width:1300px;height:700px;border:0px solid #ccc;margin:20px 50px;overflow:auto}
		#print-context{width:100%;}
		#print-button{width:100%;height:40px;margin-bottom:0px;text-align:center;padding-top:10px;}
		#print-button input[type='button']{width:100px;height:30px;font-size:16px;}
		#print-context .tit{width:100%;height:30px;line-height:30px;background:#ccc;font-size:16px;text-align:center;letter-spacing:8px;font-weight:900;}
		.orderinfo{width:100%;}
		.orderinfo tr{height:40px;}
		.orderinfo tr td.ord-tit{width:15%;text-align:right;border-bottom:1px solid #ccc;letter-spacing:4px;}
		.orderinfo tr td.ord-text{width:34.5%;border-bottom:1px solid #ccc;padding-left:0.5%;}
		.gs{margin-top:40px;}
		.goodsinfo{width:100%;text-align:center;margin-top:10px;}
		.goodsinfo tr{height:30px;}
	-->
	</style>
	<script type="text/javascript">
	
		//调用打印机接口，打印当前指定网页
		function prints()
		{
 			var newstr = document.getElementById('print-context').innerHTML;
			var oldstr = document.body.innerHTML;
			document.body.innerHTML = "<div id='print-context'>" + newstr + "</div>";
			window.print();
			document.body.innerHTML = oldstr;
			return false;
		}
                $(function() {
                    //隔行变色
                    $("#proinfo tr:even").css("background-color", "#F6FAFD");
                })
                
	</script>
</head>

<body>
	<!--startprint-->
	<div id="print_border">
		<div id="print-context">
                    <div class="tit" style="background-color: rgb(247, 250, 252);">订单信息</div>
			<table class="orderinfo" cellspacing=0 cellpadding=0 >
				<tr>
					<td class="ord-tit">订单号:</td>
					<td class="ord-text"><{$d_order.orderid}></td>
					<td class="ord-tit"> </td>
					<td class="ord-text">
					</td>
				</tr>
				<tr>
					<td class="ord-tit">收货人:</td>
					<td class="ord-text"><{$d_order.rejname}></td>
					<td class="ord-tit">电子邮件:</td>
					<td class="ord-text"><{$d_order.email}></td>
				</tr>
				<tr>
					<td class="ord-tit">地址:</td>
					<td class="ord-text"><{$d_order.shen}>|<{$d_order.shi}>|<{$d_order.qu}>|<{$d_order.more}></td>
					<td class="ord-tit">邮编:</td>
					<td class="ord-text"><{$d_order.youbian}></td>
				</tr>
				<tr>
					<td class="ord-tit">电话:</td>
					<td class="ord-text"><{$d_order.tel}></td>
					<td class="ord-tit">手机:</td>
					<td class="ord-text"><{$d_order.mob}></td>
				</tr>			
			</table>
			
			<!-- 商品信息  -->
			<div class="tit gs" style="background-color: rgb(247, 250, 252);">商品信息</div>
                        <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
				<tbody>
					<tr height="12" >
						<td></td>
					</tr>
				</tbody>
			</table>
                        <table class="all_table" width="100%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#E3EFFB" id="proinfo">
                            <tr class="table_tr_bor" style="background-color: rgb(247, 250, 252);">
                                <td width="21%" height="32" align="center">商品名称</td>
                                <td width="8%" align="center">供应商商品编号</td>
                                <td width="5%" align="center">价格</td>
                                <td width="5%" align="center">数量</td>
                                <td width="10%" align="center">属性</td>
                                <td width="5%" background="__TMPL__images/adminbghen.jpg"><div align="center">小计</div></td>
                            </tr>

                            <volist name="pros" id="vo">

                                <tr bgcolor="#FFFFFF">
                                    <!--    <td width="5%" bgcolor="#FFFFFF">
                                        </td>  -->

                                    <td width="21%" align="center">
                                        <img src="http://mall.3d414.com/Tpl/default/upload/<{$vo.img}>">
                                        <p>订单编号：<{$vo.c_ordernum}></p>
                                        <p><a href="http://www.3d414.com/home/detail/index/id/<{$vo.proid}>" target="_blank"><{$vo.title}></a></p>
                                        <br />

                                    </td>
                                    <td width="8%" align="center"><{$vo.jmnumb}></td>
                                    <td width="5%" align="center"><{$vo.price}></td>
                                    <td width="5%" align="center"><{$vo.num}></td>
                                    <td width="10%" align="center">颜色:<{$vo.ys}> 尺码:<{$vo.cm}></td>

                                    <td width="5%" align="center"><{$vo.spprice}></td>
                                </tr>
                            </volist>
                        </table>

			
		</div>
		<!--print-btn-start-->
		<div id="print-button" class="Noprint">
			<input class="input_btn_ btn_normal" type="button" value="打  印" onclick="prints();"/>
		</div>
		<!--print-btn-end-->
	</div>
	<!--endprint-->
</body>
</html>

本文链接： https://dragonersli.github.io/2017/07/16/windows通过JS调用打印机接口打印订单信息！/
本人声明： 此文只作为自己日后工作学习中遇到类似问题方便快速回忆解决问题的笔记，仅供参考！
版权声明： 知识共享许可协议 本文首发于 すせなの筆記 转载无需联系本人，但要注明来源本站！
赏

谢谢您请我喝咖啡！~

支付宝
微信

扫一扫，分享到微信

微信分享二维码
Hexo Theme Yilia by Litten

导航

tag: