Vue Print Receipt With Detail vue 打印帶明(míng)細的票(piào)據- CCPrintingAPI Vue js 打印API接口

Vue Print Receipt With Detail vue 打印帶明(míng)細的票(piào)據- CCPrintingAPI Vue js 打印API接口,,vue print,vue靜默打印,vue打印,vue實現打印,web 打印, js打印, js 打印, Javascript 打印, js 靜默打印,js 不預覽打印,浏覽器(qì)打印,js标簽打印,js單據打印,ChicoreDriver,vue 明(míng)細票(piào)據打印,vue打印小(xiǎo)票(piào),vue打印單據 ,CCPrintingAPI for Vue 靜默打印帶有(yǒu)明(míng)細的商業小(xiǎo)票(piào)，API接口的使用方法, Vue js 打印接口快速上(shàng)手，打印範例代碼，vue 單據打印,vue 票(piào)據打印，很(hěn)容易集成。

适配

150+

品牌，

8000+

型号打印機

支持熱敏/熱轉印标簽、票(piào)據打印機，激光、噴墨、針式打印機

CCPrintingAPI

更好用、更通(tōng)用的打印機 API 開(kāi)發接口

文本圖片條碼二維碼序列号生(shēng)産日期有(yǒu)效期 GS1 UDI 等變量打印

支持開(kāi)發語言：Java , C# , C, C++, Javascript, Vue js , Python, VB.net, VB6, VB script

通(tōng)用版(不含打印機)

不限打印機型号

适配标簽機激光噴墨針式

專用版(含打印機)

ZPX5020t

熱轉印 200dpi

專用版(含打印機)

ZPX5030t

熱轉印 300dpi

CCPrintingAPI

概述

功能特性

商業授權

配備CCPrintingAPI的标簽打印機

更優惠

多(duō)台并行(xíng)打印

視(shì)頻

多(duō)台并行(xíng)打印(ChicoreDriver)

CCPrintingAPI 使用手冊

模闆設計(jì)

帶有(yǒu)明(míng)細的票(piào)據模闆設計(jì)

Vue Javascript

Vue 打印快速上(shàng)手

Vue API for

ChicoreDriver

Vue 打印帶有(yǒu)明(míng)細的票(piào)據

Vue 打印帶有(yǒu)明(míng)細的單據

Javascript

Javascript 快速上(shàng)手

Java

Python

VB 6.0/VBScript

VB 6.0/VBScript 快速上(shàng)手

C/C++

C/C++ 快速上(shàng)手

打印機

ChicoreDriver

鏈接

視(shì)頻号教程

微信客服

Vue API 打印帶有(yǒu)明(míng)細的票(piào)據

Vue

Vue 打印機開(kāi)發接口,Vue Print Receipt With Detail vue 打印帶明(míng)細的票(piào)據，通(tōng)過Vue調用CCPrintingAPI打印機接口API,打印票(piào)據，打印小(xiǎo)票(piào)，打印單據，打印報表。

獲取打印機列表打印1單打印2單打印3單預覽

1. 使用設計(jì)器(qì)設計(jì)模闆

使用智高(gāo)标簽打印軟件（可(kě)以在我們官網下載），按照要打印的樣式，設計(jì)打印模闆，并保存文件，将模闆文件保存在本地或服務器(qì)，打印時(shí)，通(tōng)過指定的屬性配置模闆文件。

CCPrintingAPI，也支持無模闆打印，可(kě)以直接使用代碼進行(xíng)模闆的構建。

使用智高(gāo)标簽打印軟件 CCPrintingAPI 打印帶有(yǒu)明(míng)細的票(piào)據打印明(míng)細小(xiǎo)票(piào)

2. Vue項目中,引入 CCPrintingAPI.min.vue.js

引入CCPrintingAPI.min.vue.js後，即可(kě)使用API的相關方法，進行(xíng)設置和(hé)打印操作(zuò)。

import { CCPrintingAPI } from 'static/js/CCPrintingAPI.min.vue.js'

3. 如何獲取打印機列表

獲取計(jì)算(suàn)機上(shàng)安裝的所有(yǒu)打印機, 在調用API接口的打印方法時(shí)，指定該列表的打印機名稱進行(xíng)打印。如果能确保打印機名稱不變，該操作(zuò)也可(kě)省去。如果使用我們的打印機，可(kě)以直接使用訂購時(shí)的免驅打印機名稱，不用安裝驅動，也無需使用此代碼獲取打印機列表。


    GetPrinters: function () {
    var cfgData = new Object;
    cfgData.XAction = "Printers";
    cfgData.XOpenId = m_OpenId;
    cfgData.XTokens = m_Tokens;
    CCPrintingAPI.Excute(cfgData,
    XTimeout => { },
    XFail => {
    this.mytipsmessage = 'API可(kě)能未安裝或未啓動, ' + XFail;
    },
    XSuccess => {
    var d = new Date;
    this.timetick = d.getTime();
    var apiResult = JSON.parse(XSuccess.trim());
    if (apiResult.Status == "1") {
        if (apiResult.Message.length > 1) {
            this.options = [];
            for (var i = 1; i < apiResult.Message.length; i++) {
                var op = new Object;
                op.text = apiResult.Message[i];
                op.value = apiResult.Message[i];
                this.options.push(op);
            }
            /*設置上(shàng)次使用的打印機*/
            this.selected = this.options[0].value;
        }
    } else {
        if (apiResult.Message.length > 1)
            this.mytipsmessage = apiResult.Message[0] + " :  " + apiResult.Message[1];
        else
            this.mytipsmessage = apiResult.Message[0];
        }
    }
    );
    }

