web打印一直是一个很蹩脚的问题,没有客户端打印的速度快和效果后,商品收货的时候要批量打印产品信息标签,并且标签要生成二维码。

1.打印页面

首先设计好打印的页面效果,文字表格信息,名称,规格,批次,入库时间等

@layout("/common/_form.html",{js:["/assets/modular/sysConfig/jquery-1.4.4.min.js","/assets/modular/sysConfig/jquery-barcode.js","/assets/modular/sysConfig/jquery.jqprint-0.3.js"],css:["/assets/expand/module/formSelects/formSelects-v4.css"]}){

@for(item in labelList!){
名称 ${item.goodsName} ${item.labelSeqStr}
规格 ${item.goodsModel}
净重 ${item.weight}
批次 ${item.batchCode}
数量 ${item.num}
入库时间 ${item.createTime,dateFormat="yyyy-MM-dd"}
@}
<style type="text/css"> .barcodeImg{margin:10px 0px 10px 20px;text-align: center} </style> @}

2.二维码生成

二维码生成使用jquery-barcode插件,生成一维码和二维码

var divs=$("input[name^='lb']") console.log(divs) $.each(divs,function(index,obj){ //index:索引obj:循环的每个元素 var value = $(obj).val(); console.debug(value); $("#barcode"+value).barcode(value, "code128",{barWidth:2, barHeight:50,showHRI:true}); $("#qrcode"+value).barcode(value, "datamatrix",{barWidth:2, barHeight:50,showHRI:false}); });

3.打印

打印使用jquery打印插件 jquery.jqprint-0.3.js,设置打印区域,调用浏览器打印

function print() { $("#divPrint").jqprint(); }