printerName, title: '订单出货打印' }); // 更新打印状态 const updateStatus = async (isSuccess: boolean) => { }; // 发送任务到打印机成功 hiprintTemplate.on('printSuccess', async function (e) { await updateStatus(true); }); // 发送任务到打印机失败 hiprintTemplate.on('p...
printer: “”,// 打印机 名称 title:"打印任务名称", color:false,// 是否打印颜色 默认 true copies:1,// 打印份数 默认 1 }); 其他参数可查看源码https://github.com/CcSimple/electron-hiprint 6 多模板预览/打印 有了前面两节的基础,多模板打印也就很容易理解了。
hiprintTemplate.printByHtml2(this.$refs.printContent,{ printer: printerName, // 打印机名称,不填则默认打印机 title: '任务队列中名称' });//直接打印,需要安装客户端 下面会提到客户端的安装 安装打印客户端 如果要实现无预览打印(静默打印)就需要安装打印客户端, 无预览打印的原理是使用 hiprint 的打印客...
const printerList = hiprintTemplate.getPrinterList(); // hiprint对象获取 const list = hiprint.hiwebSocket.getPrinterList(); 注意:这样获取的是连接成功时本机的打印机列表 重新/刷新获取打印机列表: // 这是异步的 hiprint.refreshPrinterList((list) => { console.log('refreshPrinterList') console.log(...
vue-plugin-hiprint 打印原理 客户端服务:通过 socket.io (默认端口 17521)提供服务。 使用socket.io-client@4.x连接:http://localhost:17521 发送打印数据:通过socket.emit方法发送打印数据 示例: socket.emit("news", { html, templateId, printer, pageSize }) ...
vue-plugin-hiprint(基于hiprint 2.5.4) 当时只是为了方便我(并非hiprint原作者)在vue项目中引入使用,所以以此命名。 此插件仅仅是一个JavaScript【工具库】而非Vue【组件库】,所以它默认是不包含demo中所见的那些组件页面的(demo代码随便复制修改拿去用)。
batPrint() {// 批量打印if(window.hiwebSocket.opened) {constprinterList = hiprintTemplate.getPrinterList();console.log(printerList)// 打印机列表this.tasksPrint()return}this.$message.error('客户端未连接,无法直接打印')},tasksPrint() {// 队列打印construnner =newTaskRunner();...
();// 在组件中使用 见: demo/design/index.vueimport{disAutoConnect,autoConnect,hiprint}from'vue-plugin-hiprint'disAutoConnect();// 同时 export了 autoConnect,disAutoConnect 方法/*** 连接回调及打印*/autoConnect((status,msg)=>{if(status){hiprintTemplate.print2(printData,{printer:'',title:'...
print() {if(window.hiwebSocket.opened) {constprinterList = hiprintTemplate.getPrinterList();console.log(printerList)// 打印机列表数据console.log('printData', printData)// 数据源hiprintTemplate.print2(printData, {printer:'',title:'hiprint测试直接打印'});return}this.$message.error('客户端未连接...
An electron-vue plugin, silent print pictures。electron-vue可静默打印图片插件。 - Imfdj/electron-vue-printer