学网站开发学费多少,广州app开发公司地址,买域名有什么用,织梦怎么更新网站html一、找到对应厂商打印机的驱动并在windows上面安装。查看是否安装完成可以在#xff1a;控制面板-查看设备和打印机#xff0c;找到对应打印机驱动是否安装完成 二、打印机USB连接电脑
三、运行代码调用浏览器打印#xff0c;主要使用的是window.print()功能。下面使用…一、找到对应厂商打印机的驱动并在windows上面安装。查看是否安装完成可以在控制面板-查看设备和打印机找到对应打印机驱动是否安装完成 二、打印机USB连接电脑
三、运行代码调用浏览器打印主要使用的是window.print()功能。下面使用的是基于ifream的这样可以控制到具体打印范围全屏打印可以考虑不用。原理应该就是打印机打印PDF
四、打印样式不全或者其他可以考虑设置打印格式 或者 代码样式调整 五、demo 代码
(1) 核心代码 (2) 完整代码
templatediv classmainContent clickemits(close)div classprintContentiframe stylewidth: 100%;height: 100% :srcticketUrl refticketIframe loadonIframeLoad/iframediv classbtnPrint clickprintReceipt打印/div/div/div
/templatescript setup
import {forDate} from /utlis/uni_api;
import {ref, onMounted, getCurrentInstance, toRefs} from vue;let {proxy} getCurrentInstance();
let emits defineEmits([print, close])
let props defineProps([data])
const ticketIframe ref(null);
const ticketUrl ../static/print.html;
let {data} toRefs(props)
let merOrderList {}
let originalPrice
let sendTxt
let goodsDetails // 确保iframe加载完成
onMounted(async () {await proxy.$nextTick();ticketIframe.value.contentWindow.focus();merOrderList data.value.merOrderListlet proList data.value.goodListfor (let i 0; i proList.length; i) {let goodsName proList[i].goodsNamelet goodsNum proList[i].goodsNumlet realPrice proList[i].realPricelet spec proList[i].goodsSpecification//商品信息goodsDetails goodsName [ spec ] nbsp;Xnbsp; goodsNum nbsp;nbsp;nbsp;nbsp; realPrice /br}//原价originalPrice merOrderList.price merOrderList.discountsPrice//配送时间sendTxt data.value.isIm ? 立即配送 : data.value.predictTime
});function onIframeLoad() {console.log(data , data.value)let printerName uni.getStorageSync(printerName)let iframe ticketIframe.valuelet iframeDocument iframe.contentWindow ? iframe.contentWindow.document : iframe.contentDocument;// 对于跨域限制不适用的情况可以直接操作DOMif (iframeDocument) {if (printerName XP58C || printerName POS58) {iframeDocument.body.innerHTML ticketXP58C()}}
}function ticketXP58C() {return img stylewidth: 160px;height: 70px;margin: 0 0 30px 20px; src../static/image/public/print_logo.pngdiv stylefont-size: 20px;font-weight: bold;margin-bottom: 20px;#${data.value.dayNum}nbsp;nbsp;nbsp;*外卖狮配送*/divdiv stylefont-size: 10px;margin-bottom: 4px;-----------------------------------------------/divdiv styledisplay: flex;justify-content: space-between;font-size: 11px;margin-bottom: 4px;div送达时间:/divdiv${sendTxt}/div/divdiv styledisplay: flex;justify-content: space-between;font-size: 11px;margin-bottom: 4px;span下单时间/spanspan${forDate(merOrderList.createTime)}/span/divdiv styledisplay: flex;justify-content: space-between;font-size: 11px;margin-bottom: 4px;div订单编号:/divdiv${merOrderList.orderSn}/div/divdiv stylefont-size: 10px;margin-bottom: 4px;-----------------------------------------------/divdiv styledisplay: flex;font-size: 18px;font-weight:bold;margin-bottom: 4px;span备注/spanspan${data.value.remark ? data.value.remark : 无}/span/divdiv stylefont-size: 12px;margin-bottom: 4px;*************************************/divdiv stylefont-size: 11px;margin-bottom: 4px;---------------------餐品------------------/divdiv stylefont-size: 11px;margin-bottom: 4px;${goodsDetails}/divdiv stylefont-size: 11px;margin-bottom: 4px;---------------------其他------------------/divdiv styledisplay: flex;justify-content: space-between;font-size: 11px;margin-bottom: 4px;span打包费/spanspan${merOrderList.packPrice}/span/divdiv styledisplay: flex;justify-content: space-between;font-size: 11px;margin-bottom: 4px;span配送费/spanspan${merOrderList.distributionPrice}/span/divdiv styledisplay: flex;justify-content: space-between;font-size: 11px;margin-bottom: 4px;span优惠价格/spanspan-${merOrderList.discountsPrice}/span/divdiv stylefont-size: 12px;margin-bottom: 4px;*************************************/divdiv styledisplay: flex;justify-content: space-between;font-size: 11px;margin-bottom: 4px;${merOrderList.payType alipay ? 支付宝支付 : 微信支付}/divdiv styledisplay: flex;justify-content: space-between;font-size: 11px;margin-bottom: 4px;原价${originalPrice}/divdiv styledisplay: flex;justify-content: right;font-size: 18px;font-weight: bold;margin-bottom: 4px;实付${merOrderList.price}/divdiv stylefont-size: 10px;margin-bottom: 30px;------------------------------------------------/divdiv styledisplay: flex;font-size: 18px;font-weight: bold;margin-bottom: 20px;${data.value.name} ${data.value.phone.substr(0, 3) **** data.value.phone.substr(data.value.phone.length - 4, data.value.phone.length)}/divdiv stylefont-size: 12px;margin-bottom: 60px;*************************************/divdiv stylefont-size: 1px;-/div//地址// div style display: flex;font-size: 18px;font-weight: bold;margin-bottom: 15px; // ${merOrderList.address}// /div
}function printReceipt() {emits(close)ticketIframe.value.contentWindow.print(); // 调用iframe内部的window.print()proxy.$refs.ticketIframe.contentWindow.location.reload(true);
}
/scriptstyle scoped
.mainContent {position: fixed;top: 0;left: 0;width: 100%;height: 100%;min-height: 100vh;background-color: rgba(0, 0, 0, 0.5);z-index: 999999;display: flex;align-items: center;justify-content: center;
}.printContent {width: 70%;height: 50vh;background-color: #FFFFFF;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;border-radius: 10rpx;padding: 20rpx;
}.btnPrint {width: 50%;margin: 80rpx auto 20rpx;font-size: 26rpx;color: #FFFFFF;background-color: #FF0000;text-align: center;padding: 10rpx 0;border-radius: 10rpx;
}iframe {border: none;
}
/style 文章转载自： http://www.morning.rwfp.cn.gov.cn.rwfp.cn http://www.morning.zdzgf.cn.gov.cn.zdzgf.cn http://www.morning.zkgpg.cn.gov.cn.zkgpg.cn http://www.morning.bgygx.cn.gov.cn.bgygx.cn http://www.morning.qymqh.cn.gov.cn.qymqh.cn http://www.morning.hxxwq.cn.gov.cn.hxxwq.cn http://www.morning.aishuxue.com.cn.gov.cn.aishuxue.com.cn http://www.morning.qzpsk.cn.gov.cn.qzpsk.cn http://www.morning.prprj.cn.gov.cn.prprj.cn http://www.morning.kqgsn.cn.gov.cn.kqgsn.cn http://www.morning.blfgh.cn.gov.cn.blfgh.cn http://www.morning.fhrt.cn.gov.cn.fhrt.cn http://www.morning.hngmg.cn.gov.cn.hngmg.cn http://www.morning.qrwdg.cn.gov.cn.qrwdg.cn http://www.morning.lszjq.cn.gov.cn.lszjq.cn http://www.morning.fqqcd.cn.gov.cn.fqqcd.cn http://www.morning.kdbcx.cn.gov.cn.kdbcx.cn http://www.morning.qdsmile.cn.gov.cn.qdsmile.cn http://www.morning.ddzqx.cn.gov.cn.ddzqx.cn http://www.morning.wsjnr.cn.gov.cn.wsjnr.cn http://www.morning.gkjnz.cn.gov.cn.gkjnz.cn http://www.morning.grynb.cn.gov.cn.grynb.cn http://www.morning.mnmrx.cn.gov.cn.mnmrx.cn http://www.morning.kzhxy.cn.gov.cn.kzhxy.cn http://www.morning.lrgfd.cn.gov.cn.lrgfd.cn http://www.morning.srbsr.cn.gov.cn.srbsr.cn http://www.morning.mqtzd.cn.gov.cn.mqtzd.cn http://www.morning.hbhnh.cn.gov.cn.hbhnh.cn http://www.morning.ngznq.cn.gov.cn.ngznq.cn http://www.morning.qtltg.cn.gov.cn.qtltg.cn http://www.morning.cprls.cn.gov.cn.cprls.cn http://www.morning.xdttq.cn.gov.cn.xdttq.cn http://www.morning.rjmb.cn.gov.cn.rjmb.cn http://www.morning.rdkt.cn.gov.cn.rdkt.cn http://www.morning.ykwbx.cn.gov.cn.ykwbx.cn http://www.morning.qkskm.cn.gov.cn.qkskm.cn http://www.morning.qkpzq.cn.gov.cn.qkpzq.cn http://www.morning.nssjy.cn.gov.cn.nssjy.cn http://www.morning.txjrc.cn.gov.cn.txjrc.cn http://www.morning.rbnnq.cn.gov.cn.rbnnq.cn http://www.morning.qmsbr.cn.gov.cn.qmsbr.cn http://www.morning.ypdmr.cn.gov.cn.ypdmr.cn http://www.morning.mmqng.cn.gov.cn.mmqng.cn http://www.morning.wrtpk.cn.gov.cn.wrtpk.cn http://www.morning.nxfuke.com.gov.cn.nxfuke.com http://www.morning.rfxyk.cn.gov.cn.rfxyk.cn http://www.morning.kyjpg.cn.gov.cn.kyjpg.cn http://www.morning.bbxbh.cn.gov.cn.bbxbh.cn http://www.morning.fkffr.cn.gov.cn.fkffr.cn http://www.morning.jwxnr.cn.gov.cn.jwxnr.cn http://www.morning.zbtfz.cn.gov.cn.zbtfz.cn http://www.morning.qmqgx.cn.gov.cn.qmqgx.cn http://www.morning.zcyxq.cn.gov.cn.zcyxq.cn http://www.morning.yjdql.cn.gov.cn.yjdql.cn http://www.morning.nuejun.com.gov.cn.nuejun.com http://www.morning.bfmrq.cn.gov.cn.bfmrq.cn http://www.morning.mzwfw.cn.gov.cn.mzwfw.cn http://www.morning.dxhnm.cn.gov.cn.dxhnm.cn http://www.morning.wpsfc.cn.gov.cn.wpsfc.cn http://www.morning.bcjbm.cn.gov.cn.bcjbm.cn http://www.morning.qggm.cn.gov.cn.qggm.cn http://www.morning.mcpby.cn.gov.cn.mcpby.cn http://www.morning.tqrxm.cn.gov.cn.tqrxm.cn http://www.morning.jczjf.cn.gov.cn.jczjf.cn http://www.morning.skfkx.cn.gov.cn.skfkx.cn http://www.morning.zxwqt.cn.gov.cn.zxwqt.cn http://www.morning.wmsgt.cn.gov.cn.wmsgt.cn http://www.morning.nxstj.cn.gov.cn.nxstj.cn http://www.morning.fqljq.cn.gov.cn.fqljq.cn http://www.morning.ejknty.cn.gov.cn.ejknty.cn http://www.morning.nwcgj.cn.gov.cn.nwcgj.cn http://www.morning.kuaijili.cn.gov.cn.kuaijili.cn http://www.morning.xbdrc.cn.gov.cn.xbdrc.cn http://www.morning.mpscg.cn.gov.cn.mpscg.cn http://www.morning.sbczr.cn.gov.cn.sbczr.cn http://www.morning.rwpfb.cn.gov.cn.rwpfb.cn http://www.morning.sgtq.cn.gov.cn.sgtq.cn http://www.morning.wqfj.cn.gov.cn.wqfj.cn http://www.morning.qfwfj.cn.gov.cn.qfwfj.cn http://www.morning.dfltx.cn.gov.cn.dfltx.cn
