329 lines
8.4 KiB
Vue
329 lines
8.4 KiB
Vue
<template>
|
||
<view class="weightPages">
|
||
<view class="content ">
|
||
<view class="status">{{textLink}}</view>
|
||
<view class="text">{{text}}</view>
|
||
<view class="image">
|
||
<image src="/pageTwo/static/HC.png" class="image3"></image>
|
||
</view>
|
||
<view class="tips">
|
||
<view>提示：</view>
|
||
<text>1.请确定设备已开机</text>
|
||
<text>2.请确定手机蓝牙及位置信息已打开</text>
|
||
</view>
|
||
</view>
|
||
<!-- 手动记录 -->
|
||
<view class="wrapper" v-if="isHeight">
|
||
<view class="bg"></view>
|
||
<view class="Blue">
|
||
<view class="h4">测量结果提示</view>
|
||
<view class="Blue-box">
|
||
本次测量身高为：<text>{{height}}{{unit}}</text>
|
||
</view>
|
||
<view class="Blue-box">
|
||
上次测量体重为：<input v-model="weight" type="digit" placeholder="请输入体重" />kg
|
||
</view>
|
||
<view class="Blue-btn Blue-close" @click="handleHeight">重新测量</view>
|
||
<view class="Blue-btn" @click="handleGetMeasure">保存测量结果</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
mapState
|
||
} from "vuex";
|
||
let myTime;
|
||
export default {
|
||
data() {
|
||
return {
|
||
text: "",
|
||
weight: "",
|
||
height: "",
|
||
deviceId: "",
|
||
macAddr: "",
|
||
unit: "cm",
|
||
Unload: false,
|
||
isHeight: false,
|
||
isConnection: 0,
|
||
isdevice: false,
|
||
textLink: ""
|
||
}
|
||
},
|
||
computed: {
|
||
...mapState(["user", "isConnected", "isBluetoothTyle"]),
|
||
userInfo() {
|
||
return this.user
|
||
}
|
||
},
|
||
onUnload: function() {
|
||
let that = this
|
||
if (!that.Unload) {
|
||
clearTimeout(myTime)
|
||
that.closeBLEConnection()
|
||
that.closeBluetoothAdapter()
|
||
console.log("页面返回onUnload")
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
let that = this
|
||
that.weight = that.userInfo.weight
|
||
that.deviceId = options.deviceId
|
||
that.createBLEConnection()
|
||
that.onBLEConnectionStateChange()
|
||
uni.onBluetoothAdapterStateChange(function(res) {
|
||
that.$store.commit("changeBluetooth", res.available);
|
||
})
|
||
},
|
||
watch: {
|
||
isConnected: function() {
|
||
let that = this
|
||
if (!that.isConnected) {
|
||
let text = '测量过程中已与设备连接中断，请重新连接设备再开始测量'
|
||
that.$tools.showModal(text)
|
||
}
|
||
},
|
||
isBluetoothTyle: function() {
|
||
let that = this
|
||
if (!that.isBluetoothTyle) {
|
||
let text = '蓝牙已关闭，请重新打开蓝牙后再开始测量'
|
||
that.$tools.showModal(text)
|
||
}
|
||
},
|
||
},
|
||
methods: {
|
||
// 连接蓝牙
|
||
createBLEConnection() {
|
||
let that = this;
|
||
uni.createBLEConnection({
|
||
deviceId: that.deviceId,
|
||
success: res => {
|
||
that.textLink = "蓝牙连接中"
|
||
setTimeout(function() {
|
||
that.getBLEDeviceServices()
|
||
}, 1000)
|
||
},
|
||
fail: res => {
|
||
that.textLink = "设备连接失败，返回首页重新连接"
|
||
console.log("设备连接失败，请重新连接", res, that.deviceId);
|
||
}
|
||
});
|
||
},
|
||
/**
|
||
* 获取设备的UUID
|
||
*/
|
||
getBLEDeviceServices() {
|
||
let serviceList = [];
|
||
let that = this;
|
||
uni.getBLEDeviceServices({
|
||
deviceId: that.deviceId,
|
||
success: res => {
|
||
console.log("获取设备的UUID成功", res, that.deviceId)
|
||
serviceList = res.services;
|
||
for (let i = 0; i < serviceList.length; i++) {
|
||
let service = serviceList[i];
|
||
if (service.uuid.indexOf("FFF0") != -1) {
|
||
that.serviceId = service.uuid;
|
||
that.getBLEDeviceCharacteristics();
|
||
console.log("设备的FFE0的serviceId： " + that.serviceId);
|
||
break;
|
||
}
|
||
}
|
||
},
|
||
fail: res => {
|
||
that.textLink = "设备连接失败，返回首页重新连接"
|
||
console.log('获取设备的UUID失败:', res)
|
||
}
|
||
});
|
||
},
|
||
/**
|
||
* 获取指定服务的特征值
|
||
*/
|
||
getBLEDeviceCharacteristics() {
|
||
let that = this;
|
||
uni.getBLEDeviceCharacteristics({
|
||
deviceId: that.deviceId,
|
||
serviceId: that.serviceId,
|
||
success: res => {
|
||
// * 读read: true, //,写write: true, //,通知notify: true
|
||
for (let i = 0; i < res.characteristics.length; i++) {
|
||
let item = res.characteristics[i];
|
||
if (item.uuid.indexOf('0000FFF1') != -1) {
|
||
that.notify = item.uuid
|
||
} else if (item.uuid.indexOf('0000FFF2') != -1) {
|
||
that.write = item.uuid
|
||
}
|
||
}
|
||
that.textLink = "蓝牙连接成功，请开始测量"
|
||
uni.notifyBLECharacteristicValueChange({
|
||
deviceId: that.deviceId,
|
||
serviceId: that.serviceId,
|
||
characteristicId: that.notify,
|
||
state: true,
|
||
})
|
||
uni.notifyBLECharacteristicValueChange({
|
||
deviceId: that.deviceId,
|
||
serviceId: that.serviceId,
|
||
characteristicId: that.write,
|
||
state: true,
|
||
})
|
||
that.notifyBLECharacteristicValue()
|
||
},
|
||
fail: res => {
|
||
console.log('获取特征值失败:', JSON.stringify(res))
|
||
}
|
||
})
|
||
},
|
||
// 接收蓝牙数据
|
||
notifyBLECharacteristicValue() {
|
||
let that = this;
|
||
uni.notifyBLECharacteristicValueChange({
|
||
state: true, // 启用 notify 功能
|
||
deviceId: that.deviceId,
|
||
serviceId: that.serviceId,
|
||
characteristicId: that.notify,
|
||
success(res) {
|
||
uni.onBLECharacteristicValueChange(function(res) {
|
||
let value = that.$tools.ab2hex(res.value, "");
|
||
let data = parseInt(value.substring(7, 10), 16)
|
||
let unit = parseInt(value.substring(10, 12))
|
||
let digit = parseInt(value.substring(12, 14))
|
||
if (unit == "1") {
|
||
that.unit = "inch"
|
||
}
|
||
if (unit == "2") {
|
||
that.unit = "ft：in"
|
||
}
|
||
if (digit == "1") {
|
||
data = data / 10
|
||
}
|
||
if (digit == "2") {
|
||
data = data / 100
|
||
}
|
||
if (Number(data) < 20) {
|
||
that.text = "操作错误，请重新测量"
|
||
} else {
|
||
that.height = data
|
||
that.text = "您的身高是：" + data + that.unit
|
||
that.isHeight = true
|
||
}
|
||
console.log("G02", value, data)
|
||
})
|
||
},
|
||
fail(res) {
|
||
console.log("测量失败", res.value);
|
||
}
|
||
})
|
||
},
|
||
// 保存测量结果
|
||
handleGetMeasure() {
|
||
let that = this
|
||
if (!that.weight) {
|
||
this.$tools.msg("请输入体重")
|
||
return
|
||
}
|
||
that.$model.getmeasurefunit({
|
||
adc: 0,
|
||
weight: that.weight,
|
||
height: that.height,
|
||
aud_id: that.userInfo.id
|
||
}).then(res => {
|
||
that.isHeight = false
|
||
if (res.code == 0) {
|
||
that.$store.dispatch("getResult", {
|
||
aud_id: uni.getStorageSync('userid')
|
||
})
|
||
that.$store.dispatch('getUserInfo', {
|
||
aud_id: uni.getStorageSync('userid')
|
||
})
|
||
that.$tools.msg("测量成功")
|
||
} else {
|
||
that.$tools.msg("测量失败")
|
||
}
|
||
that.Unload = true
|
||
uni.switchTab({
|
||
url: "/pages/home/home"
|
||
})
|
||
setTimeout(function() {
|
||
that.closeBLEConnection()
|
||
that.closeBluetoothAdapter()
|
||
}, 500)
|
||
})
|
||
},
|
||
handleHeight() {
|
||
let that = this
|
||
that.isHeight = false
|
||
that.height = ""
|
||
that.text = ""
|
||
// let j = Number(2 + 3).toString(16)
|
||
// let str = "5A0203" + j.substr(j.length - 2, 2)
|
||
// let buf = new Uint8Array(str.match(/[\da-f]{2}/gi).map(function(h) {
|
||
// return parseInt(h, 16)
|
||
// }))
|
||
// uni.writeBLECharacteristicValue({
|
||
// deviceId: that.info.deviceId,
|
||
// serviceId: that.info.serviceId,
|
||
// characteristicId: that.info.write,
|
||
// value: buf.buffer,
|
||
// success: res => {
|
||
// console.log('下发指令成功', res.errMsg)
|
||
// },
|
||
// fail: res => {
|
||
// console.log("下发指令失败", res);
|
||
// },
|
||
// })
|
||
},
|
||
// 监听蓝牙连接状态
|
||
onBLEConnectionStateChange() {
|
||
let that = this
|
||
uni.onBLEConnectionStateChange(function(res) {
|
||
console.log("监听蓝牙连接状态", res.connected)
|
||
that.$store.commit("changeConnected", res.connected);
|
||
})
|
||
},
|
||
/**
|
||
* 断开蓝牙模块
|
||
*/
|
||
closeBluetoothAdapter() {
|
||
let that = this;
|
||
uni.closeBluetoothAdapter({
|
||
success: res => {
|
||
console.log('蓝牙模块关闭成功');
|
||
}
|
||
})
|
||
},
|
||
/**
|
||
* 断开蓝牙连接
|
||
*/
|
||
closeBLEConnection() {
|
||
var that = this;
|
||
uni.closeBLEConnection({
|
||
deviceId: that.deviceId,
|
||
success: res => {
|
||
console.log('断开蓝牙连接成功');
|
||
that.$store.commit("changeConnected", false);
|
||
}
|
||
});
|
||
},
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.image3 {
|
||
width: 200px !important;
|
||
height: 340px !important;
|
||
}
|
||
|
||
.status {
|
||
width: 70%;
|
||
font-size: 16px;
|
||
height: 35px;
|
||
line-height: 35px;
|
||
text-align: center;
|
||
border-radius: 15px;
|
||
margin: 15px auto;
|
||
background-color: #ffdda6;
|
||
}
|
||
</style> |