httpPrinter--vue--打印

httpPrinter–vue–打印

1.去官网下载安装包
http://www.httpprinter.com/

2.在----HttpPrinter4.0.0.34_20210617_113253\调用示例\Http协议示例\vue----目录下，有一个例子，解压后是这样

3.将vue-demo这个项目用vscode打开
安装axios

npm install axios

运行项目

npm run serve

主要代码：

dosth(){this.$http.post('print/',{method:'printreport',ReportType:'gridreport',ReportName:'SQD.grf',ReportVersion:'1',ReportUrl:'',Copies:'1',Duplex:'0',vue:'1', //需要设置为 1, 要不 局域网打印等 含有\\的无法识别 , vue 提交的数据需要把\\替换为\PrinterName:'QR-488BT LABEL',//这个无法转义PrintOffsetX:'0',PrintOffsetY:'0',Preview:'0',token:'aa',taskId:'1234567',exportfilename:'',exportfiletype:'',Parameter:[{"type": "", "name": "姓名","value": "123","required": false},{"type": "", "name": "性别","value": "123","required": false},{"type": "", "name": "年龄","value": "123","required": false},{"type": "", "name": "主诉","value": "123","required": false},{"type": "", "name": "诊断","value": "123","required": false},{"type": "", "name": "床号","value": "123","required": false},{"type": "", "name": "门诊号","value": "","required": false},{"type": "", "name": "住院号","value": "","required": false},{"type": "", "name": "卡号","value": "","required": false},{"type": "", "name": "备注","value": "","required": false},{"type": "", "name": "内容","value": "","required": false},{"type": "", "name": "二维码","value": "","required": false},{"type": "", "name": "科室","value": "","required": false},{"type": "", "name": "医师","value": "ppppppppppppp","required": false}]}).then(function (response) {let re= response.data;if(re.status=="ok"){ console.log("打印成功")  }else{alert("打印失败:"+re.data);console.log("打印失败:"+re.data)}}).catch(error => (console.log(error)))},dosth1(){this.$http.post('print/',{method:'printreport',ReportType:'gridreport',ReportName:'barcode.grf',ReportVersion:'1',ReportUrl:'',Copies:'1',vue:'1', //需要设置为 1, 要不 局域网打印等 含有\\的无法识别 , vue 提交的数据需要把\\替换为\PrinterName:'QR-488BT LABEL',//这个无法转义PrintOffsetX:'0',PrintOffsetY:'0',Preview:'0',token:'aa',taskId:'1234567',exportfilename:'',exportfiletype:'',Field:[{"type": "ftString", "name": "name","size": "255","required": true},{"type": "ftString", "name": "no","size": "255","required": false}],Data:[{"name": "姓名","no": "123"},{"name": "姓名","no": "123"},{"name": "姓名","no": "123"},{"name": "姓名","no": "123"}]}).then(function (response) {let re= response.data;if(re.status=="ok"){ console.log("打印成功")  }else{alert("打印失败:"+re.data);console.log("打印失败:"+re.data)}}).catch(error => (console.log(error)))}

demo项目里面只有一个打印例子，要想打印其他的例如pdf什么的，需要在—/HttpPrinter4.0.0.34_20210617_113253/调用示例/Http协议示例/html/http_test_gridreport.html—这个文件的代码里面去看
上文中的二维码就是我从http_test_gridreport.html里面改了的

其他的之后再补充

httpPrinter--vue--打印相关推荐

Go+Vue打印店远程打印小程序源码
简介: Go+Vue打印店远程打印小程序源码,带微信小程序前端代码和后台程序源码,用户可以通过小程序上传文件→店主在线预览(下载)&打印. 网盘下载地址: http://kekewl.cc/j ...
vue 打印出现多余空白页的情况
vue 打印出现多余空白页这种情况可以首先去关注 v-print 所绑定的盒子的高度 ,可以给盒子高度设置成auto 或 100% . 这样不行的话再去关注 margin 和这个盒子内部元素的高 ...
分享一个简单好看的html的表格table（个人简历的html表格），vue table，以及vue打印（简单好用的vue打印插件）
想写一个很普通的那种像word文档样式的table,发现网上很多都是什么教程,没有合适的,我只想要一个拿来就能用的html的table(非专业前端),没有什么别的依赖,而且样式要很普通的简单的表格.既 ...
vue打印elementUI表格边框显示不全
问题:vue打印elementUI表格边框显示不全(使用的window.print()) 在项目中需要实现打印功能,但是通常表格会打印不全就像这个样子: 解决:使用原生的表格就不会存在这种问题了打 ...
vue 打印 canvas 显示空白
最近在弄 vue + elemnet 打印报表,然后有个需求就是直接打印将 echarts 表也打印出来,我下载上打印插件后,在打印页面发现 echarts 图表部分为空白,再仔细检查发现这个插件不 ...
vue打印数据，可分页打印
使用的是vue-easy-print 打印插件可以支持分页打印. 转载https://download.csdn.net/download/qq_36845014/10807027?utm_sour ...
vue打印插件的使用
第一步: npm install vue-easy-print --save 第二步,在你的vue页面里 import vueEasyPrint from "vue-easy-print&q ...
vue打印插件，使用教程
第一步:文件里新增一个print.js // 打印类属性.方法定义 /* eslint-disable */ const Print = function (dom, options) {if (!( ...
VUE打印每页顶部添加一个二维码
目录需求主要是实现原理完整代码 html 打印文件 Print.js 二维码生成插件 qrcode.js 需求最近公司项目在开发一个在线合同填写的功能,要求填写完成之后打印出来 ,然后签字 ...
vue打印问题（分页打印、批量打印条形码）
前言项目需求打印功能所遇到的问题.在此记录,望能帮到你一下问题: 当内容超过一页时不会自动分页? 当使用vue3-barcode 打印条形码时,不能批量打印? 基础打印安装官网地址:https ...

httpPrinter--vue--打印

httpPrinter–vue–打印

httpPrinter--vue--打印相关推荐

最新文章

热门文章