yiliangyiyun-app/pages/erpbusiness/sendCommand.vue

<template>
	<view class="content">
		<view class="body">
			<!-- 	<view>
				<textarea class="result" v-model="returnResult"></textarea>
			</view>
			<textarea class="input" @input="inputEvent" /> -->
			<!-- <button type="primary" @tap="sendData">发送(票据可使用)</button> -->

			<view style='margin-top:4%;display: flex;flex-direction: column;'>
				<button type='primary' class="btn" @tap='receiptTest' :loading='isReceiptSend'
					:disabled='isReceiptSend'>打印质检单小票</button>
				<button type='primary' class="btn" @tap='clearBlue'>重新连接蓝牙</button>
				<button type='primary' class="btn" @tap='goToList'>返回列表页</button>
				<!-- <button type='primary' @tap='labelTest' :loading='isLabelSend' :disabled='isLabelSend'>标签测试</button> -->
			</view>

			<view style='margin-top:4%;display: flex;flex-direction: row;'>
				<!-- hidden='true' -->
				<canvas canvas-id='edit_area_canvas'
					:style="{width:canvasWidth+'px',height:canvasHeight+'px'}"></canvas>
			</view>

			<!-- <picker style='margin:20px' mode='selector' :range='buffSize' :value='buffIndex' @change='buffBindChange'>
				当前每次发送字节数为(点击可更换)：{{buffSize[buffIndex]}}
			</picker>
		
			<picker style='margin:20px' mode='selector' :range='printNum' :value='printNumIndex' @change='printNumBindChange'>
				当前打印份数(点击可更换)：{{printNum[printNumIndex]}}
			</picker> -->

		</view>
	</view>
</template>

