1、下载安装驱动

官网

2、常用方法

PRINT_INIT(strPrintTaskName)打印初始化
●	SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName)设定纸张大小
●	ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight,strHtml)增加超文本项
●	ADD_PRINT_TEXT(intTop,intLeft,intWidth,intHeight,strContent)增加纯文本项
●	ADD_PRINT_TABLE(intTop,intLeft,intWidth,intHeight,strHtml)增加表格项
●	ADD_PRINT_SHAPE(intShapeType,intTop,intLeft,intWidth,intHeight,intLineStyle,intLineWidth,intColor)画图形
●	SET_PRINT_STYLE(strStyleName, varStyleValue)设置对象风格
●	PREVIEW打印预览
●	PRINT直接打印
●	PRINT_SETUP打印维护
●	PRINT_DESIGN打印设计

3、使用

1、竖向打印

  import {getLodop} from '@/utils/lodopFuncs'

 printCremationFunc(){let LODOP = getLodop();if (LODOP == null || !LODOP) {this.$.messager.alert("系统提示","您的浏览器不支持打印控件，请用IE重试或安装打印控件后重试");return;}for(let key in printData) {printData[key] = printData[key] || ''}let {deadName,deadGender,deathDate,cremationNo,printDate,businessCode,certificateNo} = printDataconsole.log(printData,'火化证1')//let deathDateArr = this.splitDate(deathDate);LODOP.SET_PRINT_PAGESIZE(1,"105mm", "250mm")LODOP.ADD_PRINT_HTM("5mm", "82mm", "70mm", "4mm", `<p style="font-size:14px"><span>条码号</span><span style='margin-left:10px'>${businessCode}</span></p>`)LODOP.ADD_PRINT_HTM("22mm", "74mm", "30mm", "4mm", `<p style="font-size:14px">${cremationNo}</p>`)LODOP.ADD_PRINT_HTM("32mm", "58mm", "30mm", "4mm", `<p style="font-size:14px">${deadName}</p>`)LODOP.ADD_PRINT_HTM("32mm", "44mm", "30mm", "4mm", `<p style="font-size:14px">${deadGender}</p>`)LODOP.ADD_PRINT_HTM("22mm", "28mm", "30mm", "4mm", `<p style="font-size:14px">${certificateNo}</p>`)LODOP.ADD_PRINT_HTM("32mm", "17mm", "30mm", "4mm", `<p style="font-size:14px">${deathDate}</p>`)LODOP.ADD_PRINT_HTM("97mm", "82mm", "70mm", "4mm", `<p style="font-size:14px"><span>条码号</span><span style='margin-left:10px'>${businessCode}</span></p>`)LODOP.ADD_PRINT_HTM("113mm", "74mm", "30mm", "4mm", `<p style="font-size:14px">${cremationNo}</p>`)LODOP.ADD_PRINT_HTM("108mm", "58mm", "30mm", "4mm", `<p style="font-size:14px">${deadName}</p>`)LODOP.ADD_PRINT_HTM("108mm", "44mm", "30mm", "4mm", `<p style="font-size:14px">${deadGender}</p>`)LODOP.ADD_PRINT_HTM("98mm", "28mm", "30mm", "4mm", `<p style="font-size:14px">${certificateNo}</p>`)LODOP.ADD_PRINT_HTM("106mm", "17mm", "30mm", "4mm", `<p style="font-size:14px">${deathDate}</p>`)LODOP.ADD_PRINT_HTM("180mm", "15mm", "30mm", "4mm", `<p style="font-size:14px">${printDate}</p>`)LODOP.SET_PRINT_STYLEA(1,"Angle",-90)LODOP.SET_PRINT_STYLEA(2,"Angle",-90)LODOP.SET_PRINT_STYLEA(3,"Angle",-90)LODOP.SET_PRINT_STYLEA(4,"Angle",-90)LODOP.SET_PRINT_STYLEA(5,"Angle",-90)LODOP.SET_PRINT_STYLEA(6,"Angle",-90)LODOP.SET_PRINT_STYLEA(7,"Angle",-90)LODOP.SET_PRINT_STYLEA(8,"Angle",-90)LODOP.SET_PRINT_STYLEA(9,"Angle",-90)LODOP.SET_PRINT_STYLEA(10,"Angle",-90)LODOP.SET_PRINT_STYLEA(11,"Angle",-90)LODOP.SET_PRINT_STYLEA(12,"Angle",-90)LODOP.SET_PRINT_STYLEA(13,"Angle",-90)LODOP.PREVIEW();//LODOP.PRINT_DESIGN()},

2、lodopFuncs.js

var CreatedOKLodop7766 = null, CLodopIsLocal;//====判断是否需要 Web打印服务CLodop:===
//===(不支持插件的浏览器版本需要用它)===
export function needCLodop() {try {var ua = navigator.userAgent;if (ua.match(/Windows\sPhone/i))return true;if (ua.match(/iPhone|iPod|iPad/i))return true;if (ua.match(/Android/i))return true;if (ua.match(/Edge\D?\d+/i))return true;var verTrident = ua.match(/Trident\D?\d+/i);var verIE = ua.match(/MSIE\D?\d+/i);var verOPR = ua.match(/OPR\D?\d+/i);var verFF = ua.match(/Firefox\D?\d+/i);var x64 = ua.match(/x64/i);if ((!verTrident) && (!verIE) && (x64))return true;else if (verFF) {verFF = verFF[0].match(/\d+/);if ((verFF[0] >= 41) || (x64))return true;} else if (verOPR) {verOPR = verOPR[0].match(/\d+/);if (verOPR[0] >= 32)return true;} else if ((!verTrident) && (!verIE)) {var verChrome = ua.match(/Chrome\D?\d+/i);if (verChrome) {verChrome = verChrome[0].match(/\d+/);if (verChrome[0] >= 41)return true;}}return false;} catch (err) {return true;}
}//====页面引用CLodop云打印必须的JS文件,用双端口(8000和18000）避免其中某个被占用：====
if (needCLodop()) {var src1 = "http://localhost:8000/CLodopfuncs.js?priority=1";var src2 = "http://localhost:18000/CLodopfuncs.js?priority=0";var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;var oscript = document.createElement("script");oscript.src = src1;head.insertBefore(oscript, head.firstChild);oscript = document.createElement("script");oscript.src = src2;head.insertBefore(oscript, head.firstChild);CLodopIsLocal = !!((src1 + src2).match(/\/\/localho|\/\/127.0.0./i));
}//====获取LODOP对象的主过程：====
export function getLodop(oOBJECT, oEMBED) {var strHtmInstall = "";//"<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='install_lodop32.exe' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";var strHtmUpdate = "";//"<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='install_lodop32.exe' target='_self'>执行升级</a>,升级后请重新进入。</font>";var strHtm64_Install = "";//"<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='install_lodop64.exe' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";var strHtm64_Update = "";//"<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='install_lodop64.exe' target='_self'>执行升级</a>,升级后请重新进入。</font>";var strHtmFireFox = "";//"<br><br><font color='#FF00FF'>（注意：如曾安装过Lodop旧版附件npActiveXPLugin,请在【工具】->【附加组件】->【扩展】中先卸它）</font>";var strHtmChrome = "";//"<br><br><font color='#FF00FF'>(如果此前正常，仅因浏览器升级或重安装而出问题，需重新执行以上安装）</font>";var strCLodopInstall_1 = "";//"<br><font color='#FF00FF'>Web打印服务CLodop未安装启动，点击这里<a href='CLodop_Setup_for_Win32NT.exe' target='_self'>下载执行安装</a>";var strCLodopInstall_2 = "";//"<br>（若此前已安装过，可<a href='CLodop.protocol:setup' target='_self'>点这里直接再次启动</a>）";var strCLodopInstall_3 = "";//"，成功后请刷新本页面。</font>";var strCLodopUpdate = "";//"<br><font color='#FF00FF'>Web打印服务CLodop需升级!点击这里<a href='CLodop_Setup_for_Win32NT.exe' target='_self'>执行升级</a>,升级后请刷新页面。</font>";var LODOP;try {var ua = navigator.userAgent;var isIE = !!(ua.match(/MSIE/i)) || !!(ua.match(/Trident/i));if (needCLodop()) {try {LODOP = getCLodop();} catch (err) {}if (!LODOP && document.readyState !== "complete") {alert("网页还没下载完毕，请稍等一下再操作.");return;}if (!LODOP) {document.body.innerHTML = strCLodopInstall_1 + (CLodopIsLocal ? strCLodopInstall_2 : "") + strCLodopInstall_3 + document.body.innerHTML;return;} else {if (CLODOP.CVERSION < "3.0.9.2") {document.body.innerHTML = strCLodopUpdate + document.body.innerHTML;}if (oEMBED && oEMBED.parentNode)oEMBED.parentNode.removeChild(oEMBED);if (oOBJECT && oOBJECT.parentNode)oOBJECT.parentNode.removeChild(oOBJECT);}} else {var is64IE = isIE && !!(ua.match(/x64/i));//=====如果页面有Lodop就直接使用，没有则新建:==========if (oOBJECT || oEMBED) {if (isIE)LODOP = oOBJECT;elseLODOP = oEMBED;} else if (!CreatedOKLodop7766) {LODOP = document.createElement("object");LODOP.setAttribute("width", 0);LODOP.setAttribute("height", 0);LODOP.setAttribute("style", "position:absolute;left:0px;top:-100px;width:0px;height:0px;");if (isIE)LODOP.setAttribute("classid", "clsid:2105C259-1E0C-4534-8141-A753534CB4CA");elseLODOP.setAttribute("type", "application/x-print-lodop");document.documentElement.appendChild(LODOP);CreatedOKLodop7766 = LODOP;} elseLODOP = CreatedOKLodop7766;//=====Lodop插件未安装时提示下载地址:==========if ((!LODOP) || (!LODOP.VERSION)) {if (ua.indexOf('Chrome') >= 0)document.body.innerHTML = strHtmChrome + document.body.innerHTML;if (ua.indexOf('Firefox') >= 0)document.body.innerHTML = strHtmFireFox + document.body.innerHTML;document.body.innerHTML = (is64IE ? strHtm64_Install : strHtmInstall) + document.body.innerHTML;return LODOP;}}if (LODOP.VERSION < "6.2.2.6") {if (!needCLodop())document.body.innerHTML = (is64IE ? strHtm64_Update : strHtmUpdate) + document.body.innerHTML;}//===如下空白位置适合调用统一功能(如注册语句、语言选择等):==LODOP.SET_LICENSES("济南金民电子科技有限公司","2FA7D99D8EE17DE801CA1EC8A683CAE0","","");//=======================================================return LODOP;} catch (err) {alert("getLodop出错:" + err);}
}

2、竖向整体打印横向预览

 LODOP.SET_PRINT_PAGESIZE(2,"210mm","297mm" ,"")LODOP.SET_SHOW_MODE("LANDSCAPE_DEFROTATED",1);LODOP.ADD_PRINT_HTM(0, 0, "100%", "100%", html);LODOP.PREVIEW();

3、设置指定打印机

LODOP.SET_PRINTER_INDEX("TSC TTP-244 Plus")

4、打印条形码

 LODOP.ADD_PRINT_BARCODE(50, 50, 100, 30, "Code93",businessCode );

5、打印多份

LODOP.SET_PRINT_COPIES(2);

Lodop 打印使用笔记相关推荐

关于Lodop打印控件
Vue项目中开发Lodop打印控件操作笔记. 1.进入官网下载控件,然后安装. 1 http://www.lodop.net/ 2.安装包里面有LodopFuncs.js,推荐使用官方js,网上也有很 ...
LODOP打印table表格宽度固定-超宽隐藏
之前有博文介绍关于超出div隐藏内容的:LODOP打印超过后隐藏内容样式里面提到了overflow:hidden;控制超出后隐藏,但是前面那篇用的是div,如果是在table中,由于table默认 ...
lodop打印html内容,Lodop打印控件在页面如何使用
Lodop打印控件部署到web服务器简单,在页面的使用方法也简单,是非常容易和方便使用的打印控件. 客户端本地打印角色(即用户访问网站后用自己链接的打印机进行客户端本地打印),步骤很少,部署简单: ...
【JS新手教程】LODOP打印复选框选中的任务或页数
之前的博文:[JS新手教程]LODOP打印复选框选中的内容关于任务:Lodop打印语句最基本结构介绍(什么是一个任务) 关于本文用到的JS的eval方法:JS-JAVASCRIPT的eval()方法 ...
LODOP打印当前日期时间的方法
JS方法直接获取. 之前有个详细介绍的博文:LODOP打印用JS获取的当前日期本文也再演示一下,详细介绍见上面链接的博文,该方法此文不做详细介绍. 本文有三段:1.JS获取日期,2,.LODOP的F ...
详解如何在vue项目中使用lodop打印插件,以及样式打印预览缺失的问题（底部）
C-Lodop是一个免费云服务程序,可接受来自其它平台浏览器的JavaScrip语句实现远程打印. 目前是各家软件公司进行手机或微信远程打印的流行解决方案. 和其它"云打印"概念相 ...
Lodop打印设计（PRINT_DESIGN）介绍
打印设计(PRINT_DESIGN)界面上方有两栏菜单栏,举例说明(文本框,条码,图形等). (1)第一排最左侧第一个功能,位置移动:控制里面元素微上下左右移动,每次移动一个px. (用于微调,普通调 ...
uniapp中使用lodop打印控件实现app广域、局域网打印功能，亲测可用
文章目录前言一.本文目的二.使用步骤 1.准备工作 2.引入库文件 3.页面使用总结前言在项目中使用了lodop控件,然而蛋疼的发现这玩意uniapp app端不能直接使用,在vip售后群 ...
如何取消浏览器护眼色 Lodop打印图片有窗口颜色的边框
Lodop打印图片出现了边框,然而通常情况下是没有边框的,由于Lodop是基于本机的ie进行解析的,和IE的设置有关. 用户的电脑和习惯千差万别,有人喜欢给浏览器加上护眼色,而这一个行为可能导致Lod ...
Lodop打印控件指定打印任务某几页
使用Lodop打印控件进行打印开发,有时候一个任务里有多页,例如各种合同之类的,客户端用户在使用过程中,可能有某一页打印后发现需要修改,这时候不必再把整个任务重新打印一遍,只需要打印需要修改的那页重新 ...

Lodop 打印使用笔记

1、下载安装驱动

2、常用方法

3、使用

1、竖向打印

2、竖向整体打印横向预览

3、设置指定打印机

4、打印条形码

5、打印多份

Lodop 打印使用笔记相关推荐

最新文章

热门文章