有关lodop.js和CLodop服务_m0_45868673的博客-程序员秘密

技术标签: vue.js  

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

let CreatedOKLodopObject, CLodopIsLocal, CLodopJsState

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

export function needCLodop () {
  try {
    const 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 }

    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.documentElement
    const 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 camelcase
  const strHtm64_Install = "<br><font color='#FF00FF'>打印控件未安装!点击这里<a href=" + url + '/lodop/install_lodop64.exe' + " target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>"
  // eslint-disable-next-line camelcase
  const 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 camelcase
  const strCLodopInstall_1 = "<br><font color='#FF00FF'>Web打印服务CLodop未安装启动,点击这里<a href=" + url + '/lodop/CLodop_Setup_for_Win32NT.exe' + " target='_self'>下载执行安装</a>"
  // eslint-disable-next-line camelcase
  const strCLodopInstall_2 = "<br>(若此前已安装过,可<a href='CLodop.protocol:setup' target='_self'>点这里直接再次启动</a>)"
  // eslint-disable-next-line camelcase
  const 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 LODOP
  try {
    const ua = navigator.userAgent
    const 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 camelcase
        document.body.innerHTML = strCLodopInstall_1 + (CLodopIsLocal ? strCLodopInstall_2 : '') + strCLodopInstall_3 + document.body.innerHTML
        return
      } 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 camelcase
        document.body.innerHTML = (is64IE ? strHtm64_Install : strHtmInstall) + document.body.innerHTML
        return LODOP
      }
    }
    if (LODOP.VERSION < '6.2.2.6') {
      // eslint-disable-next-line no-undef
      // eslint-disable-next-line camelcase
      if (!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) : 0
      let 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出错了')
          }
        }
      })
    },
    ```
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/m0_45868673/article/details/124300688

智能推荐

Android应用打开外部文件_weixin_30279751的博客-程序员秘密

我们有时候遇到要打开一个文件,我们可以选择用其他应用打开,这时弹出来的应用列表,那么我们如何让自己开发的应用也能出现在里面呢?第一步:设置启动Activity的intent-filter,给data 指定可以打开的mimeType.(注意允许文件操作的权限) &lt;activity android:name=".StartActivity"&gt;...

OFFPIPE 海底管道铺设计算分析软件_wangning7654的博客-程序员秘密_offset pipe管道软件

OFFPIPE 3.0Pipelay analysisModels pipe laying, davit lift, pipelay initiation and abandonment/recovery operations. It can model both conventional laybarge and stinger based pipe laying methods ...

TCP管理的4种定时器_messiran10的博客-程序员秘密

TCP共使用以下四种计时器,即重传计时器、坚持计时器、保活计时器和时间等待计时器。这几个计时器的主要特点如下:    1、重传计时器    当TCP发送报文段时,就创建该特定报文段的重传计时器。可能发生两种情况:    (1)、若在计时器截止时间到(通常是60秒)之前收到了对此特定报文段的确认,则撤销此计时器。    (2)、若在收到了对此特定报文段的确认之前计时器截止期到,则重传

unctf2020部分wp_piubiutiu~的博客-程序员秘密

misc签到题下载附件之后是一张图片,打开方式选择记事本,在最后一行会发现一行网址,浏览器访问它可以在评论区找到flag。web一、ezphp&lt;?phpshow_source(__FILE__);$username = "admin";$password = "password";include("flag.php");$data = isset($_POST['data'])? $_POST['data']: "" ;$data_unserialize = unserial

分布式ID生成工具类-雪花算法_swadian2008的博客-程序员秘密_雪花算法生成id工具类

目录一、分布式ID的特点二、分布式ID的常见解决方案三、雪花算法的概要四、雪花算法的实现雪花算法,在分布式架构中很常见,但一般也不需要怎么去深入了解,一方面一般个人项目用不到分布式之类的大型架构,另一方面,就算要用到,市面上很多ID生成器也帮我们完成了这项工作。一、分布式ID的特点(1)全局唯一性:不能出现有重复的ID标识,这是基本要求。(2)递增性:确保生成ID对于用户或业务是递增的。(3)高可用性:确保任何时候都能生成正确的ID。(4)高性能性:在高并发的环境下依

LAMP项目部署实战_suqi_internet的博客-程序员秘密_部署lamp

LAMP项目部署实战一、LAMP环境部署1、回顾LAMPLAMP = Linux + Apache + MySQL + PHPApache:主要用于接收用户的请求,处理业务逻辑,返回结果给客户端(浏览器)PHP:编程语言的一种,主要应用于Web开发。主要实现注册、登录、加入购物车、下单、支付等功能MySQL:数据库,删库到跑路,这里的"库"就是指数据库。永久保存数据2、LAMP部署前期准备☆ 关闭防火墙systemctl stop firewalldsystemctl disable

随便推点

分布式数据库系统的相关基本概念_芮芮子天下第一的博客-程序员秘密_分布式数据库的基本概念

分布式数据库系统原理分布式数据库系统,简称为DDBS。它源自于两种数据处理方法的结合,一个是数据库系统DBS,另一个则是计算机网络。很有意思的是数据库系统是将企业运营的数据集中起来,提供对数据可控制的存取。但是计算机网络技术提倡的是一种反对集中的工作模式。这两种对比如此鲜明的技术合在一起变成了分布式数据库技术,这种技术追求的是在可能取得集成的情况下放弃集中。分布式分布式处理(或者是分布式计算)没有准确的定义。我们使用的分布式计算系统的定义要求它具备一定数量的自主式处理单元,这些单元通过计算机网络互

Qt自定义控件之浮动操作按钮_屁股大象的博客-程序员秘密_qt 浮动按钮

效果实现  实现这个按钮唯一麻烦的点就在于算出N个子按钮弹出的位置。看下图:   假设:按钮散落的位置为0到180°,我们有N个按钮,圆心坐标为(x,y),圆心到散落按钮的左上角(leftTop)位置距离为R。  由于我们有N个按钮,散落的总角度为180°,则每个按钮的之间的夹角可以算出为180N−1​\frac{ 180}{ N - 1}​N−1180​​ ,我们定义为上图的夹角A。  则我们可以用三角函数轻松得出圆心到子按钮左上角的x轴和y轴的偏移量。分别为夹角A的对边和邻边。  则第i

网站运维:git工具-常用命令(2):git clone 克隆版本库、git diff 差异比较、git rm 删除文件_hahahafree的博客-程序员秘密

1、git clone 克隆版本库git clone https://github.com/hahahafree/learning__python3.git格式:git clone [url]git clone [url] 自定义的名称git clone https://github.com/hahahafree/learning__python3.git pythontest...

matplotllib、opencv、Pillow保存图像方法对比_胖胖大海的博客-程序员秘密_matplotlib pillow

import numpy as npfrom matplotlib import pyplot as pltimport cv2from PIL import Imageprint("########################################## 图像数值范围0-255 #########################################")img = cv2.imread("./images/dog.jpg")# 保存数值范围在0-255的常规图片# .

SICP 习题答案1.5_尘埃092的博客-程序员秘密

正则序:   完全展开后归约应用序:   先求值参数而后应用Using applicative-order evaluation, the evaluation of (test 0 (p)) never terminates, because(p) is infinitely expanded to itself: (test 0 (p)) (test 0 (p))

在分布式数据库中CAP+BASE_椰子奶糖的博客-程序员秘密

传统的ACID分别是什么:A(Atomicity)原子性C(Consistency)一致性I(Isolation)独立性所谓的独立性是指并发的事务之间不会互相影响,如果一个事务要访问的数据正在被另外一个事务修改,只要另外一个事务未提交,它所访问的数据就不受未提交事务的影响。比如现有有个交易是从A账户转100元至B账户,在这个交易还未完成的情况下,如果此时B查询自己的账户,是看不到...

推荐文章

热门文章

相关标签