emis-app/components/tpx-bluetooth-print/render-template-native.vue

<template>
	<tpx-bluetooth-native ref="curBlueTooth">
		<template v-slot:content></template>
	</tpx-bluetooth-native>
	
	<!-- 打印进度 -->
	<tpx-dialog type="type-dialog" title="打印中" :show="prtPercentage">
		<u-row custom-style="width: 500rpx;min-height: 150rpx;padding: 10rpx;">
			<view>
				<u-line-progress :percentage="prtPercentage" activeColor="#B12D29" height="30"></u-line-progress>
				<view class="pt-20">正在发送数据, 请勿退出页面, 如果卡住了请重连打印机重试</view>
			</view>
		</u-row>
	</tpx-dialog>
	
</template> 

<script>
import { showLoading, showToast, hideLoading, canvasGetImageData, getImageInfo, promiseTimeout } from "@/common/untool"
import * as canvasUtil from "@/common/canvasUtil"
import tanexPrinterUniSdk from './nativePrint/tanexPrinterUniSdk'
import printModule  from './nativePrint/print'
import dayjs from "dayjs"

export default {
	props:{
		
	},
	computed: {
		
	},
	data () {
		return {
			prtPercentage: 0, // 打印进度 
			paperWidth: 480,
			imgRes: {},
		}
	},
	mounted () {
		this.initData()
	},
	unmounted() {
	},
	methods: {
		async initData() {
		},
		// 打印
		handlePrint(){
			const that = this
			return new Promise(async (resolve, reject)=> {
				let { bl, deviceId } = that.checkPrintParam()
				if(!bl) {
					return reject('打印参数校验不通过')
				}
				let prtInstance = tanexPrinterUniSdk.createInstance()
				// prtInstance.init(that.imgRes.height)
				// prtInstance.diyCode(`PAGE-WIDTH 600\r\n`)
				prtInstance.addBitmapByEG(0, 0, that.imgRes.imgData)
				prtInstance.setPagePrint()
				let commond = prtInstance.getPrintCmd()
				console.log("打印命令组装完成,开始打印=====", commond)
				printModule.print(commond)
				that.showToast('数据发送成功，如果无法打印请重连设备重试')
				resolve(true)
				// await that.loadPrintProcess()
				// printModule.printTestSimple(deviceId)
			})
		},
		checkPrintParam() {
			let msg = '', bl = false
			let { deviceId, isStateOn } = this.$refs.curBlueTooth.getConData()
			!this.imgRes.imgData && (msg = '打印内容不能为空，请重试')
			if(!msg && !(deviceId && isStateOn)) {
				msg = '未连接打印设备'
			}
			msg && (showToast(msg))
			return {
				deviceId,
				msg,
				bl: !msg
			}
		},
		// 给外部调用api，打印自定义图
		async callPrint({ paperWidth, imgRes } = {}) {
			this.paperWidth = paperWidth || this.paperWidth
			this.imgRes = imgRes
			let conSta = await this.$refs.curBlueTooth.autoConnect()
			this.$emit('autoConnectCallback', conSta)
			if(conSta) {
				await this.handlePrint() 
				return true
			}
		}
	}
}
</script>

<style scoped lang="scss">
	
</style>