博客

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

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=list
			console.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(); //直接打印
					
					}
				}
			});
		},