421 lines
11 KiB
Vue
421 lines
11 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<view class="content weightPages">
|
|||
|
|
<view class="title" v-if="isConnection == 0">连接中，请稍后</view>
|
|||
|
|
<view class="title" v-if="isConnection == 1">连接成功，请开始测量</view>
|
|||
|
|
<view class="title" v-if="isConnection == 2" @click="openBluetoothAdapter">连接失败，点击重新连接</view>
|
|||
|
|
<view class="text">{{text}}</view>
|
|||
|
|
<view class="image">
|
|||
|
|
<image src="/BLEPages/static/L01.gif"></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="tips">
|
|||
|
|
<text>提示：</text>
|
|||
|
|
<text>1.请确定设备是开机状态</text>
|
|||
|
|
<text>2.请确定手机蓝牙、位置信息已打开</text>
|
|||
|
|
<text>3.ios系统需打开设置—>应用—>微信里的蓝牙权限</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
mapState
|
|||
|
|
} from "vuex";
|
|||
|
|
var myTime;
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
text: "",
|
|||
|
|
height: "",
|
|||
|
|
weight: "",
|
|||
|
|
imp: 0,
|
|||
|
|
type: 1,
|
|||
|
|
uuid1: "",
|
|||
|
|
uuid2: "",
|
|||
|
|
uuid3: "",
|
|||
|
|
macAddr: "",
|
|||
|
|
deviceId: "",
|
|||
|
|
serviceId: "",
|
|||
|
|
Unload: false,
|
|||
|
|
pageNav: false,
|
|||
|
|
stopblue: true,
|
|||
|
|
isConnection: 0, //是否连接成功
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
...mapState(["user", "isConnected", "isBluetoothTyle", "appTheme"]),
|
|||
|
|
info() {
|
|||
|
|
return this.user
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onUnload: function() {
|
|||
|
|
let that = this
|
|||
|
|
if (!that.Unload) {
|
|||
|
|
that.stopBluetoothDevicesDiscovery() //取消蓝牙搜索
|
|||
|
|
clearTimeout(myTime);
|
|||
|
|
that.closeBLEConnection()
|
|||
|
|
that.closeBluetoothAdapter()
|
|||
|
|
uni.switchTab({
|
|||
|
|
url: "/pages/index/index"
|
|||
|
|
})
|
|||
|
|
console.log("测量页返回1")
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(options) {
|
|||
|
|
let that = this
|
|||
|
|
// 导航栏颜色
|
|||
|
|
uni.setNavigationBarColor({
|
|||
|
|
frontColor: '#ffffff',
|
|||
|
|
backgroundColor: this.appTheme,
|
|||
|
|
})
|
|||
|
|
//
|
|||
|
|
that.text = ""
|
|||
|
|
if (options && options.deviceId) {
|
|||
|
|
that.deviceId = options.deviceId
|
|||
|
|
that.closeBLEConnection()
|
|||
|
|
that.closeBluetoothAdapter()
|
|||
|
|
that.openBluetoothAdapter()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
that.onBLEConnectionStateChange()
|
|||
|
|
uni.onBluetoothAdapterStateChange(function(res) {
|
|||
|
|
that.$store.commit("changeBluetooth", res.available);
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
watch: {
|
|||
|
|
isConnected: function() {
|
|||
|
|
let that = this
|
|||
|
|
if (!that.isConnected) {
|
|||
|
|
that.handleBack()
|
|||
|
|
that.isConnection = 2
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
isBluetoothTyle: function() {
|
|||
|
|
let that = this
|
|||
|
|
if (!that.isBluetoothTyle) {
|
|||
|
|
that.handleBack()
|
|||
|
|
that.isConnection = 2
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
stopblue: function() {
|
|||
|
|
let that = this
|
|||
|
|
if (!that.stopblue) {
|
|||
|
|
console.log("停止成功", that.weight, that.imp)
|
|||
|
|
if (that.imp == 0) {
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: "体脂测量失败，是否保存本次测量结果？",
|
|||
|
|
cancelText: "放弃",
|
|||
|
|
confirmText: "保存",
|
|||
|
|
success(res) {
|
|||
|
|
if (res.confirm) {
|
|||
|
|
that.imp = 0
|
|||
|
|
that.handleGetMeasure()
|
|||
|
|
} else {
|
|||
|
|
that.Unload = true
|
|||
|
|
that.startBluetoothDeviceDiscovery()
|
|||
|
|
that.closeBLEConnection()
|
|||
|
|
that.closeBluetoothAdapter()
|
|||
|
|
uni.switchTab({
|
|||
|
|
url: "/pages/index/index"
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
that.handleGetMeasure()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 初始化蓝牙
|
|||
|
|
openBluetoothAdapter() {
|
|||
|
|
let that = this
|
|||
|
|
that.text = ""
|
|||
|
|
that.stopblue = true
|
|||
|
|
uni.openBluetoothAdapter({
|
|||
|
|
success: e => {
|
|||
|
|
that.isConnection = 0
|
|||
|
|
that.startBluetoothDeviceDiscovery()
|
|||
|
|
},
|
|||
|
|
fail: e => {
|
|||
|
|
that.isConnection = 2
|
|||
|
|
that.$tools.msg("请确定设备是开机状态、手机蓝牙权限已打开！")
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// 开始搜寻附近的蓝牙外围设备
|
|||
|
|
startBluetoothDeviceDiscovery() {
|
|||
|
|
let that = this
|
|||
|
|
uni.startBluetoothDevicesDiscovery({
|
|||
|
|
allowDuplicatesKey: false,
|
|||
|
|
interval: 100, //上报设备的间隔
|
|||
|
|
services: [],
|
|||
|
|
success: res => {
|
|||
|
|
that.isConnection = 0
|
|||
|
|
that.onBluetoothDeviceFound();
|
|||
|
|
},
|
|||
|
|
fail: res => {
|
|||
|
|
that.isConnection = 2
|
|||
|
|
that.$tools.msg("请确定设备是开机状态、手机蓝牙权限已打开！")
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 发现外围设备
|
|||
|
|
*/
|
|||
|
|
onBluetoothDeviceFound() {
|
|||
|
|
var that = this;
|
|||
|
|
that.isConnection = 0
|
|||
|
|
uni.onBluetoothDeviceFound(res => {
|
|||
|
|
res.devices.forEach(device => {
|
|||
|
|
if (!device.name && !device.localName) {
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if (device.name.indexOf("FitTrack") !== -1 || device.name.indexOf("SWAN") !== -1) {
|
|||
|
|
clearTimeout(myTime);
|
|||
|
|
let buff = device.advertisData.slice(2, 8)
|
|||
|
|
device.mac = new Uint8Array(buff) // 保存广播数据中的mac地址，这是由于iOS不直接返回mac地址
|
|||
|
|
let tempMac = Array.from(device.mac)
|
|||
|
|
tempMac.reverse()
|
|||
|
|
device.macAddr = that.$tools.ab2hex(tempMac, ':').toUpperCase()
|
|||
|
|
if (device.deviceId.indexOf(that.deviceId) != -1 || device.macAddr.indexOf(that
|
|||
|
|
.deviceId) != -1) {
|
|||
|
|
that.stopBluetoothDevicesDiscovery()
|
|||
|
|
that.macAddr = device.macAddr
|
|||
|
|
that.deviceId = device.deviceId;
|
|||
|
|
that.createBLEConnection()
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
that.handleMyTime()
|
|||
|
|
},
|
|||
|
|
handleMyTime() {
|
|||
|
|
var that = this;
|
|||
|
|
myTime = setTimeout(function() {
|
|||
|
|
if (!that.macAddr) {
|
|||
|
|
clearTimeout(myTime);
|
|||
|
|
that.Unload = true
|
|||
|
|
that.isConnection = 2
|
|||
|
|
that.closeBLEConnection()
|
|||
|
|
that.closeBluetoothAdapter()
|
|||
|
|
}
|
|||
|
|
}, 20000);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 停止搜索蓝牙设备
|
|||
|
|
*/
|
|||
|
|
stopBluetoothDevicesDiscovery() {
|
|||
|
|
uni.stopBluetoothDevicesDiscovery({
|
|||
|
|
success: e => {
|
|||
|
|
console.log("停止搜索蓝牙设备", e)
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// 监听蓝牙连接状态
|
|||
|
|
onBLEConnectionStateChange() {
|
|||
|
|
let that = this
|
|||
|
|
uni.onBLEConnectionStateChange(function(res) {
|
|||
|
|
console.log("监听蓝牙连接状态", res.connected)
|
|||
|
|
if (!res.connected) {
|
|||
|
|
that.Unload = true
|
|||
|
|
that.isConnection = 2
|
|||
|
|
clearTimeout(myTime);
|
|||
|
|
that.closeBLEConnection()
|
|||
|
|
that.closeBluetoothAdapter()
|
|||
|
|
}
|
|||
|
|
that.$store.commit("changeConnected", res.connected);
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// 连接蓝牙
|
|||
|
|
createBLEConnection() {
|
|||
|
|
let that = this;
|
|||
|
|
uni.createBLEConnection({
|
|||
|
|
deviceId: that.deviceId,
|
|||
|
|
success: res => {
|
|||
|
|
that.isConnection = 0
|
|||
|
|
that.getBLEDeviceServices();
|
|||
|
|
},
|
|||
|
|
fail: res => {
|
|||
|
|
that.isConnection = 2
|
|||
|
|
console.log("设备连接失败，请重新连接", res);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 获取设备的UUID
|
|||
|
|
*/
|
|||
|
|
getBLEDeviceServices() {
|
|||
|
|
let serviceList = [];
|
|||
|
|
let that = this;
|
|||
|
|
uni.getBLEDeviceServices({
|
|||
|
|
deviceId: that.deviceId,
|
|||
|
|
success: res => {
|
|||
|
|
console.log("获取设备的UUID成功", res)
|
|||
|
|
serviceList = res.services;
|
|||
|
|
for (let i = 0; i < serviceList.length; i++) {
|
|||
|
|
let service = serviceList[i];
|
|||
|
|
if (service.uuid.indexOf("FFB0") != -1) {
|
|||
|
|
that.isConnection = 1
|
|||
|
|
that.serviceId = service.uuid;
|
|||
|
|
that.getBLEDeviceCharacteristics();
|
|||
|
|
console.log("设备的FFB0的serviceId： " + that.serviceId);
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
fail: res => {
|
|||
|
|
console.log('获取设备的UUID失败:', res)
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 获取指定服务的特征值
|
|||
|
|
*/
|
|||
|
|
getBLEDeviceCharacteristics() {
|
|||
|
|
let characteristicsList = [];
|
|||
|
|
let that = this;
|
|||
|
|
uni.getBLEDeviceCharacteristics({
|
|||
|
|
deviceId: that.deviceId,
|
|||
|
|
serviceId: that.serviceId,
|
|||
|
|
success: res => {
|
|||
|
|
console.log("服务的特征值成功", res)
|
|||
|
|
for (let i = 0; i < res.characteristics.length; i++) {
|
|||
|
|
let item = res.characteristics[i];
|
|||
|
|
if (item.uuid.indexOf('FFB1') != -1) {
|
|||
|
|
that.uuid1 = item.uuid //下发数据
|
|||
|
|
} else if (item.uuid.indexOf('FFB2') != -1) {
|
|||
|
|
that.uuid2 = item.uuid //监听数据
|
|||
|
|
that.notifyBLECharacteristicValue()
|
|||
|
|
} else if (item.uuid.indexOf('FFB3') != -1) {
|
|||
|
|
that.uuid3 = item.uuid //写入设置
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
fail: res => {
|
|||
|
|
console.log('获取特征值失败:', JSON.stringify(res))
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 开启订阅特征值
|
|||
|
|
* read: true, //读,write: true, //写,notify: true, //广播
|
|||
|
|
*/
|
|||
|
|
notifyBLECharacteristicValue() {
|
|||
|
|
let that = this;
|
|||
|
|
uni.notifyBLECharacteristicValueChange({
|
|||
|
|
state: true, // 启用 notify 功能
|
|||
|
|
deviceId: that.deviceId,
|
|||
|
|
serviceId: that.serviceId,
|
|||
|
|
characteristicId: that.uuid2,
|
|||
|
|
success(res) {
|
|||
|
|
uni.onBLECharacteristicValueChange(function(res) {
|
|||
|
|
let value = that.$tools.ab2hex(res.value, "");
|
|||
|
|
let type = value.substring(4, 6)
|
|||
|
|
console.log("数据", value)
|
|||
|
|
if (value.substring(12, 14) == "ce") {
|
|||
|
|
that.text = "您的实时体重是：" + parseInt(value.substring(4, 8), 16) / 10 + 'kg'
|
|||
|
|
}
|
|||
|
|
if (value.substring(12, 14) == "ca") {
|
|||
|
|
that.weight = parseInt(value.substring(4, 8), 16) / 10 + 'kg'
|
|||
|
|
that.text = "您的稳定体重是：" + parseInt(value.substring(4, 8), 16) / 10 + 'kg'
|
|||
|
|
}
|
|||
|
|
if (type == 'fd') { //阻抗
|
|||
|
|
if (value.substring(6, 8) == "01") {
|
|||
|
|
that.imp = parseInt(value.substring(8, 12), 16)
|
|||
|
|
that.handleGetMeasure()
|
|||
|
|
}
|
|||
|
|
if (value.substring(6, 8) == "ff") {
|
|||
|
|
that.imp = 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (type == "fe") {
|
|||
|
|
if (value.substring(6, 8) == "10") {
|
|||
|
|
console.log("测量完成", that.weight, that.imp)
|
|||
|
|
that.stopblue = false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
fail(res) {
|
|||
|
|
console.log("测量失败", res.value);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// 保存测量结果
|
|||
|
|
handleGetMeasure() {
|
|||
|
|
let that = this
|
|||
|
|
that.$model.getmeasure({
|
|||
|
|
weight: that.weight,
|
|||
|
|
imp: that.imp,
|
|||
|
|
ecode: that.macAddr,
|
|||
|
|
height: that.info.height,
|
|||
|
|
familyid: that.info.familyid,
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.code == 0) {
|
|||
|
|
that.$tools.msg("测量成功")
|
|||
|
|
that.$store.dispatch("getUserInfo", {
|
|||
|
|
familyid: that.info.familyid,
|
|||
|
|
});
|
|||
|
|
that.$store.dispatch("getResult", {
|
|||
|
|
birthday: that.info.birthday,
|
|||
|
|
familyid: that.info.familyid,
|
|||
|
|
height: that.info.height,
|
|||
|
|
sex: that.info.sex,
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
console.log("测量失败", res.message)
|
|||
|
|
that.$tools.msg(res.message)
|
|||
|
|
}
|
|||
|
|
that.Unload = true
|
|||
|
|
setTimeout(function() {
|
|||
|
|
that.closeBLEConnection()
|
|||
|
|
that.closeBluetoothAdapter()
|
|||
|
|
uni.switchTab({
|
|||
|
|
url: "/pages/index/index"
|
|||
|
|
})
|
|||
|
|
}, 200)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
handleBack() {
|
|||
|
|
let that = this
|
|||
|
|
that.Unload = true
|
|||
|
|
clearTimeout(myTime)
|
|||
|
|
that.stopBluetoothDevicesDiscovery() //取消蓝牙搜索
|
|||
|
|
that.closeBLEConnection()
|
|||
|
|
that.closeBluetoothAdapter()
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 断开蓝牙模块
|
|||
|
|
*/
|
|||
|
|
closeBluetoothAdapter() {
|
|||
|
|
let that = this;
|
|||
|
|
uni.closeBluetoothAdapter({
|
|||
|
|
success: res => {
|
|||
|
|
console.log('蓝牙模块关闭成功');
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 断开蓝牙连接
|
|||
|
|
*/
|
|||
|
|
closeBLEConnection() {
|
|||
|
|
var that = this;
|
|||
|
|
uni.closeBLEConnection({
|
|||
|
|
deviceId: that.deviceId,
|
|||
|
|
success: res => {
|
|||
|
|
console.log('断开蓝牙连接成功');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
</style>
|