功能需求:店家从商家后台调用打印机打印送货单,送货单信息:二维码,地址,电话等等
首先拆分功能点:生成二维码、调用浏览器打印机打印订单 (二维码使用qrcode.react第三方生成,二维码格式为canvas,但是浏览器打印不能识别canvas格式,qrcode.react (v7.1.2) 。具体如下)
- 二维码生成使用qrcode.react
<QRCode value={`${orderInfo.orderSn}`} size={80}/>
{/*value(string) 写法{`${orderInfo.orderSn}`}*/}
文档要求value值string,v7.1.2
- 调用浏览器打印机
window.print()
// html
<div id="order-print" style={
{ display: 'none'}}>
<!--content-->
</div>
//javascript
printOrder = asyn