打印组件接入文档

<script src="https://your-webapi.com/printtemplate/wacp.js"></script>
<script>
  var wacp = new Wacp();
</script>

// 打开设计器（独立窗口）
wacp.openDesigner(
  'a1b2c3d4e5f6g7h8i9j0k1l2m3n4o5p6',
  {
    templateId: '',                       // 留空 = 新建
    dpi: 203,                             // 新建画布初始 DPI（203 / 300 / 600）
    dataSourceFields: {
      userName: '姓名',
      orderId:  '工号'
    }
  },
  function (ev) {
    if (ev.error) {
      console.error('[wacp] 设计器返回错误:', ev.error);
      return;
    }
    // ev.templateId 为最终保存的模板 ID
    // 业务方持久化此 ID，用于后续 download / print
    localStorage.setItem('myTemplateId', ev.templateId);
    console.log('模板已保存，templateId:', ev.templateId);
  }
);

// 不传名称：本地以 templateId 作为显示名
wacp.downloadTemplate(token, templateId)
  .then(function (info) {
    // info = { templateId, name }
    console.log('模板已下发到本地:', info.templateId, info.name);
  })
  .catch(function (err) {
    // 常见错误：本地 ClientPrinter 未运行（acp:// 唤起失败）/ token 过期 / 模板不存在
    alert('下发失败：' + err.message);
  });

// 传入中文名称：客户端下拉列表中会显示“工号牌-2026版”
wacp.downloadTemplate(token, templateId, '工号牌-2026版');

// 也可以传对象形式
wacp.downloadTemplate(token, templateId, { name: '工号牌-2026版' });

wacp.print(templateId, {
  rows: [
    { userName: '张三', orderId: 'A001' },
    { userName: '李四', orderId: 'A002' }
  ],
  copies: 1
})
.then(function (res) {
  console.log('已下达打印任务:', res);
})
.catch(function (err) {
  console.error('打印失败:', err.message);
});

wacp.deleteTemplate(token, templateId)
  .then(function (res) {
    console.log('模板已删除:', res.message);
  })
  .catch(function (err) {
    // 常见错误：token 过期 / 模板不存在 / 无权删除（非本账号创建的模板）
    alert('删除失败：' + err.message);
  });

wacp.on('connected', function () { console.log('客户端已连接'); });
wacp.on('printed',   function (e) { console.log('打印完成', e); });
wacp.on('error',     function (e) { console.error('SDK 错误', e); });

// 写入（同名键会被覆盖）
wacp.setItems({
  deptName: '行政部',
  userName: '张三',
  lastTplId: 'tpl_20260520_xxx'
});

// 读取：返回只包含存在的 key
wacp.getItems(['deptName', 'userName']).then(function (m) {
  console.log(m.deptName, m.userName); // 行政部 张三
});

// 删除
wacp.removeItems(['deptName']);

// 订阅读卡事件（在调用 setIDCardReaderEnabled(true) 之前订阅以免丢事件）
wacp.on('idCardRead', function (ev) {
  // ev.data 示例：
  // {
  //   Name: '张三', Sex: '男', Nation: '汉', Birth: '19900101',
  //   Address: '北京市海淀区中关村大街1号',
  //   IDCardNo: '110108199001011234',
  //   Department: '北京市公安局海淀分局',
  //   ValidStart: '20200101', ValidEnd: '20400101',
  //   PhotoBase64: 'data:image/bmp;base64,...'  // 按驱动不同可能为 JPG
  // }
  console.log('读到身份证', ev.data);
});
wacp.on('idCardError',        function (ev) { console.error('读卡错误', ev.data); });
wacp.on('idCardDisconnected', function () { /* 提示用户重插 */ });

// 选择型号 + 开启读卡
wacp.switchIDCardReader('HS100N')
    .then(function () { return wacp.setIDCardReaderEnabled(true); })
    .then(function (r) { console.log('读卡已开启', r); });

// 1）创建桌面快捷方式
wacp.createDesktopShortcut('打印组件 Demo',
    'https://tools.eainfor.com/printtemplate/demo-printer.html');

// 2）查询本机通道号
wacp.getClientNum().then(function (r) { console.log(r.clientNum); });

// 3）集中作业中零凌时清队
wacp.clearPrintTasks();

画布像素宽 = widthMm × dpi ÷ 25.4
画布像素高 = heightMm × dpi ÷ 25.4