4. 打印

進行(xíng)相關參數(shù)設置後（指定打印機，設置模闆，設置打印數(shù)據），将指令通(tōng)過API傳給打印機。


    Print: function (arr) {
    var cfgData = new Object;
    cfgData.XAction = "Print"
    cfgData.XOpenId = m_OpenId;
    cfgData.XTokens = m_Tokens;
    /*指定打印機*/
    cfgData.PrinterName = this.selected;
    /*模闆方式，0-客戶端模闆，1-遠程模闆，
    2-如果本地模闆存在，使用本地，不存在使用遠程模闆，3-不使用模闆*/
    cfgData.TemplateMode = "1";
    /*遠程模闆URL或本地模闆的文件夾*/
    cfgData.TemplateURL = "http://img.51321.cn/web/chicore/VPrinting/API";
    //cfgData.TemplateURL =  "E:\\臨時(shí)數(shù)據\\打印\\打印樣本\\API标簽模闆";
    /*模闆文件名*/
    cfgData.TemplateName = "Label1-Receipt.Lblx";
    /*打印數(shù)據的類型，0-數(shù)組，1-Json數(shù)組，元素為(wèi)JSON對象，字段：值*/
    cfgData.PrintDataType = 1;
    /*傳遞打印數(shù)據 Json數(shù)組*/ /*內(nèi)容不允許 半角的逗号及半角的分隔符*/
    cfgData.PrintData = JSON.stringify(arr);
    /*打印 發送給打印機進行(xíng)打印*/
    CCPrintingAPI.Excute(cfgData,
    XTimeout => { },
    XFail => {
        this.mytipsmessage = 'API可(kě)能未安裝或未啓動, ' + XFail;
    },
    XSuccess => {
    var d = new Date;
    this.timetick = d.getTime();
    var apiResult = JSON.parse(XSuccess.trim());
    if (apiResult.Status == "1") {
        var smsg = apiResult.Message[0];
        if (apiResult.Message.length > 1)
            smsg += " : " + apiResult.Message[1]
            this.mytipsmessage = smsg;
        } else {
        if (apiResult.Message.length > 1)
            this.mytipsmessage = apiResult.Message[0] + " :  " + apiResult.Message[1];
        else
            this.mytipsmessage = apiResult.Message[0];
        }
    }
    );
    }

4. 1 打印1單

API傳1單數(shù)據，打印1個(gè)訂單票(piào)據。


                    Print1:function(){
                        var arr = [
{"orderid":"2023030919103001","pname":"電(diàn)源适配器(qì)24V 2.5A","orderdate":"2023/03/09 19:10:31","sn":"81322","qty":"6"},
{"orderid":"2023030919103001","pname":"LED光源","orderdate":"2023/03/09 19:10:30","sn":"49267","qty":"3"},
{"orderid":"2023030919103001","pname":"CCXt标簽打印機","orderdate":"2023/03/09 18:07:11","sn":"35178","qty":"1"}
];
                        Print(arr);
                    }

4. 2 打印2單

API傳2單數(shù)據，打印2個(gè)訂單票(piào)據。


                    Print2:function(){
                        var arr = [
{"orderid":"2023030919103001","pname":"電(diàn)源适配器(qì)24V 2.5A","orderdate":"2023/03/09 19:10:31","sn":"81322","qty":"6"},
{"orderid":"2023030919103001","pname":"LED光源","orderdate":"2023/03/09 19:10:30","sn":"49267","qty":"3"},
{"orderid":"2023030919103001","pname":"CCXt标簽打印機","orderdate":"2023/03/09 18:07:11","sn":"35178","qty":"1"},
{"orderid":"2023030919103002","pname":"HW手機Mate90","orderdate":"2023/03/09 18:07:07","sn":"69092","qty":"5"},
{"orderid":"2023030919103002","pname":"CCPrintingAPI許可(kě)證","orderdate":"2023/03/09 18:07:06","sn":"47505","qty":"10"},
{"orderid":"2023030919103002","pname":"UGEE顯示器(qì)","orderdate":"2023/03/09 17:18:15","sn":"26612","qty":"7"},
{"orderid":"2023030919103002","pname":"MBOX MUSIC Play","orderdate":"2023/03/09 17:18:10","sn":"75149","qty":"2"},
{"orderid":"2023030919103002","pname":"鴻蒙Harmony","orderdate":"2023/03/09 17:18:05","sn":"51926","qty":"4"}
];
                        Print(arr);                        
                    }

