412 lines
11 KiB
Vue
412 lines
11 KiB
Vue
<template>
|
||
<view class="app status-bar-gap">
|
||
<view class="page">
|
||
<l-header :title="t('index.zbdy')" sticky></l-header>
|
||
<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="input-box" @click="()=>{state.pickerShow = true}">
|
||
<view class="input-item">
|
||
<up-input :placeholder="t('index.qxztd')" border="none" clearable inputAlign="left" v-model="state.centerText"
|
||
confirmType="next" :disabled="true">
|
||
<template #prefix>
|
||
<view class="item-title" style="margin-right: 16rpx;">{{ t('index.td') }}</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" />
|
||
<up-picker :show="state.pickerShow" keyName="title" :columns="state.pickerList"
|
||
@close="() => {state.pickerShow = false}" @cancel="() => {state.pickerShow = false}"
|
||
@confirm="pickerConfirmFun"></up-picker>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { reactive, nextTick, onMounted, ref, computed, watch } from 'vue';
|
||
import { onLoad, onShow, onReachBottom, } from '@dcloudio/uni-app'
|
||
import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue'
|
||
import { PRD_MOEnterIntoPro, PRD_MORPTGetPrintData, UHIK_BD_BarCodeMainFileSave } 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({
|
||
centerText: '',
|
||
centerObj: {},
|
||
pickerShow: false,
|
||
pickerList: [[
|
||
{ title: computed(() => t('index.bzwlbq')), index: '1' },
|
||
{ title: computed(() => t('index.jskcbq')), index: '2' },
|
||
]],
|
||
id: '',
|
||
FBillNo: '',
|
||
pageData: {},
|
||
printingMachine: {
|
||
name: '',
|
||
address: ''
|
||
},
|
||
bluetoothList: [],
|
||
sendData: undefined,
|
||
prontList: [],
|
||
timer: null,
|
||
printState: '0'
|
||
})
|
||
onLoad((pageData : any) => {
|
||
state.pageData = JSON.parse(pageData.data)
|
||
console.log(state.pageData);
|
||
})
|
||
onShow(() => {
|
||
state.centerText = state.pickerList[0][0].title
|
||
state.centerObj = state.pickerList[0][0]
|
||
uni.getLocation({
|
||
type: 'wgs84',
|
||
success(res) {
|
||
console.log('开启定位权限', res)
|
||
},
|
||
fail: (err : any) => { }
|
||
});
|
||
// #ifdef APP-PLUS
|
||
hasPermission()
|
||
// #endif
|
||
})
|
||
const pickerConfirmFun = (val : any) => {
|
||
state.centerObj = val.value[0]
|
||
state.centerText = val.value[0].title
|
||
state.pickerShow = false
|
||
}
|
||
//获取蓝牙权限并打开蓝牙
|
||
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.'))
|
||
}
|
||
});
|
||
}
|
||
//读取附近蓝牙设备
|
||
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.connect({
|
||
MACAddress: row.address,
|
||
uuid: '00001101-0000-1000-8000-00805f9b34fb',
|
||
sleepTime: 50
|
||
}, (result : any) => {
|
||
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) => { })
|
||
}
|
||
|
||
const createLabel = (item : any) => {
|
||
var command = tsc.default.createNew()
|
||
command.setSize(100, 50)
|
||
command.setGap(2)
|
||
command.setCls()
|
||
command.setQR(30, 100, "L", 7, "A", item.FBarCode)
|
||
command.setText(280, 40, "TSS24.BF2", 1, 1, `Supplier Name：${state.pageData.FSupplierId}`)
|
||
command.setText(280, 80, "TSS24.BF2", 1, 1, `P/N：${item.FMaterialId}`)
|
||
command.setText(280, 120, "TSS24.BF2", 1, 1, `Qty：${item.FQty}`)
|
||
command.setText(280, 160, "TSS24.BF2", 1, 1, `Batch No：${item.FLot}`)
|
||
command.setText(280, 200, "TSS24.BF2", 1, 1, `Supplier Lot No：${item.FSupplierLot}`)
|
||
command.setText(280, 240, "TSS24.BF2", 1, 1, `PO：${state.pageData.PO}`)
|
||
command.setText(280, 280, "TSS24.BF2", 1, 1, `Delivery Date：${state.pageData.Date}`)
|
||
command.setText(280, 320, "TSS24.BF2", 1, 1, `GRN #：${state.pageData.FBillCode}`)
|
||
command.setPagePrint()
|
||
state.sendData = command.getData();
|
||
}
|
||
const createLabe2 = (item : any) => {
|
||
var command = tsc.default.createNew()
|
||
command.setSize(89, 28)
|
||
command.setGap(2)
|
||
command.setCls()
|
||
command.setQR(50, 20, "L", 4, "A", item.FBarCode)
|
||
command.setText(180, 20, "TSS24.BF2", 1, 1, `P/N：${item.FMaterialId}`)
|
||
command.setText(180, 60, "TSS24.BF2", 1, 1, `Qty：${item.FQty}`)
|
||
command.setText(180, 100, "TSS24.BF2", 1, 1, `Batch No：${item.FLot}`)
|
||
|
||
|
||
command.setPagePrint()
|
||
state.sendData = command.getData();
|
||
}
|
||
const sendHexStr = async () => {
|
||
try {
|
||
// 1. 提取通用数据创建逻辑
|
||
const createItem = (qty : any) => ({
|
||
FBarCodeRule: "01",
|
||
FBarCode: `${state.pageData.FBillCode}*${state.pageData.FMaterialId}*${state.pageData.FLotText}*${qty}`,
|
||
FBillCode: state.pageData.FBillCode,
|
||
FMaterialId: state.pageData.FMaterialId,
|
||
FSupplierLot: state.pageData.FSupplierLot,
|
||
FLot: state.pageData.FLotText,
|
||
FQty: String(qty)
|
||
});
|
||
const originalQty = Number(state.pageData.FQty);
|
||
const splitQty = Number(state.pageData.splitQty);
|
||
const remainingQty = originalQty - splitQty;
|
||
const items = [
|
||
createItem(remainingQty),
|
||
createItem(splitQty)
|
||
];
|
||
const API_KEY = process.env.BARCODE_API_KEY || 'qwe123!@#';
|
||
const res = await UHIK_BD_BarCodeMainFileSave({
|
||
Key: API_KEY,
|
||
Items: items
|
||
}, true);
|
||
if (res.code !== 200) {
|
||
uni.$u.toast(res.msg);
|
||
return;
|
||
}
|
||
for (const [index, item] of items.entries()) {
|
||
if (index > 0) {
|
||
await new Promise(resolve => setTimeout(resolve, 1000));
|
||
}
|
||
if (state.centerObj.index === '1') createLabel(item);
|
||
if (state.centerObj.index === '2') createLabe2(item);
|
||
initPrint();
|
||
}
|
||
|
||
} catch (error) {
|
||
console.error('标签打印失败:', error);
|
||
uni.$u.toast('操作失败，请重试');
|
||
}
|
||
}
|
||
const initPrint = () => {
|
||
if (state.sendData == null) {
|
||
// uni.$u.toast('请先生成指令')
|
||
return
|
||
}
|
||
state.printState = '1';
|
||
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);
|
||
}
|
||
});
|
||
}
|
||
var i = 0;
|
||
realWriteData(sendloop, i);
|
||
state.printState = '0';
|
||
}
|
||
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> |