vue项目中如何利用LodopFuncs插件实现批量打印功能?(html版本)

1175 ℃

如何利用LodopFuncs插件在vue项目中实现批量打印功能?下面给大家简单介绍一下实现方法!

1、在index.html中引入LodopFuncs.js

http://www.c-lodop.com/demolist/LodopFuncs.js

2、在index.html中引入LodopFuncs.js

printingClick() {
  const tableInfo = this.multipleSelection.map(item => window.decodeURIComponent(escape(window.atob(item.shippingPdfUrl))))
  console.log(tableInfo)
  LODOP = getLodop()
  LODOP.PRINT_INIT('打印')
  LODOP.SET_PRINT_PAGESIZE(3, 1000, 1500, '')
  for (let i = 0; i < tableInfo.length; i++) {
    this.creatOneRage(tableInfo[i])
  }
  LODOP.SET_PREVIEW_WINDOW(0, 0, 0, 0, 0, '')
  if (LODOP.SET_PRINTER_INDEXA(0)) { //这里实现的是选择打印机,数字代表打印机的型号
    LODOP.PRINT() //直接打印不预览
    //LODOP.PREVIEW()预览后再打印
  }
},
creatOneRage(table) {
  LODOP.NewPage()
  LODOP.ADD_PRINT_IMAGE(12, 12, '95%', '95%', table)
  LODOP.SET_PRINT_STYLEA(0, 'Stretch', 2)
},

CAD软件中怎么实现批量打印(简简单单3步骤)

lodop插件打印如何实现批量打印(显示分割线)

前端利用lodop插件如何获取打印状态(打印成功后回调)

vue项目中如何利用LodopFuncs插件实现pdf批量打印功能?

标签: LodopFuncs插件, 批量打印

上面是“vue项目中如何利用LodopFuncs插件实现批量打印功能?(html版本)”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_4101.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

帝国cms功能之网站管理系统栏目的增加
jquery如何删除标签和清空标签
大流量网站的SEO共同特征
织梦dedecms如何用函数cn_substr()截取字符串
wordpress如何设置分页中的总数量