web 打印控件 lodop

1. lodop （劳道卜，漏肚皮）  官网地址    lodop   （上面有疑问，里面有vue 的安装方法）

2. lodop api 文档  api 文档，也可以到官网下载中心下载技术手册 ，官网的api更为全面细致

3.  实践   打印过个条码，一页过个不好调整位置，采用的是一次任务开启多个页面，每个页面的条码水平垂直居中

    参考    LODOP打印控件进行批量打印

4. 打印前选择打印机，可以右击查看实例7 的源代码
 

 btnClickPrint: function() {
      let LODOP = getLodop(); //调用getLodop获取LODOP对象
      LODOP.PRINT_INIT("打印SN");
      LODOP.SET_PRINT_STYLE("FontSize", 7);
      LODOP.SET_PRINT_STYLE("Bold", 0);
      LODOP.SET_PRINT_PAGESIZE(1, "30mm", "10mm", "");  //纸张的打印方向 宽 高
      let index = 0;
      for (var i = 0; i < 3; i++) {
        LODOP.NewPage();
        LODOP.SET_PRINT_STYLE("HOrient", 2);
        LODOP.SET_PRINT_STYLE("VOrient", 2);
        LODOP.ADD_PRINT_BARCODE(
          "",
          "",
          "26mm",  //条码宽
          "8mm",   //条码高
          "128Auto",  
          "12345" + (index+=1)
        );
      }
      LODOP.PREVIEW();
    }

5. 可打印边界（红线处是不可打印区域，可以见常见问题，纸张不同这个值不同）

左图中白色框的距离是设置的纸张的宽度

作图中间虚线处的距离等于右图白色纸张的区域在加上间距2mm的距离，