{首页主词},&

ChicoreDriver Web 打印 - APISampleVue js靜默打印 ,,web 打印, Vue js打印,Vue 打印, Vue Javascript 打印,Vue Vue js 靜默打印,Vue js 不預覽打印,Vue 瀏覽器打印,Vue js標簽打印,Vue 單據打印 ,CCPrintingAPI for ChicoreDriver, 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;
                }
	   }else{
		  if (apiResult.Message.length > 1)
				this.mytipsmessage = apiResult.Message[0] +  " :  " + apiResult.Message[1];
		   else
				this.mytipsmessage = apiResult.Message[0];
	   }
        }
    );
}

3. 打印

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

Print: function () {
    var cfgPrintSettings = new Object;
    cfgPrintSettings.XAction = "Print"
	var ccdriverPrinter = new Object;
	/*免驅打印機名稱ChicoreDriver-USB-Honeywell PC42t-203-FP-1*/
	ccdriverPrinter.Name = this.selected;
	ccdriverPrinter.InterfaceType = 0;
	/*打印速度 2，3，4*/
	ccdriverPrinter.Speed = 4;
	/*打印方向 0-0°,1-90°,2-180°,3-270°*/
	ccdriverPrinter.Direction = 0;
	/*打印濃度0~30*/
	ccdriverPrinter.Density = 10;
	/*打印方式 0-熱轉印，1-熱敏*/
	ccdriverPrinter.MediaType = 1;
	/*介質類型 0-連續紙,2-有間隙的標簽,3-有標記的紙*/
	ccdriverPrinter.MediaSensing = 2;
	/*負片打印 0-否,2-是*/
	ccdriverPrinter.ReversePrint= 0;
	/*水平偏移mm*/
	ccdriverPrinter.StartX= 0;
	/*垂直偏移mm*/
	ccdriverPrinter.StartY= 0;

	/*指定打印機*/
	cfgPrintSettings.PrinterName =JSON.stringify(ccdriverPrinter);


    /*模板方式，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;
	    }else{
		  if (apiResult.Message.length > 1)
				this.mytipsmessage = apiResult.Message[0] +  " :  " + apiResult.Message[1];
		   else
				this.mytipsmessage = apiResult.Message[0];
	      }
        }
    );
}

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;
	    }else{
		  if (apiResult.Message.length > 1)
				this.mytipsmessage = apiResult.Message[0] +  " :  " + apiResult.Message[1];
		   else
				this.mytipsmessage = apiResult.Message[0];
	     }
        }
    );
}