{首页主词},&

Web 打印 - APISampleVue js靜默打印,,web 打印, Vue js打印,Vue 打印, Vue Javascript 打印,Vue Vue js 靜默打印,Vue js 不預覽打印,Vue 瀏覽器打印,Vue js標簽打印,Vue 單據打印 ,CCPrintingAPI , Vue 打印范例代碼，Vue 標簽打印API，條碼，二維碼標簽，Vue單據打印，很容易集成。

Get HID Get Printers Print

1. 引入 CCPrintingAPI.min.vue.js

引入CCPrintingAPI.min.vue.js后，即可使用API的相關方法，進行設置和打印操作。

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

2. 獲取打印機

獲取計算機上所有打印機, 打印時，指定該列表的打印機名稱。如果能確保打印機名稱不變，該操作也可省去。

GetPrinters: function () {
    var cfgData = new Object;
    cfgData.XAction = "Printers";
    CCPrintingAPI.Excute(cfgData,
        XTimeout => { },
        XFail => {
            this.mytipsmessage = 'API可能未安裝或未啟動, ' + 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);
                    }
                    /*設置上次使用的打印機*/
                    this.selected = this.options[0].value;
                }
            }
        }
    );
}

3. 打印

進行相關參數設置后（指定打印機，設置模板，設置打印數據），將指令通過API傳給打印機。

Print: function () {
    var cfgPrintSettings = new Object;
    cfgPrintSettings.XAction = "Print"
    /*指定打印機*/
    cfgPrintSettings.PrinterName = this.selected;
    /*模板方式，0-客戶端模板，1-遠程模板，
                2-如果本地模板存在，使用本地，不存在使用遠程模板，3-不使用模板*/
    cfgPrintSettings.TemplateMode = "1";
    /*遠程模板URL或本地模板的文件夾*/
    cfgPrintSettings.TemplateURL = "http://img.51321.cn/web/chicore/VPrinting/API";
    //cfgPrintSettings.TemplateURL =  "E:\\臨時數據\\打印\\打印樣本\\API標簽模板";
    /*模板文件名*/
    cfgPrintSettings.TemplateName = "183601-70X40.Lblx";
    /*打印數據的類型，0-數組，1-Json數組，元素為JSON對象，字段：值*/
    cfgPrintSettings.PrintDataType = 1;
    /*傳遞打印數據 Json數組*/ /*內容不允許 半角的逗號及半角的分隔符*/
    var arr = [
        { sku: 'OBJ100001', name: '測試1', kw: 'D12-1', bh: 'RKD123451' },
        { sku: 'OBJ100002', name: '測試2', kw: 'D12-2', bh: 'RKD123452' },
        { sku: 'OBJ100003', name: '測試3', kw: 'D12-3', bh: 'RKD123453' },
    ];
    cfgPrintSettings.PrintData = JSON.stringify(arr);
    /*打印 發送給打印機進行打印*/
    CCPrintingAPI.Excute(cfgPrintSettings,
        XTimeout => { },
        XFail => {
            this.mytipsmessage = 'API可能未安裝或未啟動, ' + 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;
            }
        }
    );
}

4. 讀取客戶端HID

讀取安裝CCPrintingAPI的客戶端計算機HID,該HID可以用來標識計算機。該方法，根據需要使用。

GetHID: function () {
    var cfgData = new Object;
    cfgData.XAction = 'HID';
    CCPrintingAPI.Excute(cfgData,
        XTimeout => { },
        XFail => {
            this.mytipsmessage = 'API可能未安裝或未啟動, ' + 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.myhid = smsg;
            }
        }
    );
}