lodop实现打印的功能(下)

- 日理万妓 2022-06-01 02:53 549阅读 0赞

下文都是重点,先码代码,再讲原因:

jsp页面引入lodopfuncs.js文件

<%--添加打印lodop.js--%>
 <script src="${ctxPath }/resources/js/clodop/LodopFuncs.js"></script>

注意:这个目录就是我们项目中的地址,引用要能找到.

![SouthEast][]

给出一个事件触发打印事件,这个只是相当于处理数据逻辑,真正的打印执行在print方法中,createPage是拼接页面打印效果.

此时,因为我们项目中使用的是一个事件同时执行两个打印任务.所以我们把不同的打印任务所需的打印机型号(或者返回序号index放入了localstorage中),此时获取到localstorage中的打印机序号

var LODOP;
 var storage=window.localStorage;
 
 function rePrintOrder(orderId) {
 
 var row = $(".easyui-datagrid").datagrid("getSelected");
 if(row==null){
 alert("请选中您要打印的订单信息");
 return;
 }
 var username=row.userName;
 var paymentType=row.paymentType.value;
 var money=row.paymentPrice;
 var details=[];
 /*ajax根据orderId获取到所有的商品结果集*/
 var url='${ctxPath}/order/orderDetailList.html';
 $.ajax({
 url: url,
 data: {id: orderId},
 success: function (rsData) {
 if (rsData.message.code != "0") {
 syscore.alert('提示', rsData.message.mess, 'error');
 return;
 }
 var goodsList=rsData.result.data;
 console.log(goodsList);
 for(var i=0;i<goodsList.length;i++){
 details.push(goodsList[i]);
 }
 CreatePrintPage3(username,paymentType,money,details);
 LODOP.PRINT();
 }
 });
 }

创建拼接打印页面:

注意:print\_init一定要在set属性的最上面,相当于初始化一个打印任务.set\_print\_index(index);方法是获取到本机中指定打印序号index的打印机.

下面就是我们看一下,获取到指定打印机的序号:

/*=======================设置标签打印机 开始==========================*/
        function SelectAsDefaultPrinter4tag() {
            LODOP = getLodop();
            if (LODOP.CVERSION) {
                LODOP.On_Return = function (TaskID, Value) {
                    if (Value >= 0) {
                        //将选择的tag打印机序号存入cookie中
                        if (Value >= 0) {
                            //将选择的tag打印机序号存入cookie中
                            if (!window.localStorage) {
                                syscore.alert('提示','该浏览器不支持localstorage','info');
                                return false;
                            } else {
                                storage.setItem("tagPrint", Value);
                                console.log(storage.getItem("tagPrint"));
                            }
                            syscore.alert('提示','选择成功','info');
                        } else {
                            syscore.alert('提示','选择失败','info');
                        }
                    }
                    ;
                    LODOP.SELECT_PRINTER();
                    return;
                };
                if (LODOP.SELECT_PRINTER() >= 0)
                    syscore.alert('提示','选择成功','info'); else syscore.alert('提示','选择失败','info');
            }
            ;
        }
        /*=======================设置标签打印机 结束==========================*/

设置默认打印机,会在页面有一个弹窗,我们选择打印机后,会返回该打印机在本地的打印序号.

![SouthEast 1][]

这样我们的localstorage就记录住了,以后就不需要再选择打印机了.

画重点:

看lodopfuncs.js中的内容:

东西比较多,就一点点来拆分读取代码:

获取lodop对象的主过程的函数,我们要修改自己放置安装包的绝对路径.这个绝对路径需要我们自己去修改的,就像我贴的第一张图片的路径一样.引用能够找到该文件.

菜鸟一个,之后有新发现,会持续更新.

[SouthEast]: /images/20220601/b5f81899ef904367a78cd4797ddc394e.png
[SouthEast 1]: /images/20220601/09fd04a19d914717a7648bc5d3e3ab10.png