|
@@ -0,0 +1,258 @@
|
|
|
|
|
+<template>
|
|
|
|
|
+ <view>
|
|
|
|
|
+ <button @click="searchBle">搜索蓝牙打印机</button>
|
|
|
|
|
+ <view style="margin-top: 30upx;" :key="index" v-for="(item,index) in devices">
|
|
|
|
|
+ <button style="width: 400upx; color: #0081FF;" @click="onConn(item)">{{item.name}}</button>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <button style="margin-top: 100upx;" @click="senBleLabel()">标签打印</button>
|
|
|
|
|
+ <textarea @blur="bindTextAreaBlur" auto-height placeholder-style="color:#F76260" placeholder="请输入票据信息" v-model="piaojuText" />
|
|
|
|
|
+ <button style="margin-top: 100upx;" @click="billPrint()">票据打印</button>
|
|
|
|
|
+ </view>
|
|
|
|
|
+</template>
|
|
|
|
|
+
|
|
|
|
|
+<script>
|
|
|
|
|
+ var tsc = require('../../components/gprint/tsc.js')
|
|
|
|
|
+ var esc = require('../../components/gprint/esc.js')
|
|
|
|
|
+ export default {
|
|
|
|
|
+ data() {
|
|
|
|
|
+ return {
|
|
|
|
|
+ devices: [],
|
|
|
|
|
+ currDev: null,
|
|
|
|
|
+ connId: '',
|
|
|
|
|
+ piaojuText:'',
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ onLoad: function() {
|
|
|
|
|
+
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ destroyed: function() {
|
|
|
|
|
+ console.log("destroyed----------")
|
|
|
|
|
+ if (this.connId != '') {
|
|
|
|
|
+ uni.closeBLEConnection({
|
|
|
|
|
+ deviceId: this.connId,
|
|
|
|
|
+ success(res) {
|
|
|
|
|
+ console.log(res)
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ },
|
|
|
|
|
+ searchBle() {
|
|
|
|
|
+ var that = this
|
|
|
|
|
+ console.log("initBule")
|
|
|
|
|
+ uni.openBluetoothAdapter({
|
|
|
|
|
+ success(res) {
|
|
|
|
|
+ console.log("打开 蓝牙模块")
|
|
|
|
|
+ console.log(res)
|
|
|
|
|
+ that.onDevice()
|
|
|
|
|
+ uni.getBluetoothAdapterState({
|
|
|
|
|
+ success: function(res) {
|
|
|
|
|
+ console.log(res)
|
|
|
|
|
+ if (res.available) {
|
|
|
|
|
+ if (res.discovering) {
|
|
|
|
|
+ that.stopFindBule()
|
|
|
|
|
+ }
|
|
|
|
|
+ //搜索蓝牙
|
|
|
|
|
+ //开始搜寻附近的蓝牙外围设备
|
|
|
|
|
+ console.log("开始搜寻附近的蓝牙外围设备")
|
|
|
|
|
+ uni.startBluetoothDevicesDiscovery({
|
|
|
|
|
+ success(res) {
|
|
|
|
|
+ console.log(res)
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+
|
|
|
|
|
+ } else {
|
|
|
|
|
+ console.log('本机蓝牙不可用')
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+ onDevice(){
|
|
|
|
|
+ console.log("监听寻找到新设备的事件---------------")
|
|
|
|
|
+ var that = this
|
|
|
|
|
+ //监听寻找到新设备的事件
|
|
|
|
|
+ uni.onBluetoothDeviceFound(function(devices) {
|
|
|
|
|
+ console.log('--------------new-----------------------'+JSON.stringify(devices))
|
|
|
|
|
+ var re = JSON.parse(JSON.stringify(devices))
|
|
|
|
|
+ console.log(re.devices[0].name + " " + re.devices[0].deviceId)
|
|
|
|
|
+ let name = re.devices[0].name
|
|
|
|
|
+ if (name != "未知设备" && name != "") {
|
|
|
|
|
+ let deviceId = re.devices[0].deviceId
|
|
|
|
|
+ that.devices.push({
|
|
|
|
|
+ name: name,
|
|
|
|
|
+ deviceId: deviceId,
|
|
|
|
|
+ services: []
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ stopFindBule() {
|
|
|
|
|
+ console.log("停止搜寻附近的蓝牙外围设备---------------")
|
|
|
|
|
+ uni.stopBluetoothDevicesDiscovery({
|
|
|
|
|
+ success(res) {
|
|
|
|
|
+ console.log(res)
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+ onConn(item) {
|
|
|
|
|
+ var that = this
|
|
|
|
|
+ console.log("连接蓝牙---------------" + item.deviceId)
|
|
|
|
|
+ let deviceId = item.deviceId
|
|
|
|
|
+ uni.createBLEConnection({
|
|
|
|
|
+ deviceId: deviceId,
|
|
|
|
|
+ complete(res) {
|
|
|
|
|
+ if (res.errMsg == "createBLEConnection:ok") {
|
|
|
|
|
+ console.log("连接蓝牙-[" + item.name + "]--成功")
|
|
|
|
|
+ that.$msg("连接蓝牙-[" + item.name + "]--成功");
|
|
|
|
|
+ that.connId = deviceId;
|
|
|
|
|
+ that.currDev = item
|
|
|
|
|
+ setTimeout(function() {
|
|
|
|
|
+ that.getBLEServices(deviceId)
|
|
|
|
|
+ }, 2000)
|
|
|
|
|
+ } else {
|
|
|
|
|
+ console.log(res)
|
|
|
|
|
+ }
|
|
|
|
|
+ //连接成功 关闭搜索
|
|
|
|
|
+ that.stopFindBule()
|
|
|
|
|
+ },
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ getBLEServices(_deviceId) {
|
|
|
|
|
+ var that = this;
|
|
|
|
|
+ let deviceId = _deviceId
|
|
|
|
|
+ console.log("获取蓝牙设备所有服务(service)")
|
|
|
|
|
+
|
|
|
|
|
+ uni.getBLEDeviceServices({
|
|
|
|
|
+ // 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接
|
|
|
|
|
+ deviceId: deviceId,
|
|
|
|
|
+ complete(res) {
|
|
|
|
|
+ console.log(res)
|
|
|
|
|
+ let serviceId = ""
|
|
|
|
|
+
|
|
|
|
|
+ for (var s = 0; s < res.services.length; s++) {
|
|
|
|
|
+ console.log(res.services[s].uuid)
|
|
|
|
|
+ let serviceId = res.services[s].uuid
|
|
|
|
|
+ uni.getBLEDeviceCharacteristics({
|
|
|
|
|
+ // 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接
|
|
|
|
|
+ deviceId: deviceId,
|
|
|
|
|
+ // 这里的 serviceId 需要在 getBLEDeviceServices 接口中获取
|
|
|
|
|
+ serviceId: serviceId,
|
|
|
|
|
+ success(res) {
|
|
|
|
|
+ var re = JSON.parse(JSON.stringify(res))
|
|
|
|
|
+
|
|
|
|
|
+ console.log('deviceId = [' + deviceId + '] serviceId = [' + serviceId + ']')
|
|
|
|
|
+ for (var c = 0; c < re.characteristics.length; c++) {
|
|
|
|
|
+ if (re.characteristics[c].properties.write == true) {
|
|
|
|
|
+ let uuid = re.characteristics[c].uuid
|
|
|
|
|
+ console.log(' deviceId = [' + deviceId + '] serviceId = [' + serviceId + '] characteristics=[' +
|
|
|
|
|
+ uuid)
|
|
|
|
|
+
|
|
|
|
|
+ for (var index in that.devices) {
|
|
|
|
|
+ if (that.devices[index].deviceId == deviceId) {
|
|
|
|
|
+ that.devices[index].services.push({
|
|
|
|
|
+ serviceId: serviceId,
|
|
|
|
|
+ characteristicId: uuid
|
|
|
|
|
+ })
|
|
|
|
|
+ break
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+ console.log(JSON.stringify(that.devices))
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ },
|
|
|
|
|
+ fail(res) {
|
|
|
|
|
+ console.log(res)
|
|
|
|
|
+ },
|
|
|
|
|
+ })
|
|
|
|
|
+
|
|
|
|
|
+ },
|
|
|
|
|
+ senBlData(deviceId, serviceId, characteristicId,uint8Array) {
|
|
|
|
|
+ console.log('************deviceId = [' + deviceId + '] serviceId = [' + serviceId + '] characteristics=[' +characteristicId+ "]")
|
|
|
|
|
+ var uint8Buf = Array.from(uint8Array);
|
|
|
|
|
+ function split_array(datas,size){
|
|
|
|
|
+ var result = {};
|
|
|
|
|
+ var j = 0
|
|
|
|
|
+ for (var i = 0; i < datas.length; i += size) {
|
|
|
|
|
+ result[j] = datas.slice(i, i + size)
|
|
|
|
|
+ j++
|
|
|
|
|
+ }
|
|
|
|
|
+ console.log(result)
|
|
|
|
|
+ return result
|
|
|
|
|
+ }
|
|
|
|
|
+ var sendloop = split_array(uint8Buf, 20);
|
|
|
|
|
+ // console.log(sendloop.length)
|
|
|
|
|
+ function realWriteData(sendloop, i) {
|
|
|
|
|
+ var data = sendloop[i]
|
|
|
|
|
+ if(typeof(data) == "undefined"){
|
|
|
|
|
+ return
|
|
|
|
|
+ }
|
|
|
|
|
+ console.log("第【" + i + "】次写数据"+data)
|
|
|
|
|
+ var buffer = new ArrayBuffer(data.length)
|
|
|
|
|
+ var dataView = new DataView(buffer)
|
|
|
|
|
+ for (var j = 0; j < data.length; j++) {
|
|
|
|
|
+ dataView.setUint8(j, data[j]);
|
|
|
|
|
+ }
|
|
|
|
|
+ uni.writeBLECharacteristicValue({
|
|
|
|
|
+ deviceId,
|
|
|
|
|
+ serviceId,
|
|
|
|
|
+ characteristicId,
|
|
|
|
|
+ value: buffer,
|
|
|
|
|
+ success(res) {
|
|
|
|
|
+ realWriteData(sendloop, i + 1);
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ var i = 0;
|
|
|
|
|
+ realWriteData(sendloop, i);
|
|
|
|
|
+ },
|
|
|
|
|
+ senBleLabel() {
|
|
|
|
|
+ //标签模式
|
|
|
|
|
+ let deviceId = this.currDev.deviceId;
|
|
|
|
|
+ let serviceId = this.currDev.services[0].serviceId;
|
|
|
|
|
+ let characteristicId = this.currDev.services[0].characteristicId;
|
|
|
|
|
+ var command = tsc.jpPrinter.createNew()
|
|
|
|
|
+ command.setSize(40, 30)
|
|
|
|
|
+ command.setGap(2)
|
|
|
|
|
+ command.setCls()
|
|
|
|
|
+ // command.setText(50, 10, "TSS24.BF2", 1, 1, "打印测试")
|
|
|
|
|
+ // command.setQR(50, 50, "L", 5, "A", "977767937@qq.com")
|
|
|
|
|
+ command.setText(10, 50, "TSS24.BF2", 1, 1, "收花人姓名:小明")
|
|
|
|
|
+ command.setText(10, 90, "TSS24.BF2", 1, 1, "收花人电话:15280215347")
|
|
|
|
|
+ command.setText(10, 130, "TSS24.BF2", 1, 1, "收花时间:2020-6-10 上午")
|
|
|
|
|
+ command.setText(10, 170, "TSS24.BF2", 1, 1, "收花地址:厦门市集美区凤林前山路147号110室")
|
|
|
|
|
+ command.setPagePrint()
|
|
|
|
|
+ this.senBlData(deviceId, serviceId, characteristicId,command.getData())
|
|
|
|
|
+ },
|
|
|
|
|
+ billPrint(){
|
|
|
|
|
+ //票据模式
|
|
|
|
|
+ let deviceId = this.currDev.deviceId;
|
|
|
|
|
+ let serviceId = this.currDev.services[0].serviceId;
|
|
|
|
|
+ let characteristicId = this.currDev.services[0].characteristicId;
|
|
|
|
|
+ var command = esc.jpPrinter.createNew()
|
|
|
|
|
+ command.init()
|
|
|
|
|
+ command.setText(this.piaojuText);
|
|
|
|
|
+ command.setPrintAndFeedRow(1)
|
|
|
|
|
+ this.senBlData(deviceId, serviceId, characteristicId,command.getData())
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+</script>
|
|
|
|
|
+
|
|
|
|
|
+<style>
|
|
|
|
|
+
|
|
|
|
|
+</style>
|