<script>
	var tsc = require("../../util/ble/tsc.js");
	var esc = require("../../util/ble/esc.js");
	var encode = require("../../util/ble/encoding.js");
	import {
		mapState
	} from 'vuex';
	export default {
		data() {
			return {
				sendContent: "",
				looptime: 0,
				currentTime: 1,
				lastData: 0,
				oneTimeData: 0,
				returnResult: "",
				canvasWidth: 180,
				canvasHeight: 180,
				imageSrc: '../../static/img/abc_ic_star_black_16dp.png',
				buffSize: [],
				buffIndex: 0,
				printNum: [],
				printNumIndex: 0,
				printerNum: 1,
				currentPrint: 1,
				isReceiptSend: false,
				isLabelSend: false,
				gridList: {}
			};
		},
		computed: mapState(['sysinfo', 'Bluetooth']),
		onLoad() {
			uni.showLoading({
				title: '加载中',
				mask: true
			})
			this.$api.doRequest('get', '/qualityInspectionManagement/api/getQualityInspection', {
				id: uni.getStorageSync('quality_print_id')
			}).then(res => {
				uni.hideLoading()
				if (res.data.data) {
					let data = res.data.data
					this.gridList.qualityNo = data.qualityNo
				}
			})
			let that = this;
			let {
				BLEInformation
			} = that.Bluetooth;
			uni.notifyBLECharacteristicValueChange({
				deviceId: BLEInformation.deviceId,
				serviceId: BLEInformation.notifyServiceId,
				characteristicId: BLEInformation.notifyCharaterId,
				state: true,
				success(res) {
					uni.onBLECharacteristicValueChange(function(r) {
						console.log(`characteristic ${r.characteristicId} has changed, now is ${r}`)
					})
				},
				fail: function(e) {
					console.log(e)
				},
				complete: function(e) {
					console.log(e)
				}
			})
		},
		onReady() {
			let list = []
			let numList = []
			let j = 0
			for (let i = 20; i < 200; i += 10) {
				list[j] = i;
				j++
			}
			for (let i = 1; i < 10; i++) {
				numList[i - 1] = i
			}
			this.buffSize = list;
			this.oneTimeData = list[0];
			this.printNum = numList;
			this.printerNum = numList[0];
		},
		onShow() {
			this.gridList = uni.getStorageSync("quality_print")
			this.utils.nullToString(this.gridList)
			if (!this.gridList.compId) {
				this.gridList.compId = uni.getStorageSync('pcUserInfo').compId
			}
			console.log(this.gridList)
			let that = this;
			let width;
			let height;
			uni.getImageInfo({
				src: that.imageSrc,
				success(res) {
					console.log(res.width)
					console.log(res.height)
					width = res.width
					height = res.height
					that.canvasWidth = res.width;
					that.canvasHeight = res.height;
				}
			})
			const ctx = uni.createCanvasContext("edit_area_canvas", this);
			// if (app.globalData.platform == "android") {
			//   ctx.translate(width, height)
			//   ctx.rotate(180 * Math.PI / 180)
			// }
			ctx.drawImage(this.imageSrc, 0, 0, width, height);
			ctx.draw();
		},
		onUnload() {
			let that = this;
			let {
				BLEInformation
			} = that.Bluetooth;
			// uni.closeBLEConnection({
			//      deviceId: BLEInformation.deviceId,
			//      success: function(res) {
			//        console.log("关闭蓝牙成功")
			//      },
			//    })	
		},
		methods: {

			clearBlue() {

				let tmp = this.Bluetooth;
				uni.closeBLEConnection({
					deviceId: tmp.BLEInformation.deviceId
				})
				tmp.BLEInformation.deviceId = ''
				this.$store.commit('BLEInformationSet', tmp);
				// uni.showToast({
				// 	title: '请重新打印质检小票',
				// 	icon: 'none'
				// })
				uni.navigateBack({
					delta: 1
				})
			},
			goToList() {
				uni.navigateTo({
					url: '/pages/erpbusiness/quality_testing?managementType=1'
				})
			},
			//获取输入内容
			inputEvent(e) {
				this.sendContent = e.detail.value;
			},
			//输入框点击发送
			sendData() {
				let data = this.sendContent + "\n"
				this.looptime = 0;
				var content = new encode.TextEncoder(
					'gb18030', {
						NONSTANDARD_allowLegacyEncoding: true
					}).encode(data);

				this.prepareSend(content);
			},
			//打印票据数据
			receiptTest() {
				console.log(this.gridList)
				var that = this;
				var canvasWidth = that.canvasWidth
				var canvasHeight = that.canvasHeight
				var command = esc.jpPrinter.createNew()
				command.init()
				//编号
				// command.rowSpace(10);
				if (that.gridList.qualityNo) {
					command.setText(that.gridList.qualityNo.substring(that.gridList.qualityNo.length - 3));
					command.bold(3); //加粗
					command.setFontSize(0); //字体大小
					command.setSelectJustification(1) //居中
					command.rowSpace(200);
					command.setPrint();
					// command.rowSpace(60);
					// command.bold(0); //取消加粗
					// command.setFontSize(0); //正常字体
				}


				// 标题

				command.setText("粮食质检单");
				command.bold(1); //加粗
				command.setFontSize(0); //字体大小
				command.setSelectJustification(1) //居中
				command.rowSpace(60);
				// command.rowSpace(10);
				command.setPrint();

				// 二维码
				command.setSelectSizeOfModuleForQRCode(5);
				command.setSelectErrorCorrectionLevelForQRCode(7)
				command.setStoreQRCodeData(that.gridList.compId + '&' + that.gridList.qualityNo + '&' + that.gridList
					.warehouseId);
				command.rowSpace(60);
				command.setPrintQRCode();

				//客户姓名

				command.setText("客户姓名:" + that.gridList.customerName);
				command.setFontSize(0); //字体大小
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();
				//客户身份证

				command.setText("客户身份证:" + that.gridList.customerNumberCard);
				command.setFontSize(24); //字体大小
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				//客户电话

				command.setText("客户电话:" + that.gridList.customerPhone);
				command.setFontSize(50); //字体大小
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				//车牌号

				command.setText("车牌号:" + that.gridList.carNumber);
				command.setFontSize(100); //字体大小
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				if (that.gridList.boxNo) {
					//箱号

					command.setText("箱号-1:" + that.gridList.boxNo);
					command.setSelectJustification(0); //居左
					command.setLeftMargin(30)
					command.setPrint();
				}
				if (that.gridList.boxNoOther) {
					//箱号

					command.setText("箱号-2:" + that.gridList.boxNoOther);
					command.setSelectJustification(0); //居左
					command.setLeftMargin(30)
					command.setPrint();
				}
				if (that.gridList.titleNo) {
					//封号

					command.setText("封号-1:" + that.gridList.titleNo);
					command.setSelectJustification(0); //居左
					command.setLeftMargin(30)
					command.setPrint();
				}
				if (that.gridList.titleNoOther) {
					//封号

					command.setText("封号-2:" + that.gridList.titleNoOther);
					command.setSelectJustification(0); //居左
					command.setLeftMargin(30)
					command.setPrint();
				}
				//仓位号

				command.setText("仓位号:" + that.gridList.binNumber);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();
				//收货单位

				command.setText("收货单位:" + that.gridList.compName);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();
				//联系人

				command.setText("联系人:" + that.gridList.person);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				//联系电话

				command.setText("联系电话:" + that.gridList.personPhone);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				//货名
				command.setText("货名:" + that.gridList.goodsName);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				//类型

				command.setText("类型:" + that.gridList.type);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				//容量

				command.setText("容量(克/升):" + that.gridList.bulkDensity);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				//不完善粒

				command.setText("不完善粒(%):" + that.gridList.imperfectGrain);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				//等级

				command.setText("等级:" + that.gridList.grade);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				//水分
				command.setText("水分(%):" + that.gridList.waterContent);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();
				//热损伤

				command.setText("热损伤(%):" + that.gridList.jiaorenli);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();
				//单价
				if (that.gridList.type == '潮粮') {
					command.setText("单价(元/公斤):" + that.gridList.tidalGrainPrice);
					command.setPrint();
				}
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)

				//杂质

				command.setText("杂质(%):" + that.gridList.impurity);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				//霉变粒

				command.setText("霉变粒(%):" + that.gridList.mildewGrain);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				//购粮性质
				command.setText("购粮性质:" + that.gridList.natureOfGrainPurchase);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				//仓位号

				command.setText("仓位号:" + that.gridList.binNumber);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				//囤位号

				command.setText("囤位号:" + that.gridList.storageTagNo);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();

				//质检员

				command.setText("质检员:" + that.gridList.qualityInspector);
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrint();
				//客户签名
				// command.rowSpace(100);
				// command.setSelectJustification(0); //居左
				// command.setLeftMargin(30)
				// command.setText("客户签名：");
				// command.setPrint();
				// command.rowSpace(100);
				//收货单位签名或盖章

				command.setText("收货单位签名或盖章：");
				command.setSelectJustification(0); //居左
				command.setLeftMargin(30)
				command.setPrintAndFeed(150);
				command.setPrintAndFeedRow(10);
				that.isReceiptSend = true;
				that.prepareSend(command.getData());


			},

			//准备发送，根据每次发送字节数来处理分包数量
			prepareSend(buff) {
				console.log(buff);
				// let that = this
				// let time = that.oneTimeData
				// let looptime = parseInt(buff.length / time);
				// let lastData = parseInt(buff.length % time);
				// console.log(looptime + "---" + lastData)
				// this.looptime = looptime + 1;
				// this.lastData = lastData;
				// this.currentTime = 1;
				// that.Send(buff)
				var that = this;
				var time = that.oneTimeData;
				var looptime = parseInt(buff.length / time);
				var lastData = parseInt(buff.length % time); //console.log(looptime + "---" + lastData)

				this.looptime = looptime + 1
				this.lastData = lastData
				this.currentTime = 1
				that.Send(buff);
			},
			//查询打印机状态
			queryStatus() {
				let command = esc.jpPrinter.Query();
				command.getRealtimeStatusTransmission(1);
			},
			//分包发送
			Send(buff) {
				let that = this
				let {
					currentTime,
					looptime: loopTime,
					lastData,
					oneTimeData: onTimeData,
					printerNum: printNum,
					currentPrint
				} = that;
				let buf;
				let dataView;
				if (currentTime < loopTime) {
					buf = new ArrayBuffer(onTimeData)
					dataView = new DataView(buf)
					for (var i = 0; i < onTimeData; ++i) {
						dataView.setUint8(i, buff[(currentTime - 1) * onTimeData + i])
					}
				} else {
					buf = new ArrayBuffer(lastData)
					dataView = new DataView(buf)
					for (var i = 0; i < lastData; ++i) {
						dataView.setUint8(i, buff[(currentTime - 1) * onTimeData + i])
					}
				}
				console.log("第" + currentTime + "次发送数据大小为：" + buf.byteLength)

				let {
					BLEInformation
				} = that.Bluetooth;

				uni.writeBLECharacteristicValue({
					deviceId: BLEInformation.deviceId,
					serviceId: BLEInformation.writeServiceId,
					characteristicId: BLEInformation.writeCharaterId,
					value: buf,
					success: function(res) {
						if (currentTime <= loopTime) {
							// wx.showLoading({
							//   title: '传输中...',
							// })
						} else {
							uni.showToast({
								title: '已打印第' + currentPrint + '张成功'
							});
						} //console.log(res)
					},
					fail: function(e) {
						uni.showToast({
							title: '打印第' + currentPrint + '张失败',
							icon: 'none'
						}); //console.log(e)
					},
					complete: function() {
						currentTime++;

						if (currentTime <= loopTime) {
							that.currentTime = currentTime

							that.Send(buff);
						} else {
							if (currentPrint == printNum) {
								that.looptime = 0
								that.lastData = 0
								that.currentTime = 1
								that.isReceiptSend = false
								that.currentPrint = 1
							} else {
								currentPrint++;
								that.currentPrint = currentPrint
								that.currentTime = 1

								that.Send(buff);
							}
						}
					}
				});

				// plus.bluetooth.writeBLECharacteristicValue({
				// 	deviceId: BLEInformation.deviceId,
				// 	serviceId: BLEInformation.writeServiceId,
				// 	characteristicId: BLEInformation.writeCharaterId,
				// 	value: buf,
				// 	success: function(res) {
				// 		console.log(res)
				// 	},
				// 	fail: function(e) {
				// 		console.log(e)
				// 	},
				// 	complete: function() {
				// 		currentTime++
				// 		if (currentTime <= loopTime) {
				// 			that.currentTime = currentTime;
				// 			that.Send(buff)
				// 		} else {
				// 			uni.showToast({
				// 				title: '已打印第' + currentPrint + '张',
				// 			})
				// 			if (currentPrint == printNum) {
				// 				that.looptime = 0;
				// 				that.lastData = 0;
				// 				that.currentTime = 1;
				// 				that.isReceiptSend = false;
				// 				that.isLabelSend = false;
				// 				that.currentPrint = 1;
				// 			} else {
				// 				currentPrint++;
				// 				that.currentPrint = currentPrint;
				// 				that.currentTime = 1;
				// 				that.Send(buff)
				// 			}
				// 		}
				// 	}
				// })
			},
			buffBindChange: function(res) { //更改打印字节数
				let index = res.detail.value
				let time = this.buffSize[index]
				this.buffIndex = index;
				this.oneTimeData = time;
			},
			printNumBindChange: function(res) { //更改打印份数
				let index = res.detail.value
				let num = this.printNum[index]
				this.printNumIndex = index;
				this.printerNum = num;
			},
		}
	}
