有关lodop.js和CLodop服务

/* eslint-disable no-undef */
//= =本JS是加载Lodop插件及CLodop服务的综合示例，可直接使用，建议看懂后融进自己页面程序==

let CreatedOKLodopObject, CLodopIsLocal, CLodopJsState

//= =判断是否需要CLodop(那些不支持插件的浏览器):==

export function needCLodop () {try {const ua = navigator.userAgentif (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 }const verTrident = ua.match(/Trident\D?\d+/i)const verIE = ua.match(/MSIE\D?\d+/i)let verOPR = ua.match(/OPR\D?\d+/i)let verFF = ua.match(/Firefox\D?\d+/i)const 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)) {let 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(以防其中一个被占):==
export function loadCLodop () {if (CLodopJsState === 'loading' || CLodopJsState === 'complete') { return }CLodopJsState = 'loading'try {const head = document.head || document.getElementsByTagName('head')[0] || document.documentElementconst JS1 = document.createElement('script')const JS2 = document.createElement('script')JS1.src = 'http://localhost:8000/CLodopfuncs.js?priority=1'JS2.src = 'http://localhost:18000/CLodopfuncs.js'JS1.onload = JS2.onload = function () { CLodopJsState = 'complete' }JS1.onerror = JS2.onerror = function (evt) { CLodopJsState = 'complete' }head.insertBefore(JS1, head.firstChild)head.insertBefore(JS2, head.firstChild)CLodopIsLocal = !!((JS1.src + JS2.src).match(/\/\/localhost|\/\/127.0.0./i))} catch (e) {}
}if (needCLodop()) { loadCLodop() }// 加载//= =获取LODOP对象主过程,判断是否安装、需否升级:==
export function getLodop (oOBJECT, oEMBED) {const url = 'http://admin.z114.com'const strHtmInstall = "<br><font color='#FF00FF'>打印控件未安装!点击这里<a href=" + url + '/lodop/install_lodop32.exe' + " target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>"const strHtmUpdate = "<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href=" + url + '/lodop/install_lodop32.exe' + " target='_self'>执行升级</a>,升级后请重新进入。</font>"// eslint-disable-next-line camelcaseconst strHtm64_Install = "<br><font color='#FF00FF'>打印控件未安装!点击这里<a href=" + url + '/lodop/install_lodop64.exe' + " target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>"// eslint-disable-next-line camelcaseconst strHtm64_Update = "<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href=" + url + '/lodop/install_lodop64.exe' + " target='_self'>执行升级</a>,升级后请重新进入。</font>"const strHtmFireFox = "<br><br><font color='#FF00FF'>（注意：如曾安装过Lodop旧版附件npActiveXPLugin,请在【工具】->【附加组件】->【扩展】中先卸它）</font>"const strHtmChrome = "<br><br><font color='#FF00FF'>(如果此前正常，仅因浏览器升级或重安装而出问题，需重新执行以上安装）</font>"// eslint-disable-next-line camelcaseconst strCLodopInstall_1 = "<br><font color='#FF00FF'>Web打印服务CLodop未安装启动，点击这里<a href=" + url + '/lodop/CLodop_Setup_for_Win32NT.exe' + " target='_self'>下载执行安装</a>"// eslint-disable-next-line camelcaseconst strCLodopInstall_2 = "<br>（若此前已安装过，可<a href='CLodop.protocol:setup' target='_self'>点这里直接再次启动</a>）"// eslint-disable-next-line camelcaseconst strCLodopInstall_3 = '，成功后请刷新本页面。</font>'const strCLodopUpdate = "<br><font color='#FF00FF'>Web打印服务CLodop需升级!点击这里<a href=" + url + '/lodop/CLodop_Setup_for_Win32NT.exe' + " target='_self'>执行升级</a>,升级后请刷新页面。</font>"let LODOPtry {const ua = navigator.userAgentconst isIE = !!(ua.match(/MSIE/i)) || !!(ua.match(/Trident/i))if (needCLodop()) {try {LODOP = getCLodop()} catch (err) {}if (!LODOP && CLodopJsState !== 'complete') {if (CLodopJsState === 'loading') { alert('网页还没下载完毕，请稍等一下再操作.') } else { alert('没有加载CLodop的主js，请先调用loadCLodop过程.') }return}if (!LODOP) {// eslint-disable-next-line camelcasedocument.body.innerHTML = strCLodopInstall_1 + (CLodopIsLocal ? strCLodopInstall_2 : '') + strCLodopInstall_3 + document.body.innerHTMLreturn} else {if (CLODOP.CVERSION < '4.1.0.4') {document.body.innerHTML = strCLodopUpdate + document.body.innerHTML}if (oEMBED && oEMBED.parentNode) { oEMBED.parentNode.removeChild(oEMBED) } // 清理旧版无效元素if (oOBJECT && oOBJECT.parentNode) { oOBJECT.parentNode.removeChild(oOBJECT) }}} else {const is64IE = isIE && !!(ua.match(/x64/i))//= =如果页面有Lodop就直接使用,否则新建:==if (oOBJECT || oEMBED) {if (isIE) { LODOP = oOBJECT } else { LODOP = oEMBED }} else if (!CreatedOKLodopObject) {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') } else { LODOP.setAttribute('type', 'application/x-print-lodop') }document.documentElement.appendChild(LODOP)CreatedOKLodopObject = LODOP} else { LODOP = CreatedOKLodopObject }//= =Lodop插件未安装时提示下载地址:==if ((!LODOP) || (!LODOP.VERSION)) {if (ua.includes('Chrome')) { document.body.innerHTML = strHtmChrome + document.body.innerHTML }if (ua.includes('Firefox')) { document.body.innerHTML = strHtmFireFox + document.body.innerHTML }// eslint-disable-next-line camelcasedocument.body.innerHTML = (is64IE ? strHtm64_Install : strHtmInstall) + document.body.innerHTMLreturn LODOP}}if (LODOP.VERSION < '6.2.2.6') {// eslint-disable-next-line no-undef// eslint-disable-next-line camelcaseif (!needCLodop()) { document.body.innerHTML = (is64IE ? strHtm64_Update : strHtmUpdate) + document.body.innerHTML }}//= ==如下空白位置适合调用统一功能(如注册语句、语言选择等):==//= ======================================================return LODOP} catch (err) {alert('getLodop出错:' + err)}
}

// 有关调用方法
import { getLodop } from '~/plugins/lodop'
// 预览打印async handlePrint () {if (_.isEmpty(this.searchModel.time)) {this.$message.warning('请选择时间')return false}await this.getAllPsiInfo()const LODOP = getLodop()if (!LODOP.CVERSION) {return}const dataLength = this.allTableData.length > 0 ? (this.allTableData.length - 1) : 0let msg = '您将打印' + dataLength + '条数据，'if (dataLength > 100) {msg += '数据较多，可能需要等待，'}msg += '是否预览打印?'message.confirm({message: msg,successCallBack: () => {LODOP.PRINT_INIT('事诚科技-进销存')LODOP.SET_PRINT_MODE('PRINT_PAGE_PERCENT', 'Height:100%')LODOP.SET_PRINT_MODE('PRINT_PAGE_PERCENT', 'Width: 100%')LODOP.ADD_PRINT_HTM(10, 10, '100%', 'BottomMargin: 10mm', this.$refs.log.innerHTML) // 单位缺省时表示px，字符型时可包含单位名：in(英寸)、cm(厘米)、mm(毫米)、pt(磅)、px(1/96英寸)、%(百分比)，如“10mm”表示10毫米LODOP.SET_PRINT_MODE('CATCH_PRINT_STATUS', true) // 执行该语句之后，PRINT指令不再返回那个所谓“打印成功”if (LODOP.CVERSION) { // 判断c_lodop是否存在，安装了c-lodop就会存在LODOP.NEWPAGE()LODOP.PREVIEW() // 预览打印} else {console.log('c-lodop出错了')alert('c-lodop出错了')}}})},```

有关lodop.js和CLodop服务相关推荐

vue使用lodop.js实现前端标签打印
最近做项目, 需要使用到类似顺丰标签的那种标签打印, 需实现单打和批量打印,由于打印的功能是给到国外的同事使用,纸张大小为4*6, 有点特殊,国外打印机和国内的也不一样, 所以调试的时候也是花费了挺多 ...
Node.js + Consul 实现服务注册、健康检查、配置中心
Node.js + Consul 实现服务注册.健康检查.配置中心在这篇文章中: 初始化 Consul 客户端服务注册与健康检查配置Consul管理控制台服务配置中心实现在Nodejs中进行 ...
Pomelo：网易开源基于 Node.js 的游戏服务端框架
Pomelo 是基于 Node.js 的高性能.分布式游戏服务器框架.它包括基础的开发框架和相关的扩展组件(库和工具包),可以帮助你省去游戏开发枯燥中的重复劳动和底层逻辑的开发.Pomelo 不但适用 ...
lodop打印html包含图片,使用lodop.js打印控件打印table并分页等
使用lodop.js打印控件打印table并分页等 import {getLodop} from '@/utils/LodopFuncs.js' //打印表格 export default{ // n ...
学习使用js链接websocket服务断线重连的方法
学习使用js链接websocket服务断线重连的方法前言思路示例代码前言我们在是有websocekt的时候,有的时候由于某些原先websocket会断开连接,我们需要重现连接,该如何实现呢? ...
ajax调用第三方web服务,js调用soapWebService服务
js调用soapWebService服务什么是 SOAP? SOAP 指简易对象访问协议 SOAP 是一种通信协议 SOAP 用于应用程序之间的通信 SOAP 是一种用于发送消息的格式 SOAP 被 ...
Egg.js搭建后台服务API
写在前面的话最近在学习Egg.js,它是阿里推出的基于Koa的node开发框架,为企业级框架和应用而生.Egg.js 的官方文档已经很完善了,想学习Egg.js的可以直接查看官方文档. 因为平常开发 ...
支持lodop的服务器,C-Lodop云打印
C-Lodop云打印服务器是一款功能强大的云打印软件.在C-Lodop云打印服务器最新版中,可以支持lodop全部语法,而且该软件有着极强的兼容性,可以同时支持各种普通打印机.本地并口.窗口.网络共享 ...
node.js创建WebSocket服务，并使用原生js ES6完成对WebSocket数据交互
注意,前情提示: 本代码基于<Node.js(nodejs)对本地JSON文件进行增.删.改.查操作(轻车熟路)> 传送门Node.js(nodejs)对本地JSON文件进行增.删.改.查 ...
node.js——阿里企业级服务框架Egg搭建
egg是阿里开源的企业级框架,主要设计理念为平衡团队之间的技术差异,专注于提供 Web 开发的核心功能和一套灵活可扩展的插件机制.通过 Egg,团队的架构师和技术负责人可以非常容易地基于自身的技术架构 ...

有关lodop.js和CLodop服务

有关lodop.js和CLodop服务相关推荐

最新文章

热门文章