打印控件lodop

 lodop官网地址:http://www.lodop.net/index.html

在使用lodop控件之前,请先安装官网上自带的.exe执行文件,然后再html中引入LodopFuncs.js

控件的原理是将html以及其样式,也就是获取前端页面,将其填充到打印控件中,直接打印需要授权

    let scenelist = {
        dv: $("#scenelist"),
        ini: function () {
            let that = this;
            this.dv.on('click', 'a,button,.btns', function () {
                const v = $(this).data('command');
                if (v == 'printscene') {//打印单个
                    let id = $(this).data('id');
                    that.printscene(id);
                }else if(v=='printscenes'){//批量打印
                    let checked = $('.table input[type="checkbox"]:checked');
                    let ids = checked.serializeArray();
                    for(let i=0;i<ids.length;i++){
                        that.printscene(ids[i].value);
                    }
                }
            });
        },
        printscene: function (id) {
            let that = this;
            $.ajax({
                type: "post",
                url: '/admin/scene/scenePrint2',
                data: {scene_id: id},
                dataType: "json",
                success: function (data) {
                    let str = "<div style=\"float:left;width:100px;word-wrap:break-word; \">" + data.member_name + "<br>" +
                        data.customer_name + "<br>" + data.restaurant + "<br>" + data.material + "<br>" + data.num + "份<br>" + "</div>" + "<div style=\"float:left;\">" +
                        "<img src=\"__ROOT__/upload/extend/qrcode/" + data.qrcodename + "\" width=\"120\" height=\"120\"></div>";
                    that.create_page(str);
                }
            })
        },
        create_page: function (str) {
            var LODOP = getLodop();
            LODOP.SET_PRINT_STYLEA(2, "FontSize", 18);
            LODOP.SET_PRINT_STYLEA(2, "Bold", 1);
            LODOP.ADD_PRINT_HTM(0, 10, "100%", "100%", str);
            //LODOP.PRINT()
            LODOP.PREVIEW();
        }
    }
    scenelist.ini();

猜你喜欢

转载自blog.csdn.net/xiaoxinshuaiga/article/details/84062580