Web 打印 - APISampleVue js静默打印

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;
            }
        }
    );
}