372 lines
9.1 KiB
Vue
372 lines
9.1 KiB
Vue
<template>
|
|
<view class="app status-bar-gap">
|
|
<view class="page">
|
|
<l-header :title="t('index.zbdy')" sticky></l-header>
|
|
<view class="data-item" :style="[{'background-color':'#ffffff'}]">
|
|
<view class="dataText">
|
|
<view class="itemBox">
|
|
<view>{{t('receive.djbh')}}</view>
|
|
<view class="zongjian"></view>
|
|
<view>{{ state.pageData.FBillNo }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="input-box" @click="printingMachineSelectFun">
|
|
<view class="input-item">
|
|
<up-input :placeholder="t('index.qxzdyj')" border="none" clearable inputAlign="left"
|
|
v-model="state.printingMachine.name" confirmType="next" :disabled="true">
|
|
<template #prefix>
|
|
<view class="item-title" style="margin-right: 16rpx;">{{ t('index.dyj') }}</view>
|
|
</template>
|
|
<template #suffix>
|
|
<up-icon name="search" color="#6c6c6c" size="24"></up-icon>
|
|
</template>
|
|
</up-input>
|
|
</view>
|
|
</view>
|
|
<view class="btnList" style="margin-top: 32rpx;">
|
|
<up-button class="btnItem" type="primary" shape="circle" :text="t('index.dyj')" @click="sendHexStr"></up-button>
|
|
</view>
|
|
</view>
|
|
<bluetoothList ref="bluetoothListRef" :dataList="state.bluetoothList" @getAddress="getAddressFun" />
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { reactive, nextTick, onMounted, ref, computed, watch } from 'vue';
|
|
import { onLoad, onShow, onReachBottom, onBackPress } from '@dcloudio/uni-app'
|
|
import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue'
|
|
import { PRD_MOEnterIntoPro, UHIK_BD_BarCodeMainFileSave, getPrintData } from '../../common/request/api/api';
|
|
import { timeFormat } from '@/uni_modules/uview-plus';
|
|
import bluetoothList from './bluetoothList.vue'
|
|
import { useI18n } from 'vue-i18n'
|
|
const getI18n = useI18n()
|
|
const { t, locale } = getI18n
|
|
const bluetoothListRef = ref()
|
|
// #ifdef APP-PLUS
|
|
const blueModule = uni.requireNativePlugin("gp-bluetooth")
|
|
import * as tsc from '../../components/gprint/tsc.js'
|
|
// #endif
|
|
|
|
const state = reactive({
|
|
id: '',
|
|
FBillNo: '',
|
|
pageData: {},
|
|
printingMachine: {
|
|
name: '',
|
|
address: ''
|
|
},
|
|
bluetoothList: [],
|
|
sendData: '',
|
|
printDataList: []
|
|
})
|
|
onLoad((pageData : any) => {
|
|
if(pageData.type === 'Arr'){
|
|
state.pageData.FBillNo = JSON.parse(pageData.list)[0].Number
|
|
console.log('========================================',state.pageData);
|
|
console.log('========================================',JSON.parse(pageData.list));
|
|
getPrintDataFun()
|
|
} else {
|
|
state.pageData = pageData
|
|
console.log(pageData);
|
|
getPrintDataFun()
|
|
}
|
|
|
|
})
|
|
onShow(() => {
|
|
uni.getLocation({
|
|
type: 'wgs84',
|
|
success(res) {
|
|
console.log('开启定位权限', res)
|
|
},
|
|
});
|
|
// #ifdef APP-PLUS
|
|
hasPermission()
|
|
// #endif
|
|
})
|
|
const getPrintDataFun = () => {
|
|
getPrintData({ queryString: state.pageData.FBillNo }).then((res : any) => {
|
|
state.printDataList = res.data
|
|
})
|
|
}
|
|
//获取蓝牙权限并打开蓝牙
|
|
const hasPermission = () => {
|
|
console.log(uni.getStorageSync('printInfo'));
|
|
blueModule.checkConnect({
|
|
mac: uni.getStorageSync('printInfo').address,
|
|
uuid: '00001101-0000-1000-8000-00805f9b34fb'
|
|
}, (ret : any) => {
|
|
console.log(ret);
|
|
if (!ret.success) {
|
|
uni.setStorageSync('printInfo', {})
|
|
state.printingMachine = {
|
|
name: '',
|
|
address: ''
|
|
}
|
|
setTimeout(() => {
|
|
uni.showToast({
|
|
icon: 'none',
|
|
mask: true,
|
|
title: t('index.ljydk'),
|
|
})
|
|
}, 500)
|
|
}
|
|
|
|
});
|
|
blueModule.hasPermission((res : any) => {
|
|
if (res.success) {
|
|
blueModule.isOpen((isOpenRes : any) => {
|
|
console.log(isOpenRes)
|
|
if (isOpenRes.success) {
|
|
state.printingMachine.name = uni.getStorageSync('printInfo').name
|
|
state.printingMachine.address = uni.getStorageSync('printInfo').address
|
|
} else {
|
|
uni.setStorageSync('printInfo', {})
|
|
state.printingMachine.name = ''
|
|
state.printingMachine.address = ''
|
|
blueModule.openBT((openBTRes : any) => {
|
|
console.log(openBTRes)
|
|
});
|
|
}
|
|
});
|
|
} else {
|
|
uni.$u.toast(t('index.whqdlyqx'))
|
|
}
|
|
});
|
|
}
|
|
//读取附近蓝牙设备
|
|
const ReadTheAttachedBluetoothDevice = () => {
|
|
state.bluetoothList = []
|
|
blueModule.searchBT((res : any) => {
|
|
if (res.success) {
|
|
console.log(res);
|
|
if (res.data?.name) {
|
|
bluetoothListRef.value.getList(res.data)
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
const printingMachineSelectFun = () => {
|
|
ReadTheAttachedBluetoothDevice()
|
|
bluetoothListRef.value.open()
|
|
}
|
|
|
|
const getAddressFun = (row : any) => {
|
|
blueModule.disconnectAll((ret) => {
|
|
console.log(ret);
|
|
});
|
|
blueModule.connect({
|
|
MACAddress: row.address,
|
|
uuid: '00001101-0000-1000-8000-00805f9b34fb',
|
|
sleepTime: 50
|
|
}, (result : any) => {
|
|
//连接结果
|
|
console.log(result)
|
|
if (result.success) {
|
|
uni.$u.toast(t('index.ljcg'))
|
|
state.printingMachine.name = row.name
|
|
state.printingMachine.address = row.address
|
|
bluetoothListRef.value.close()
|
|
uni.setStorageSync('printInfo', { name: row.name, address: row.address })
|
|
} else {
|
|
uni.$u.toast(t('index.ljsb'))
|
|
}
|
|
}, (data : any) => {
|
|
console.log(data)
|
|
})
|
|
}
|
|
const createLabel = () => {
|
|
var command = tsc.default.createNew()
|
|
command.setSize(100, 50)
|
|
command.setGap(2)
|
|
command.setCls()
|
|
command.setText(50, 30, "TSS24.BF2", 1, 1, state.printDataList[0].fBillNo)
|
|
command.setQR(50, 65, "L", 8, "A", state.printDataList[0].fBillNo)
|
|
state.printDataList.forEach((item, index) => {
|
|
command.setText(260, 64 + index * 40, "TSS24.BF2", 1, 1, `${item.fMaterialId} / ${item.fQty} / ${item.fSalOrderNo}`)
|
|
})
|
|
command.setPagePrint()
|
|
state.sendData = command.getData();
|
|
}
|
|
const UHIK_BD_BarCodeMainFileSaveFun = () => {
|
|
let arr = []
|
|
state.printDataList.forEach((item : any) => {
|
|
arr.push({
|
|
FBarCodeRule: '03',
|
|
FBarCode: item.fBillNo,
|
|
FBillCode: item.fBillNo
|
|
})
|
|
})
|
|
UHIK_BD_BarCodeMainFileSave({
|
|
Key: 'qwe123!@#',
|
|
Items: arr
|
|
}, true).then((res : any) => {
|
|
console.log('=====================================', res);
|
|
let str = JSON.stringify(res)
|
|
if (str.indexOf('违反字段唯一性要求') !== -1 || str.indexOf('is already been used') !== -1) {
|
|
|
|
} else {
|
|
uni.$u.toast(t('index.cjbqsb'))
|
|
}
|
|
})
|
|
}
|
|
|
|
const sendHexStr = () => {
|
|
createLabel()
|
|
UHIK_BD_BarCodeMainFileSaveFun()
|
|
if (state.sendData == null) {
|
|
return
|
|
}
|
|
let hexStr = ''
|
|
var data = Array.from(state.sendData)
|
|
for (var i = 0; i < data.length; i++) {
|
|
var str = Number(data[i]).toString(16)
|
|
str = str.length == 1 ? "0" + str : str
|
|
hexStr += str
|
|
}
|
|
|
|
function splitString(str, length) {
|
|
var strLen = str.length
|
|
var resArr = []
|
|
for (var i = 0; i < strLen; i += length) {
|
|
resArr.push(str.substring(i, i + length))
|
|
}
|
|
return resArr
|
|
}
|
|
|
|
var sendloop = splitString(hexStr, 250);
|
|
console.log(sendloop.length)
|
|
function realWriteData(sendloop, i) {
|
|
var data = sendloop[i]
|
|
if (typeof (data) == "undefined") {
|
|
return
|
|
}
|
|
console.log("第【" + i + "】次写数据" + data)
|
|
var ret = blueModule.sendHexStr(data, (result) => {
|
|
//结果
|
|
console.log('发送结果')
|
|
console.log(result)
|
|
if (!result.success) {
|
|
uni.$u.toast(t('index.ljydk'))
|
|
uni.setStorageSync('printInfo', {})
|
|
state.printingMachine = {
|
|
name: '',
|
|
address: ''
|
|
}
|
|
return
|
|
}
|
|
if (result.success) {
|
|
realWriteData(sendloop, i + 1);
|
|
}
|
|
});
|
|
//console.log(ret)
|
|
}
|
|
var i = 0;
|
|
realWriteData(sendloop, i);
|
|
}
|
|
const formatLangTextValue = (val : any) => {
|
|
let lang_Id = uni.getStorageSync('locale')
|
|
let item = val.find(p => p.Key == (lang_Id == 'cn' ? 2052 : 1033));
|
|
if (item != null) {
|
|
return item.Value;
|
|
}
|
|
return val[0].Value;
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
:deep(.uni-date__x-input) {
|
|
color: black !important;
|
|
}
|
|
|
|
:deep(.u-input) {
|
|
background-color: #ffffff !important;
|
|
}
|
|
|
|
.app {
|
|
background-color: #F5F5F5;
|
|
|
|
.page {
|
|
padding: 18px 32rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
flex: 1;
|
|
|
|
.input-box {
|
|
background-color: white;
|
|
box-sizing: border-box;
|
|
padding: 0 16rpx;
|
|
border-radius: 16rpx;
|
|
margin: 16rpx 0;
|
|
|
|
.u-textarea {
|
|
padding: 0 !important;
|
|
font-size: 24rpx !important;
|
|
color: #999999 !important;
|
|
}
|
|
|
|
.input-item {
|
|
box-sizing: border-box;
|
|
padding: 16rpx 0;
|
|
color: #222222;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
|
|
.item-title {
|
|
//font-weight: 500;
|
|
font-size: 28rpx;
|
|
color: #333333;
|
|
}
|
|
|
|
.item-text {
|
|
font-weight: 400;
|
|
font-size: 27rpx;
|
|
color: #999999;
|
|
}
|
|
}
|
|
}
|
|
|
|
.data-item {
|
|
border: 1px solid #efeaea;
|
|
border-radius: 20rpx;
|
|
padding: 20rpx 22rpx;
|
|
background-color: #ffffff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
|
|
.btnList {
|
|
display: flex;
|
|
margin-bottom: 32rpx;
|
|
|
|
.btnItem {
|
|
width: 40%;
|
|
}
|
|
}
|
|
|
|
.timebox {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 32rpx;
|
|
}
|
|
|
|
.itemBox {
|
|
line-height: 50rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 8rpx;
|
|
|
|
.zongjian {
|
|
height: 1px;
|
|
flex: 1;
|
|
background-color: #f0f0f0;
|
|
margin: 0 16rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style> |