From 34e9334f789b91079ce1f6eeee3b28b326ec781b Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期四, 27 四月 2023 15:24:15 +0800
Subject: [PATCH] #
---
pages/print/print.vue | 454 ++++++-------------------------------------------------
pages/pakin/orderPakin.vue | 6
2 files changed, 58 insertions(+), 402 deletions(-)
diff --git a/pages/pakin/orderPakin.vue b/pages/pakin/orderPakin.vue
index 043f9d8..621ff72 100644
--- a/pages/pakin/orderPakin.vue
+++ b/pages/pakin/orderPakin.vue
@@ -11,7 +11,7 @@
<input type="text" placeholder=" 鎵爜 / 杈撳叆" v-model="barcode" :focus="barcodeFocus"
@confirm="barcodeInput()">
</view>
- <view class="item">
+ <!-- <view class="item">
<view class="code-decs">鐗╂枡鐮�:</view>
<input type="text" placeholder=" 鎵爜 / 杈撳叆" v-model="matnr" :focus="matFocus" @input="findMat()">
<view class="item-right">
@@ -19,7 +19,7 @@
<text style="text-align: right;color: #409EFF;" @click="selectMat()">鎻愬彇+</text>
<uni-icons type="right" color="#c1c1c1"></uni-icons>
</view>
- </view>
+ </view> -->
</view>
<view class="mat-list-title">
鍟嗗搧鍒楄〃
@@ -216,7 +216,7 @@
width: 100%;
background-color: white;
position: fixed;
- margin-top: 300rpx;
+ margin-top: 200rpx;
z-index: 9;
/* border-top: 1px solid #DCDFE6; */
text-align: center;
diff --git a/pages/print/print.vue b/pages/print/print.vue
index c61ef22..101a7fc 100644
--- a/pages/print/print.vue
+++ b/pages/print/print.vue
@@ -1,416 +1,72 @@
<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;"></td></tr>
+ <tr><td>鍟嗗搧</td><td colspan="1">{{mat.matkx}}</td></tr>
+ <tr><td>鏃ユ湡</td><td colspan="2">2023-04-24 15:25:32</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>
</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;
+ export default {
+ data() {
+ return {
+ style: {height:'3px'},
+ mat: {matnr: '1200128-10055',matkx: 'X5S-4-M03/333'}
+ }
+ },
+ 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'
+
}
}
- 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;
- }
- 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();
- }
- });
- },
- // 鐩戝惉瀵绘壘鍒版柊璁惧鐨勪簨浠�
- 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();
- });
- });
- },
-
- // 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');
- // 鎵撳嵃
- 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);
- }
- });
- }
- }
-};
</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