lodop使用

最新推荐文章于 2024-07-11 19:47:27 发布

魏知非

最新推荐文章于 2024-07-11 19:47:27 发布

阅读量1.4k

点赞数

分类专栏：工具文章标签： lodop 打印条形码二维码 vue

本文链接：https://blog.csdn.net/weixin_40302929/article/details/100105618

版权

工具专栏收录该内容

15 篇文章 0 订阅

订阅专栏

一、首先打开官网地址http://www.lodop.net/（没有安装lodop插件先下载安装）

依次点击在线演示-->如何直接打印条形码样例十一

http://www.lodop.net/demolist/PrintSample11.html

点击打印设计

出现如下窗口（ctrl+delete键删除多余的条形码，留下所需的条形码样式）

右键设计二维码

设置条形码属性

点击空白区域可设置纸张大小

注意事项：

1.减小空白区域，否则打印出来不能对齐

2.文本框尽量大一些，内容过多会换行

3.可以根据打印标签的需求，设计条形码

二、设计好条形码后，安装打印驱动，并设置

三、将设计好的条形码，生成代码放到项目里

1.导入lodop插件

import { getLodop } from '../LodopFuncs'
//lodop下载文件
import downloadPlugin from './download/downloadPlugin'

2,将生成的代码放到项目中

判断有没有安装lodop，再进行打印

print() {
LODOP = getLodop()
if (LODOP === 'undefined' || LODOP === undefined) {
this.download()
return false
}
if (LODOP.GET_PRINTER_COUNT() === 0) {
this.$Messager.warning('系统未关联打印机,请确认....')
return false
}
const data = this.selectData
for (let i = 0; i < data.length; i++) {
LODOP.PRINT_INITA(0,0,800,1600,"打印控件功能演示");
LODOP.SET_PRINT_MODE("PRINT_NOCOLLATE",1);
//放置请求地址
LODOP.ADD_PRINT_BARCODE(39,36,"20.32mm","19.79mm","QRCode", 'https://www.baidu.com');
LODOP.SET_PRINT_STYLEA(0,"QRCodeErrorLevel","L");
LODOP.SET_PRINT_STYLEA(0,"Angle",90);
LODOP.ADD_PRINT_TEXT(146,123,139,16,`${data[i].num}`);
LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
LODOP.SET_PRINT_STYLEA(0,"Angle",90);
LODOP.ADD_PRINT_TEXT(146,143,139,16,this.$dateformat(data[i].Date, 'yyyy-mm-dd'));
LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
LODOP.SET_PRINT_STYLEA(0,"Angle",90);
LODOP.PRINT()
//正常打印
LODOP.PRINT()
//设计标签---设计标签的时候打开
// LODOP.PRINT_DESIGN();
}
},

// 下载lodop插件
download() {
this.$refs.downloadPlugin._open()
},