Web 打印 - APISampleVue js静默打印web 打印, Vue js打印,Vue 打印, Vue Javascript 打印,Vue Vue js 静默打印,Vue js 不预览打印,Vue 浏览器打印,Vue js标签打印,Vue 单据打印CCPrintingAPI , Vue 打印范例代码,Vue 标签打印API,条码,二维码标签,Vue单据打印,很容易集成。
CCPrintingAPI XI
轻量、简洁、稳定、可靠,通用的打印机API接口,支持近百个品牌,数千个型号打印机。
打印机接口API Vue 打印范例代码
Vue
CCPrintingAPI Vue API打印范例代码,Vue 浏览器Web前端打印,通过Vue 调用CCPrintingAPI打印机接口API。

{{myhid}}
{{mytipsmessage}}
{{timetick}}
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;
            }
        }
    );
}