# 电子面单打印组件

const ws = new WebSocket('ws://127.0.0.1:12705');

ws.onopen = () => {
    console.log('与打印组件建立连接成功');
};

ws.onerror = (err) => {
    console.error('连接失败，请检查打印组件是否已启动');
};

ws.send(JSON.stringify({
    requestID: 'req_001',
    command: 'getPrinterList'
}));

ws.onmessage = (e) => {
    const resp = JSON.parse(e.data || '{}');
    if (resp.command === 'getPrinterList') {
        // resp.printerList: [{ name: '_KM_202_NEW_', displayName: 'KM-202(NEW)', status: 3 }]
        console.log('可用打印机：', resp.printerList);
    }
};

ws.send(JSON.stringify({
    command: 'preview',
    requestID: 'req_003',
    taskList: [{
        taskID: 'task_001',
        printInfo: '<获取打印报文接口返回的 print_info>',
        printNum: { curNum: 1, sumNum: 1 }
    }]
}));
// 返回：{ previewUrl: 'xxx' }

ws.send(JSON.stringify({
    command: 'print',
    version: '2.0',
    requestID: 'req_004',
    printType: 1,            // 1: 固定高度面单；2: 自定义 HTML 内容
    size: { width: 76, height: 130 },  // 非标准尺寸或 printType=2 时必传（单位 mm）
    printer: '_KM_202_NEW_', // 从 getPrinterList 获取的打印机 name
    taskList: [{
        taskID: 'task_001',
        printInfo: '<获取打印报文接口返回的 print_info>',
        printNum: { curNum: 1, sumNum: 1 },
        splitControl: 0,      // 0: 自动分页（默认）；1: 禁止分页；2: 强制分页
        showDeliveryLogo: 1   // 0: 不展示快递logo；1: 展示（默认）
    }]
}));

customInfo: {
    templateUrl: 'https://mmec-shop-1258344707.cos.ap-shanghai.myqcloud.com/shop/public/2023-11-10/a80c0110-3fb8-4190-bdcc-10124b7dd0ce.html', // 官方参考模板，实际使用时替换为自己的模板地址
    data: {
        shopName: "测试小店",
        productInfo: [
            { name: "商品1", count: 1, code: "SKU001", description: "商品描述" },
            { name: "商品2", count: 2, code: "SKU002", description: "商品<br>描述" }
        ],
        imgSrc: "https://example.com/logo.png",
        productBarcode: "BARCODE001",
        productQRcode: "https://example.com/product"
    }
}

ws.send(JSON.stringify({
    requestID: 'req_version',
    command: 'getAppInfo'
}));
// 返回：{ appInfo: { version: '1.52.0' } }

ws.onmessage = (e) => {
    const resp = JSON.parse(e.data || '{}');
    if (resp.command === 'print') {
        resp.results.forEach(r => {
            if (r.success) {
                console.log(`任务 ${r.taskID} 打印成功`);
                // 1. 调用服务端 API：打印成功通知（ewaybill_printorder）
                // 2. 调用服务端 API：订单发货（senddelivery）
            } else {
                console.error(`任务 ${r.taskID} 失败：${r.failureReason}`);
                // 排查打印机状态后重试
            }
        });
    }
};