httpPrinter--vue--打印

最新推荐文章于 2024-03-13 13:56:12 发布

Shiki2147

最新推荐文章于 2024-03-13 13:56:12 发布

阅读量944

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/shiki2147/article/details/118219367

版权

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里面改了的

其他的之后再补充