指定打印机打印、条码 、小票打印 web端打印机控件 LODOP的使用
最近项目需要指定打印机进行前台后厨小票同时打印1.首先安装LODOP插件点击下载2 将LodopFuncs.js文件复制到自己项目 注意:vue项目需要底部添加export { getLodop }3获取当前连接的打印机设备名称 添加前台或者后厨 或者热菜 凉菜let LODOP=getLodop()let listCount=LODOP.GET_PRINTER_COUNT() //当前打印设备数
·
最近项目需要指定打印机进行前台后厨小票同时打印
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(); //直接打印
}
}
});
},
更多推荐
已为社区贡献2条内容
所有评论(0)