From 3b9a0380f8dfb24964c0afbd635dc7d2f013d475 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期一, 08 五月 2023 10:38:58 +0800
Subject: [PATCH] #
---
pages/print/print.vue | 542 +++++++++++++++---------------------------------------
1 files changed, 150 insertions(+), 392 deletions(-)
diff --git a/pages/print/print.vue b/pages/print/print.vue
index c61ef22..7eace59 100644
--- a/pages/print/print.vue
+++ b/pages/print/print.vue
@@ -1,416 +1,174 @@
<template>
- <!-- 钃濈墮鎵撳嵃椤甸潰 -->
- <view class="page">
- <button @click="openBluetoothAdapter">閲嶆柊鏌ヨ</button>
- <view class="title">
- 鍙繛鎺ョ殑钃濈墮璁惧鍒楄〃锛�
- <text style="color: red;font-size:22rpx;">(閮ㄥ垎鏈哄瀷闇�瑕佹墦寮�GPS瀹氫綅鏈嶅姟)</text>
- </view>
- <view class="list">
- <view class="item" v-for="(item, i) in devices" :key="i">
- <!-- 璁惧鍚嶇О -->
- <text>{{ item.name }}</text>
- <!-- 杩炴帴鐘舵�� -->
- <view class="right">
- <view class="font-color-3" @click="createBLEConnection(item)" v-show="!item.isShowConnect">杩炴帴璁惧</view>
- <view class="font-color-3" v-show="item.isShowConnect">宸茶繛鎺�</view>
- </view>
+ <view>
+ <view class="print-model" :style="style">
+ <view class="display" :style="">
+ <table>
+ <tr>
+ <td>鏂欏彿</td>
+ <td>{{mat.matnr}}</td>
+ <td colspan="1" rowspan="2" style="width: 150px;">
+ <!-- 浜岀淮鐮� -->
+ <view class="qr-box">
+ <canvas canvas-id="qrcode" v-show="qrShow" style="width: 300rpx;margin: 0 auto;" />
+ </view>
+ </td>
+ </tr>
+ <tr>
+ <td>鍟嗗搧</td>
+ <td colspan="1">{{mat.maktx}}</td>
+ </tr>
+ <tr>
+ <td>鏃ユ湡</td>
+ <td colspan="2">{{time}}</td>
+ </tr>
+ </table>
</view>
- <!-- v-if="devices.length" -->
- <button @click="writeBLECharacteristicValue">寮�濮嬫墦鍗�</button>
- <!-- <button :class="isDisabled || isConnected ? 'submit disabled' : 'submit'" @click="writeBLECharacteristicValue" :disabled="isDisabled || isConnected">寮�濮嬫墦鍗�</button> -->
- <view class="no-devices" v-if="!devices.length">鏈悳绱㈠埌钃濈墮璁惧</view>
+ </view>
+ <view>
+ <button @click="toPrint">鎵撳嵃</button>
</view>
</view>
</template>
<script>
-const LAST_CONNECTED_DEVICE = 'last_connected_device';
-import PrinterJobs from '../../static/js/printerjobs';
-import printerUtil from '../../static/js/printerutil';
-
-function inArray(arr, key, val) {
- for (let i = 0; i < arr.length; i++) {
- if (arr[i][key] === val) {
- return i;
- }
- }
- return -1;
-}
-
-// ArrayBuffer杞�16杩涘害瀛楃涓茬ず渚�
-function ab2hex(buffer) {
- const hexArr = Array.prototype.map.call(new Uint8Array(buffer), function(bit) {
- return ('00' + bit.toString(16)).slice(-2);
- });
- return hexArr.join(',');
-}
-
-function str2ab(str) {
- // Convert str to ArrayBuff and write to printer
- let buffer = new ArrayBuffer(str.length);
- let dataView = new DataView(buffer);
- for (let i = 0; i < str.length; i++) {
- dataView.setUint8(i, str.charAt(i).charCodeAt(0));
- }
- return buffer;
-}
-
-export default {
- name: 'print',
- components: {},
- props: {},
- data() {
- return {
- devices: [],
- connected: false,
- isConnected: true,
- name: '',
- deviceId: null
- };
- },
- onLoad() {},
- onShow() {},
- created() {},
- mounted() {
- this.openBluetoothAdapter();
- },
- methods: {
- // 鍒濆鍖栬摑鐗�
- openBluetoothAdapter() {
- console.log('鍒濆鍖栬摑鐗欐ā鍧� openBluetoothAdapter');
- if (!uni.openBluetoothAdapter) {
- console.log('寰俊鐗堟湰杩囦綆');
- uni.showModal({
- title: '鎻愮ず',
- content: '褰撳墠寰俊鐗堟湰杩囦綆锛屾棤娉曚娇鐢ㄨ鍔熻兘锛岃鍗囩骇鍒版渶鏂板井淇＄増鏈悗閲嶈瘯銆�'
- });
- return;
+ import uQRCode from '@/static/js/uqrcode.js' //寮曞叆uqrcode.js
+ export default {
+ data() {
+ return {
+ style: {
+ height: '3px'
+ },
+ mat: {
+ matnr: '1200128-10055',
+ maktx: 'X5S-4-M03/333'
+ },
+ qrShow: false,
+ time: ''
}
- uni.showLoading({
- title: '寮�濮嬫悳绱㈣摑鐗欒澶�'
- });
- // uni.hideLoading();
- uni.openBluetoothAdapter({
- success: res => {
- console.log('鍒濆鍖栨垚鍔無penBluetoothAdapter success', res);
- uni.hideLoading();
- // 鎼滃闄勮繎鐨勮摑鐗�
- this.startBluetoothDevicesDiscovery();
- },
- fail: res => {
- console.log('鍒濆鍖栧け璐penBluetoothAdapter fail', res);
- // uni.showModal({
- // content: res.errMsg,
- // showCancel: false
- // });
- uni.hideLoading();
- if (res.errCode === 10001) {
- // 褰撳墠钃濈墮閫傞厤鍣ㄤ笉鍙敤
- uni.showModal({
- title: '閿欒',
- content: '鏈壘鍒拌摑鐗欒澶�, 璇锋墦寮�钃濈墮鍚庨噸璇曘��',
- showCancel: false
- });
- // 鐩戝惉钃濈墮閫傞厤鍣ㄧ姸鎬佸彉鍖栦簨浠�
- uni.onBluetoothAdapterStateChange(res => {
- console.log('鐩戝惉钃濈墮閫傞厤鍣ㄧ姸鎬� onBluetoothAdapterStateChange', res);
- // available锛氳摑鐗欓�傞厤鍣ㄦ槸鍚﹀彲鐢�
- if (res.available) {
- // 鍙栨秷鐩戝惉锛屽惁鍒檚topBluetoothDevicesDiscovery鍚庝粛浼氱户缁Е鍙憃nBluetoothAdapterStateChange锛�
- // 瀵艰嚧鍐嶆璋冪敤startBluetoothDevicesDiscovery
- // uni.onBluetoothAdapterStateChange(() => {});
- // 寮�濮嬫悳瀵婚檮杩戠殑钃濈墮澶栧洿璁惧
- this.startBluetoothDevicesDiscovery();
- }
- });
- }
- }
- });
},
- // 寮�濮嬫悳瀵婚檮杩戠殑钃濈墮澶栧洿璁惧
- startBluetoothDevicesDiscovery() {
- console.log('寮�濮嬫悳瀵婚檮杩戠殑钃濈墮璁惧');
- uni.startBluetoothDevicesDiscovery({
- allowDuplicatesKey: false,
- interval: 0,
- success: res => {
- console.log('鎼滃闄勮繎鐨勮摑鐗欏鍥磋澶� startBluetoothDevicesDiscovery success111', res);
- // 鐩戝惉瀵绘壘鍒版柊璁惧鐨勪簨浠�
- this.onBluetoothDeviceFound();
- },
- fail: res => {
- console.log('鎼滃闄勮繎鐨勮摑鐗欏鍥磋澶� startBluetoothDevicesDiscovery fail', res);
- uni.hideLoading();
- }
- });
+ onShow() {
+ let getWindowInfo = uni.getWindowInfo()
+ // console.log(getWindowInfo.screenHeight); //灞忓箷楂樺害
+ // console.log(getWindowInfo.screenWidth); //灞忓箷瀹藉害
+ // console.log(getWindowInfo.windowHeight); //鍙搷浣滈〉闈㈤珮搴�
+ // console.log(getWindowInfo.windowWidth); //鍙搷浣滈〉闈㈠搴�
+ // console.log(getWindowInfo);
+ // console.log('鑾峰彇绐楀彛淇℃伅');
+ let height = (getWindowInfo.screenWidth + 10) * 48 / 74
+ // console.log(height);
+ this.style.height = height + 'px'
+ this.getDate()
+
},
- // 鐩戝惉瀵绘壘鍒版柊璁惧鐨勪簨浠�
- onBluetoothDeviceFound() {
- console.log('杩涘叆鏌ヨ璁惧');
- uni.onBluetoothDeviceFound(res => {
- console.log('瀵绘壘璁惧', res.devices);
- res.devices.forEach(device => {
- if (!device.name && !device.localName) {
- return;
- }
- const foundDevices = this.devices;
- // 鍦ㄦ暟缁勪腑鏌ユ壘鎸囧畾鍊硷紝骞惰繑鍥炲畠鐨勭储寮曞�硷紙濡傛灉娌℃湁鎵惧埌锛屽垯杩斿洖-1锛�
- const idx = inArray(foundDevices, 'deviceId', device.deviceId);
- const data = {};
- if (idx === -1) {
- this.$set(this.devices, `${foundDevices.length}`, device);
- } else {
- this.$set(this.devices, `${idx}`, device);
- }
- console.log('鎼滅储缁撴灉', this.devices);
- uni.hideLoading();
- });
- });
+ onLoad(opt) {
+ let that = this
+ const eventChannel = this.getOpenerEventChannel();
+ eventChannel.on('data', function(data) {
+ that.mat = data.data
+ that.qrFun(that.mat.matnr)
+ })
+
},
-
- // this.devices鏄摑鐗欒澶囧垪琛紝娓叉煋鍒伴〉闈㈡樉绀虹偣鍑绘墽琛岃摑鐗欒繛鎺�
- // 鐐瑰嚮閾炬帴钃濈墮
- createBLEConnection(e) {
- console.log('鐐瑰嚮杩炴帴钃濈墮', e);
- const deviceId = e.deviceId;
- const name = e.name;
- this._createBLEConnection(deviceId, name);
- },
-
- _createBLEConnection(deviceId, name) {
- // this.$myToast('杩炴帴璁惧涓�', 'loading');
- // 杩炴帴浣庡姛鑰楄摑鐗欒澶�
- uni.createBLEConnection({
- deviceId, // 鐢ㄤ簬鍖哄垎璁惧鐨� id
- success: () => {
- console.log('杩炴帴钃濈墮鎺ュ彛璋冪敤鎴愬姛 createBLEConnection success', this.devices);
- this.devices.forEach((item, index) => {
- this.$set(this.devices[index], 'isShowConnect', false);
- if (item.deviceId === deviceId) {
- this.$set(this.devices[index], 'isShowConnect', true);
- }
- });
- this.$myToast('璁惧杩炴帴鎴愬姛', 'success');
-
- this.connected = true;
- this.isConnected = false;
- this.name = name;
- this.deviceId = deviceId;
- // 鑾峰彇钃濈墮璁惧鎵�鏈夋湇鍔�(service)
- this.getBLEDeviceServices(deviceId);
- // 鏈�鍚庤繛鎺ヨ澶�
- uni.setStorage({
- key: LAST_CONNECTED_DEVICE,
- data: name + ':' + deviceId
- });
- },
- complete() {
- uni.hideLoading();
- },
- fail: res => {
- // 杩炴帴钃濈墮鎺ュ彛璋冪敤澶辫触
- console.log('杩炴帴钃濈墮鎺ュ彛璋冪敤澶辫触 createBLEConnection fail', res);
- uni.showModal({
- title: this.$t('wechat.w227'),
- content: '钃濈墮杩炴帴澶辫触',
- showCancel: false
- });
- }
- });
- // 宸茬粡鎵惧埌闇�瑕佺殑钃濈墮璁惧,鍋滄鎼滃闄勮繎鐨勮摑鐗欏鍥磋澶�
- this.stopBluetoothDevicesDiscovery();
- },
- // 鑾峰彇钃濈墮璁惧鎵�鏈夋湇鍔�(service)
- getBLEDeviceServices(deviceId) {
- uni.getBLEDeviceServices({
- deviceId,
- success: res => {
- console.log('鑾峰彇钃濈墮璁惧鎵�鏈夋湇鍔� getBLEDeviceServices', res);
- for (let i = 0; i < res.services.length; i++) {
- if (res.services[i].isPrimary) {
- this.getBLEDeviceCharacteristics(deviceId, res.services[i].uuid);
- return;
- }
- }
- }
- });
- },
- stopBluetoothDevicesDiscovery() {
- uni.stopBluetoothDevicesDiscovery({
- complete: () => {
- // console.log('stopBluetoothDevicesDiscovery')
- this._discoveryStarted = false;
- }
- });
- },
- /*
- 鑾峰彇钃濈墮璁惧鏌愪釜鏈嶅姟涓墍鏈夌壒寰佸��(characteristic)
- characteristic:
- uuid:钃濈墮璁惧鐗瑰緛鍊肩殑 uuid
- properties:璇ョ壒寰佸�兼敮鎸佺殑鎿嶄綔绫诲瀷
- */
- getBLEDeviceCharacteristics(deviceId, serviceId) {
- uni.getBLEDeviceCharacteristics({
- // 杩欓噷鐨� deviceId 闇�瑕佸凡缁忛�氳繃 createBLEConnection 涓庡搴旇澶囧缓绔嬮摼鎺�
- deviceId,
- // 杩欓噷鐨� serviceId(钃濈墮鏈嶅姟 uuid) 闇�瑕佸湪 getBLEDeviceServices 鎺ュ彛涓幏鍙�
- serviceId,
- success: res => {
- console.log('鐗瑰緛鍊煎彉鍖� getBLEDeviceCharacteristics success', res.characteristics);
- // 杩欓噷浼氬瓨鍦ㄧ壒寰佸�兼槸鏀寔write锛屽啓鍏ユ垚鍔熶絾鏄病鏈変换浣曞弽搴旂殑鎯呭喌
- // 鍙兘涓�涓釜鍘昏瘯
- // characteristics锛氳澶囨湇鍔″垪琛�
- for (let i = 0; i < res.characteristics.length; i++) {
- const item = res.characteristics[i];
- // if (item.properties.read) {
- // uni.readBLECharacteristicValue({
- // deviceId,
- // serviceId,
- // characteristicId: item.uuid
- // })
- // }
-
- if (item.properties.write) {
- this.canWrite = true;
- this._deviceId = deviceId;
- this._serviceId = serviceId;
- this._characteristicId = item.uuid;
- }
-
- if (item.properties.notify || item.properties.indicate) {
- uni.notifyBLECharacteristicValueChange({
- deviceId,
- serviceId,
- characteristicId: item.uuid,
- state: true
- });
- }
-
- if (item.properties.write) {
- this.canWrite = true;
- this._deviceId = deviceId;
- this._serviceId = serviceId;
- this._characteristicId = item.uuid;
- }
-
- if (item.properties.notify || item.properties.indicate) {
- uni.notifyBLECharacteristicValueChange({
- deviceId,
- serviceId,
- characteristicId: item.uuid,
- state: true
- });
- }
- }
- },
- fail(res) {
- console.error('鐗瑰緛鍊煎彉鍖� getBLEDeviceCharacteristics', res);
- }
- });
- },
-
- // 钃濈墮杩炴帴鎴愬姛鍚庣偣鍑绘墦鍗帮紝鎵撳嵃鏁版嵁
- // 鐐瑰嚮鎵撳嵃锛氬啓鍏ユ暟鎹紙鏍规嵁椤圭洰闇�瑕佹墦鍗板唴瀹规潵瀹炵幇锛�
- writeBLECharacteristicValue() {
- console.log('鍐欐暟鎹�');
- let printerJobs = new PrinterJobs();
- // 瑕佹墦鍗扮殑淇℃伅
- printerJobs
- .setAlign('ct')
- .setSize(2, 2)
- .print('璁板綍鎶ュ憡')
- .setSize(0, 0)
- .print()
- .setAlign('lt');
+ methods: {
// 鎵撳嵃
- printerJobs.print(printerUtil.fillLine());
- // 缁撳熬
- printerJobs
- .println()
- .print('绛惧悕')
- .println()
- .println();
-
- let buffer = printerJobs.buffer();
- // console.log('ArrayBuffer', 'length: ' + buffer.byteLength, ' hex: ' + ab2hex(buffer));
- // 1.骞惰璋冪敤澶氭浼氬瓨鍦ㄥ啓澶辫触鐨勫彲鑳芥��
- // 2.寤鸿姣忔鍐欏叆涓嶈秴杩�20瀛楄妭
- // 鍒嗗寘澶勭悊锛屽欢鏃惰皟鐢�
- const maxChunk = 20;
- const delay = 40;
- console.log(111111);
- for (let i = 0, j = 0, length = buffer.byteLength; i < length; i += maxChunk, j++) {
- let subPackage = buffer.slice(i, i + maxChunk <= length ? i + maxChunk : length);
- // subPackage锛氬弬鏁�
- setTimeout(this._writeBLECharacteristicValue, j * delay, subPackage);
- }
-
- console.log(22222);
- },
- // 鍚戜綆鍔熻�楄摑鐗欒澶囩壒寰佸�间腑鍐欏叆浜岃繘鍒舵暟鎹�傛敞鎰忥細蹇呴』璁惧鐨勭壒寰佸�兼敮鎸� write 鎵嶅彲浠ユ垚鍔熻皟鐢ㄣ��
- _writeBLECharacteristicValue(buffer) {
- console.log('鍐欏叆鏁版嵁');
- uni.writeBLECharacteristicValue({
- deviceId: this._deviceId, // 钃濈墮璁惧 id
- serviceId: this._serviceId, // 钃濈墮鐗瑰緛鍊煎搴旀湇鍔＄殑 uuid
- characteristicId: this._characteristicId, // 钃濈墮鐗瑰緛鍊肩殑 uuid
- value: buffer, // 钃濈墮璁惧鐗瑰緛鍊煎搴旂殑浜岃繘鍒跺��
- success(res) {
- console.log('writeBLECharacteristicValue success', res);
- },
- fail(res) {
- console.log('writeBLECharacteristicValue fail', res);
+ toPrint() {
+ let that = this
+ uni.navigateTo({
+ url: "../print/printUNI",
+ success: function(res) {
+ // 閫氳繃eventChannel鍚戣鎵撳紑椤甸潰浼犻�佹暟鎹� 鍚戝彟澶栦竴涓〉闈紶閫掑�肩殑
+ res.eventChannel.emit('data1', {
+ data: that.mat,
+ time: that.time
+ })
+ },
+ events: {
+ // 涓烘寚瀹氫簨浠舵坊鍔犱竴涓洃鍚櫒锛岃幏鍙栬鎵撳紑椤甸潰浼犻�佸埌褰撳墠椤甸潰鐨勬暟鎹� 鍙﹀涓�涓〉闈紶杩囨潵鐨�
+ acceptDataFromOpenedPage: function(data) {
+ that.matnr = data.data
+ },
+ },
+
+
+ });
+ },
+ //**鐢熸垚浜岀淮鐮�**//
+ qrFun(text) {
+ this.qrShow = true
+ uQRCode.make({
+ canvasId: 'qrcode',
+ componentInstance: this,
+ text: text,
+ size: 150,
+ margin: 0,
+ backgroundColor: '#ffffff',
+ foregroundColor: '#000000',
+ fileType: 'jpg',
+ errorCorrectLevel: uQRCode.errorCorrectLevel.H,
+ success: res => {}
+ })
+ },
+ // 鏃ュ巻
+ getDate() {
+ var dt = new Date();
+ var year,month,day,hours,minutes,seconds,weeks
+ year = dt.getFullYear();
+ month = (dt.getMonth()+1) < 10 ? '0'+ (dt.getMonth()+1) : (dt.getMonth()+1);
+ day = dt.getDate() < 10 ? '0'+dt.getDate() : dt.getDate();
+ hours = dt.getHours() < 10 ? '0' + dt.getHours() : dt.getHours();
+ minutes = dt.getMinutes() < 10 ? '0' + dt.getMinutes() : dt.getMinutes();
+ seconds = dt.getSeconds() < 10 ? '0' + dt.getSeconds() : dt.getSeconds();
+ weeks = dt.getDay();
+ switch (weeks) {
+ case 0: weeks = "鏄熸湡鏃�"; break;
+ case 1: weeks = "鏄熸湡涓�"; break;
+ case 2: weeks = "鏄熸湡浜�"; break;
+ case 3: weeks = "鏄熸湡涓�"; break;
+ case 4: weeks = "鏄熸湡鍥�"; break;
+ case 5: weeks = "鏄熸湡浜�"; break;
+ default : weeks = "鏄熸湡鍏�";
}
- });
+ this.time = year + "骞�" + month + "鏈�" + day + "鏃� " + hours + ":" + minutes + ":" + seconds + " "
+ },
}
}
-};
</script>
-<style scoped lang="scss">
-.page {
- margin: 20rpx;
- color: #323232;
- background-color: #f5f9ff;
- height: 100vh;
-}
-.title {
- font-weight: 600;
- margin: 20rpx 0rpx;
-}
-.list {
- .item {
+<style>
+ .print-model {
+ width: 100%;
+ /* background-color: #555555; */
display: flex;
- justify-content: space-between;
- padding: 10rpx 20rpx;
- height: 60rpx;
- line-height: 60rpx;
- background-color: #ffffff;
- margin-bottom: 4rpx;
+ align-items: center;
+ justify-content: center;
}
- .right {
+ .display {
+ width: 96%;
+ height: 96%;
+ border-radius: 5px;
+ background-color: #FFF;
+ box-shadow: #bdbdbd;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
- .no-devices {
- height: 400rpx;
- font-size: 32rpx;
- line-height: 400rpx;
+
+ .display-pak {
+ margin: 2%;
+ height: 92%;
+ border: 1px solid #8a8a8a;
+ }
+
+ table {
+ width: 92%;
+ height: 92%;
+ border: 0;
+ border-collapse: collapse;
+ }
+
+ td {
+ border: 1px solid #8a8a8a;
text-align: center;
- color: #969696;
}
-}
-
-.font-color-3 {
- color: #1a8cff;
-}
-
-.submit {
- background-color: #4d88ff !important;
- color: #f5f9ff !important;
-}
-
-.disabled {
- background-color: #66b1ff !important;
-}
</style>
\ No newline at end of file
--
Gitblit v1.9.1