</script>

<style lang="less">
	.input {
		text-align: top;
		width: 90%;
		height: 150px;
		margin-left: 4%;
		margin-right: 4%;
		margin-top: 10px;
		margin-bottom: 12px;
		border: 1px solid slategray;
	}

	.receiver_info_scroll_view {
		width: 90%;
		height: 200px;
		margin-left: 4%;
		margin-right: 4%;
		margin-top: 10px;
		margin-bottom: 25px;
		border: 1px solid black;
	}

	.result {
		width: 90%;
		height: 150px;
		border: 1px solid black;
		margin-left: 4%;
		margin-bottom: 4%;
		margin-top: 5%;
	}

	button {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	.switch {
		float: right;
		margin-right: 20px;
		margin-bottom: 16px;
	}

	text {
		color: #fff;
		display: block;
	}

	input {
		color: gainsboro;
		float: left;
	}

	.v_net_ssid {
		width: 100%;
		background: #fff;
	}

	.v_net_passw {
		width: 100%;
		background: antiquewhite;
	}

	.swiper {
		width: 100%;
		height: 100%;
	}

	.btn {
		margin-top: 50rpx;
		background: #22C572;
	}

	uni-button[loading][type=primary] {
		color: hsla(0, 0%, 100%, .6);
		background-color: #22C572;
	}
</style>