指定打印机打印 条码 小票打印 web端打印机控件 LODOP的使用

最近项目需要指定打印机进行前台后厨小票同时打印

1.首先安装LODOP插件点击下载

2 将LodopFuncs.js文件复制到自己项目 注意：vue项目需要底部添加

export { getLodop }

3获取当前连接的打印机设备名称 添加前台或者后厨 或者热菜 凉菜

let LODOP=getLodop()let listCount=LODOP.GET_PRINTER_COUNT() //当前打印设备数量let list=[]for( let i=0;i<listCount;i++){list.push(LODOP.GET_PRINTER_NAME(i)) //打印设备名称}this.list=listconsole.log(list) //list 为当前的打印设备名称集合

4 后台返回每个打印设备打印的数据 循环打印

//获取打印数据printerreturn(id) {printerreturn({ orderId: id }).then(res => {if (res.data.code == 0) {for (let item of res.data.data) {let LODOP = getLodop(); //调用getLodop获取LODOP对象LODOP.PRINT_INIT('打印任务名'); //首先一个初始化语句LODOP.SET_PRINTER_INDEX(item.name);//指定打印机 LODOP.ADD_PRINT_HTML(0, 0, '100%', '100%', item.value); // value 为打印数据LODOP.SET_PRINT_PAGESIZE(3, '80mm', '50mm');// 设置打印宽度 高度 最小值。 3/为自适应//LODOP.PREVIEW(); //打印预览LODOP.PRINT(); //直接打印}}});},