参考

准备|了解

Lodop与C-Lodop的区别

Lodop打印控件是浏览器插件，与浏览器紧密结合来实现本地打印，是一种内嵌到浏览器里交互方式。（适用浏览器：ie系列、火狐51版及历史版本、谷歌44版及历史版本。（新版火狐及谷歌不再支持np插件，也不能使用lodop））
C-Lodop打印服务是以提供服务方式解决web打印，摆脱了对浏览器的依赖，解决了新版谷歌（45版及后续版本）、64位火狐、edge等浏览器不再支持Lodop插件方式的情况，C-Lodop打印服务支持所有浏览器。
既然C-Lodop可以替代Lodop并且支持所有浏览器，实际开发过程中可以直接使用C-Lodop进行完成打印需求

vue中使用Lodop

1 把官方提供的LodopFuncs.js文件保存到某个目录下，如myProject\src\assets\LodopFuncs.js
2 修改LodopFuncs.js文件, 在文件最底部添加一行代码 export { getLodop }; //导出getLodop
3 在打印事件处理函数所在文件里 import 该 module 在打印事件函数中调用getLodop获取LODOP对象变量
4 按照官方教程书写自己的打印函数，通过 PRINT、PREVIEW、PRINT_DESIGN进行输出
5 LodopFuncs.js由于选择了C-Lodop打印服务，也就不再需要进行对各浏览器进行判断了，也不再需要各种提示下载哪个版本的控件了

LODOP方法

• PRINT_INIT(strPrintTaskName)打印初始化
• SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName)设定纸张大小 (1横向2竖向,宽度,高度,页面大小名称宽高都设置为0的时候才可以设置”A5”,”A4”)
• ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight,strHtml)增加超文本项
• ADD_PRINT_TEXT(intTop,intLeft,intWidth,intHeight,strContent)增加纯文本项
• ADD_PRINT_TABLE(intTop,intLeft,intWidth,intHeight,strHtml)增加表格项(strHtml为html模板字符串)
• ADD_PRINT_SHAPE(intShapeType,intTop,intLeft,intWidth,intHeight,intLineStyle,intLineWidth,intColor)画图形
• SET_PRINT_STYLE(strStyleName, varStyleValue)设置对象风格
• PREVIEW打印预览
• PRINT直接打印
• PRINT_SETUP打印维护
• PRINT_DESIGN打印设计