hiPrintPlugin.disAutoConnect();// 取消自动连接直接打印客户端// 下列代码为示例,不要再 main.js中 使用// 引入后使用示例this.$pluginName.init();// 下列方法都是没有拖拽设计页面的, 相当于代码模式, 使用代码设计页面// 想要实现拖拽设计页面,请往下看 '自定义设计'varhiprintTemplate =newthis.$pluginN...
直接打印需要安装桌面插件,window.hiwebSocket.opened是为了判断socketIo是否打开,hiprintTemplate中的print2是直接打印,print是会显示预览的打印。直接打印在printIo底层会自动去连接客户端,以及传输数据。 print() {if(window.hiwebSocket.opened) {constprinterList = hiprintTemplate.getPrinterList();console.log(printer...
// 因为我个人觉的直接通过打印某个元素区域最好用(最好上手)所以使用的是打印html的方式 hiprintTemplate.printByHtml(this.$refs.printContent,{}); hiprintTemplate.printByHtml2(this.$refs.printContent,{ printer: printerName, // 打印机名称,不填则默认打印机 title: '任务队列中名称' });//直接打印,...
打印设计与可视化设计器 vue-plugin-hiprint提供了一个直观的打印设计界面，允许开发者通过拖拽元素来构建自己的打印模板。这一特性极大地提高了工作效率，使得原本繁琐的设计流程变得轻松自如。此外，设计师还可以直接在可视化界面上调整元素，实时预览打印效果。这种即时反馈机制，无疑是对传统工作方式的一种颠覆。想象一...
hiPrintPlugin.disAutoConnect(); //取消自动打印直接连接客户端 hiprint.init(); 在组件中我们需要先取消它的自动连接客户端打印功能,然后初始化vue-plugin-hiprint。 自定义打印模板 Vue-Plugin-HiPrint 允许您自定义打印样式,以满足您的具体需求。您可以在 预览网站中设计好需要的样式并复制自定义模板的JSON数据,在...
feat:设置-高级设置-增加默认打印机选择 1个月前 .gitignore feat: 添加 render 窗口 4个月前 .npmrc feat: 添加 render 窗口 4个月前 .prettierrc.json feat: 添加 render 窗口 4个月前 LICENSE add LICENSE. 3年前 README.md Update README.md ...
简介:本文介绍对vue-plugin-hiprint部分重要代码的解析,这是一个很好的开源插件,能够自己自定义打印模板,通过后端传来的数据进行渲染打印,官方也提供了许多的api供开发者使用。界面采用了antdesign。实现了免预览的直接打印。 vue-plugin-hiprint的学习与应用 ...
首先，在项目入口文件index.html中，安装依赖。项目中实现无预览打印需确保打印内容样式设置为行内样式，以确保生效。实现无预览打印，需安装打印客户端，通过electron的hiprint应用接收浏览器打印请求，并直接调用本地打印机。安装客户端请访问上述gitee地址。若在配置客户端过程中遇到问题，解决方法请参考相关...
这个打印模板json就是设计器的默认元素。首先先了解一下它的格式: const template = // 包含一个 “panels” 及 hiprint中的 “面板” { // “面板” 是一个数组,(支持多面板) panels: [ // 面板 0 , 包含 宽、高、打印元素、页眉、页脚等重要信息。
是一个Vue插件,用于集成HiPrint打印服务,实现打印功能。HiPrint服务本身提供了丰富的打印模板和配置选项,支持多种类型的打印任务。 2. 研究vue-plugin-hiprint的批量打印功能 虽然vue-plugin-hiprint的官方文档可能没有直接提及“批量打印”这一术语,但通常可以通过循环遍历打印数据,并逐一调用打印接口来实现批量打印的效果...