4. 3 打印3單

API傳3單數(shù)據，打印3個(gè)訂單票(piào)據。


                    Print3:function(){                        
                        var arr = [
{"orderid":"2023030919103001","pname":"電(diàn)源适配器(qì)24V 2.5A","orderdate":"2023/03/09 19:10:31","sn":"81322","qty":"6"},
{"orderid":"2023030919103001","pname":"LED光源","orderdate":"2023/03/09 19:10:30","sn":"49267","qty":"3"},
{"orderid":"2023030919103001","pname":"CCXt标簽打印機","orderdate":"2023/03/09 18:07:11","sn":"35178","qty":"1"},
{"orderid":"2023030919103002","pname":"HW手機Mate90","orderdate":"2023/03/09 18:07:07","sn":"69092","qty":"5"},
{"orderid":"2023030919103002","pname":"CCPrintingAPI許可(kě)證","orderdate":"2023/03/09 18:07:06","sn":"47505","qty":"10"},
{"orderid":"2023030919103002","pname":"UGEE顯示器(qì)","orderdate":"2023/03/09 17:18:15","sn":"26612","qty":"7"},
{"orderid":"2023030919103002","pname":"MBOX MUSIC Play","orderdate":"2023/03/09 17:18:10","sn":"75149","qty":"2"},
{"orderid":"2023030919103002","pname":"鴻蒙Harmony","orderdate":"2023/03/09 17:18:05","sn":"51926","qty":"4"},
{"orderid":"2023030919103003","pname":"PCB ROHS 線路闆","orderdate":"2023/03/09 17:18:03","sn":"97951","qty":"6"},
{"orderid":"2023030919103003","pname":"GPTX 工業打印機","orderdate":"2023/03/09 17:18:01","sn":"54115","qty":"8"}
];
                        Print(arr);
                    }

5. 預覽

進行(xíng)相關參數(shù)設置後，獲取單據的預覽。


                    Printpreview: function (arr) {
                        this.myhid = '';
                        this.mytipsmessage = '';
                        this.timetick = '';
                        var cfgData = new Object;
                        cfgData.XAction = "Print"
                        cfgData.XOpenId = m_OpenId;
                        cfgData.XTokens = m_Tokens;
                        cfgData.Preview = "3";	
                        /*指定打印機*/
                        cfgData.PrinterName = this.selected;
                        /*模闆方式，0-客戶端模闆，1-遠程模闆，
                                    2-如果本地模闆存在，使用本地，不存在使用遠程模闆，3-不使用模闆*/
                        cfgData.TemplateMode = "1";
                        /*遠程模闆URL或本地模闆的文件夾*/
                        cfgData.TemplateURL = "http://img.51321.cn/web/chicore/VPrinting/API";
                        //cfgPrintSettings.TemplateURL =  "E:\\臨時(shí)數(shù)據\\打印\\打印樣本\\API标簽模闆";
                        /*模闆文件名183601-100X100*/
                        cfgData.TemplateName = "Label1-Receipt.Lblx";
                        /*打印數(shù)據的類型，0-數(shù)組，1-Json數(shù)組，元素為(wèi)JSON對象，字段：值*/
                        cfgData.PrintDataType = 1;
                        /*傳遞打印數(shù)據 Json數(shù)組*/ /*內(nèi)容不允許 半角的逗号及半角的分隔符*/
                        cfgData.PrintData = JSON.stringify(arr);
                        /*打印 發送給打印機進行(xíng)打印*/
                        CCPrintingAPI.Excute(cfgData,
                            XTimeout => { },
                            XFail => {
                                this.mytipsmessage = 'API可(kě)能未安裝或未啓動, ' + XFail;
                            },
                            XSuccess => {
                                var d = new Date;
                                this.timetick = d.getTime();
                                var apiResult = JSON.parse(XSuccess.trim());
                                if (apiResult.Status == "1") {
                                    var smsg = apiResult.Message[0];
                                    if (apiResult.Message.length > 1)
                                        smsg += " : " + apiResult.Message[1]
                                    this.mytipsmessage = "";
                                } else {
                                    if (apiResult.Message.length > 1)
                                        this.mytipsmessage = apiResult.Message[0] + " :  " + apiResult.Message[1];
                                    else
                                        this.mytipsmessage = apiResult.Message[0];
                                }
                            }
                        );
                    }

5. 1 獲取預覽

API傳1單數(shù)據，獲取1單預覽。


                    Printpreview1:function(){
                        var arr = [
{"orderid":"2023030919103001","pname":"電(diàn)源适配器(qì)24V 2.5A","orderdate":"2023/03/09 19:10:31","sn":"81322","qty":"6"},
{"orderid":"2023030919103001","pname":"LED光源","orderdate":"2023/03/09 19:10:30","sn":"49267","qty":"3"},
{"orderid":"2023030919103001","pname":"CCXt标簽打印機","orderdate":"2023/03/09 18:07:11","sn":"35178","qty":"1"}
];
                        Printpreview(arr);
                    }