打印工具

npm install print-lib --save

import {DrawPage, DrawContext, LodopUtils, VuePlugin } from 'print-lib';

API

模板绘制：

DrawPage 初始化打印页面，需要传打印模板尺寸信息

 const drawPage = new DrawPage(printTpl.width, printTpl.height, printTpl.borderLeft, printTpl.borderTop, printTpl.systermBorderLeft);

方法

getContext: 返回DrawContext对象
  callback: 创建成功回调

DrawContext 实例化需要DrawPage对象，通过getContext生成，一个DrawPage对象可以创建多个DrawContext对象

createPrintPage(printTpl, printDataItem)
createPrintWebPage(printTpl, printData, printContainer = document.body)
static printWeb(printContainer)

Lodop工具库

LodopUtils 使用前需要先实例化，实例化过程中会自动注入CLodop服务JS文件

const lodopUtils = new LodopUtils();

属性

printerList: 打印机列表

方法

getLodop: return Promise, 用来判断是否存在lodop，或lodop是否注入成功
print：void, 
  type: ['preview','print']
  printerName: 打印机名称，可为空

Vue插件

VuePlugin：全局注册以下两个方法

    $lodopPrint：lodop打印方法
      printTpl：模板JSON数据
      printData： 打印数据, Array
      type： 可选值：preview（默认）, print
      printerName: 打印机名称

    $webPrint： 浏览器打印方法
      printTpl：模板JSON数据
      printData： 打印数据, Array