500)},print() {this.waitShowPrinter=truethis.hiprintTemplate.print(this.printData, {}, {callback:() =>{this.waitShowPrinter=false}})},toPdf() {this.hiprintTemplate.toPdf(this.printData,'打印预览pdf');},}}/deep/.ant-modal
1.通过node的http或https库下载网络pdf文件至用户临时目录 2.后续内容同使用pdf打印功能因为打印网络pdf不存在模板拼接,所以打印时直接如下调用即可 hiprint.hiwebSocket.send({printer, type: 'url_pdf', pdf_path: '网络PDF的下载url'})学习借鉴electron https://www.electronjs.org/zh/docs/latest/ electron-...
npm install socket.io jspdf: npm install jspdf --save 代码简单介绍 面板 分别是:拖拽组件、画布、属性栏
-- toPdf需要 --> <!-- vue-plugin-hiprint 😃 --> <!-- 注意 defer --> console.log('vue-plugin-hiprint') console.log(window['vue-plugin-hiprint']) console.log('hiprint') // hiprint 以注入 全局
"main": "dist/vue-plugin-hiprint.js", @@ -56,6 +56,7 @@ "jquery": "^3.6.0", "jsbarcode": "^3.11.5", "jspdf": "^2.5.1", "nzh": "^1.0.8", "socket.io-client": "^4.5.1" } } 87 changes: 77 additions & 10 deletions 87 src/hiprint/hiprint.bundle.js Original file...
-- toPdf需要 --> <!-- vue-plugin-hiprint 😃 --> 0.0.32-fix (2022-09-29)1. 🐛 fix 双击编辑后 拖拽/选中 系列bug 2. 🐛 fix 双击编辑 回车/点击其他元素/面板 确认编辑的bug 0.0.32 (2022-09-28)1. 🌈
this.hiprintTemplate.toPdf(this.printData, '列印預覽pdf'); }, } } /deep/ .ant-modal-body { padding: 0px; } /deep/ .ant-modal-content { margin-bottom: 24px; } 直接列印 直接列印需要安裝桌面插件,window.hiwebSocket.opened是為了判斷socketIo是否打開,hiprintTemplate中的print2是直接列印...
目标用户:只需要实现 HTML、PDF 静默打印,未使用vue-plugin-hiprint设计插件。 客户端连接 安装依赖 npm install socket.io-client@4 --save 连接示例 import{ io }from"socket.io-client";constsocket = io("http://localhost:17521", {transports: ["websocket"],auth: {token:"vue-plugin-hiprint", } ...
{ // "PrinterName": "Microsoft Print to PDF", // "TaskNumber": 0, // 打印队列数 // "Status": 0, // 设备状态码 // "StatusMsg": "准备就绪(Ready)", // 设备状态信息 // "PaperSizes": [ // { // "Height": 1100, // 单位 mm // "Kind": 1, // "PaperName": "信纸",...
-- toPdf需要 --> <!-- vue-plugin-hiprint 😃 --> 0.0.32-fix (2022-09-29)1. 🐛 fix 双击编辑后 拖拽/选中 系列bug 2. 🐛 fix 双击编辑 回车/点击其他元素/面板 确认编辑的bug 0.0.32 (2022-09-28)1. 🌈