有关lodop.js和CLodop服务

lyweb32

已于 2022-04-20 16:27:26 修改

阅读量1.4k

点赞数

于 2022-04-20 16:24:11 首次发布

本文链接：https://blog.csdn.net/m0_45868673/article/details/124300688

版权

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出错了')
          }
        }
      })
    },
    ```