409 lines
11 KiB
Vue
409 lines
11 KiB
Vue
<template>
|
||
<view class="weightPages">
|
||
<view class="content">
|
||
<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="desc" v-if="status==1&&!isChild">
|
||
<view>大人先称重</view>
|
||
<text>体重稳定后再抱着宝宝称重</text>
|
||
</view>
|
||
<view class="desc" v-if="status==1&&isChild">
|
||
<view>抱上宝宝称重</view>
|
||
<text>完成后会自动计算出宝宝的体重</text>
|
||
</view>
|
||
<view class="text">{{text}}</view>
|
||
<view class="text" v-if="status==1">{{childWeight}}</view>
|
||
<view class="image">
|
||
<image src="/BLEPages/static/B03B02.gif" class="image3" v-if="status!=-1"></image>
|
||
<image src="/BLEPages/static/B03B03.gif" class="image3" v-if="isChild"></image>
|
||
</view>
|
||
<view class="tips">
|
||
<text>提示：</text>
|
||
<text>1.请确定设备是开机状态</text>
|
||
<text>2.请确定手机蓝牙、位置信息已打开</text>
|
||
<text>3.ios系统需打开设置—>应用—>微信里的蓝牙权限</text>
|
||
</view>
|
||
</view>
|
||
<view class="wrapper" v-if="isHeight">
|
||
<view class="bg"></view>
|
||
<view class="Blue">
|
||
<view class="h4">测量结果提示</view>
|
||
<view class="Blue-box">
|
||
{{status==1?'宝宝的':'您的'}}体重为：<text>{{weight}}{{unit=='jin'?'斤':unit}}</text>
|
||
</view>
|
||
<view class="Blue-box">
|
||
身高为：<input v-model="height" type="digit" placeholder="请输入" style="width: 60%;" />cm
|
||
</view>
|
||
<view class="Blue-btn Blue-close" @click="handleBack(1)">取消</view>
|
||
<view class="Blue-btn" @click="handleGetMeasure">保存</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
mapState
|
||
} from "vuex";
|
||
let myTime
|
||
let realTimeA = 0
|
||
let realTimeC = 0
|
||
export default {
|
||
data() {
|
||
return {
|
||
text: "",
|
||
weight: "",
|
||
unit: "kg",
|
||
height: "",
|
||
childWeight: "",
|
||
isChild: false,
|
||
status: -1, // 0大人1婴儿
|
||
imp: 0,
|
||
macAddr: "",
|
||
deviceId: "",
|
||
serviceId: "",
|
||
Unload: false,
|
||
stopblue: true,
|
||
isHeight: false,
|
||
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()
|
||
console.log("测量页返回1")
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
let that = this
|
||
that.text = ""
|
||
that.height = that.info.height
|
||
if (options && options.deviceId) {
|
||
that.deviceId = options.deviceId
|
||
that.openBluetoothAdapter()
|
||
}
|
||
// 导航栏颜色
|
||
uni.setNavigationBarColor({
|
||
frontColor: '#ffffff',
|
||
backgroundColor: this.appTheme,
|
||
})
|
||
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) {
|
||
that.isHeight = true
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
// 初始化蓝牙
|
||
openBluetoothAdapter() {
|
||
let that = this
|
||
that.text = ""
|
||
realTimeA = 0
|
||
realTimeC = 0
|
||
that.childWeight = ""
|
||
that.isChild = false
|
||
that.stopblue = true
|
||
that.isHeight = false
|
||
uni.openBluetoothAdapter({
|
||
success: e => {
|
||
that.isConnection = 0
|
||
that.startBluetoothDeviceDiscovery()
|
||
},
|
||
fail: e => {
|
||
that.isConnection = 2
|
||
that.$tools.msg("请确定设备是开机状态、手机蓝牙权限已打开！")
|
||
}
|
||
});
|
||
},
|
||
// 开始搜寻附近的蓝牙外围设备
|
||
startBluetoothDeviceDiscovery() {
|
||
let that = this
|
||
uni.startBluetoothDevicesDiscovery({
|
||
allowDuplicatesKey: true,
|
||
// services: [
|
||
// "F0A0",
|
||
// ],
|
||
success: res => {
|
||
that.isConnection = 0
|
||
that.onBluetoothDeviceFound();
|
||
},
|
||
fail: res => {
|
||
that.isConnection = 2
|
||
that.$tools.msg("请确定设备是开机状态、手机蓝牙权限已打开！")
|
||
}
|
||
});
|
||
},
|
||
// 监听蓝牙连接状态
|
||
onBLEConnectionStateChange() {
|
||
let that = this
|
||
uni.onBLEConnectionStateChange(function(res) {
|
||
console.log("监听蓝牙连接状态", res.connected)
|
||
if (!res.connected) {
|
||
clearTimeout(myTime);
|
||
that.Unload = true
|
||
that.text = ""
|
||
realTimeA = 0
|
||
realTimeC = 0
|
||
that.childWeight = ""
|
||
that.isChild = false
|
||
that.stopblue = true
|
||
that.isHeight = false
|
||
that.isConnection = 2
|
||
that.stopBluetoothDevicesDiscovery()
|
||
that.closeBLEConnection()
|
||
that.closeBluetoothAdapter()
|
||
}
|
||
that.$store.commit("changeConnected", res.connected);
|
||
})
|
||
},
|
||
/**
|
||
* 停止搜索蓝牙设备
|
||
*/
|
||
stopBluetoothDevicesDiscovery() {
|
||
uni.stopBluetoothDevicesDiscovery({
|
||
success: e => {
|
||
console.log("停止搜索蓝牙设备", e)
|
||
},
|
||
});
|
||
},
|
||
/**
|
||
* 发现外围设备
|
||
*/
|
||
onBluetoothDeviceFound() {
|
||
var that = this;
|
||
|
||
function PrefixZero(num, n) {
|
||
return (Array(n).join(0) + num).slice(-n);
|
||
}
|
||
uni.onBluetoothDeviceFound(res => {
|
||
res.devices.forEach(device => {
|
||
device.advertisData = device.advertisData ? device.advertisData : ''
|
||
//
|
||
if (!device.name && !device.localName) {
|
||
let value = that.$tools.ab2hex(device.advertisData, "")
|
||
let id = value.substring(12, 16)
|
||
|
||
if (value.indexOf('c0') !== -1 && id == '0a11') {
|
||
clearTimeout(myTime);
|
||
let buff = device.advertisData.slice(-6)
|
||
device.mac = new Uint8Array(buff) // 保存广播数据中的mac地址，这是由于iOS不直接返回mac地址
|
||
let tempMac = Array.from(device.mac)
|
||
device.macAddr = that.$tools.ab2hex(tempMac, ':').toUpperCase()
|
||
|
||
if (device.deviceId.indexOf(that.deviceId) !== -1 || device.macAddr
|
||
.indexOf(that.deviceId) !== -1) {
|
||
that.isConnection = 1
|
||
let msg = parseInt(value.substring(16, 18), 16).toString(2)
|
||
let weight = parseInt(value.substring(4, 8), 16)
|
||
let type = PrefixZero(msg, 8).substring(7, 8) //0实时,1稳定
|
||
let num = PrefixZero(msg, 8).substring(5, 7) //小数点
|
||
let unit = PrefixZero(msg, 8).substring(3, 5) //单位
|
||
that.status = PrefixZero(msg, 8).substring(2, 3) //设备类型
|
||
let dw = 'kg'
|
||
console.log("value", that.status, weight)
|
||
if (unit == "10") {
|
||
that.unit = "lb"
|
||
dw = 'lb'
|
||
}
|
||
if (unit == "01") {
|
||
that.unit = "jin"
|
||
dw = "斤"
|
||
}
|
||
if (num == "00") {
|
||
weight = parseInt(value.substring(4, 8), 16) / 10
|
||
}
|
||
if (num == "10") {
|
||
if (unit == "10") {
|
||
weight = parseInt(value.substring(4, 8), 16) / 10
|
||
} else {
|
||
weight = parseInt(value.substring(4, 8), 16) / 100
|
||
}
|
||
}
|
||
if (type == 0) {
|
||
if (realTimeA == 0) {
|
||
that.text = "您的实时体重是：" + weight + dw
|
||
} else {
|
||
realTimeC++
|
||
that.childWeight = "宝宝的实时体重是：" + weight + dw
|
||
}
|
||
|
||
console.log("实时realTime", realTimeA)
|
||
}
|
||
if (that.status == 1) {
|
||
//抱婴模式
|
||
if (type == 1) {
|
||
realTimeA++
|
||
if (realTimeC == 0) {
|
||
that.text = "您的稳定体重是：" + weight + dw
|
||
that.isChild = true
|
||
} else {
|
||
that.childWeight = "宝宝的稳定体重是：" + weight + dw
|
||
that.macAddr = device.macAddr
|
||
that.deviceId = device.deviceId;
|
||
that.weight = weight
|
||
that.stopblue = false
|
||
that.stopBluetoothDevicesDiscovery()
|
||
}
|
||
console.log("稳定realTime", realTimeA, realTimeC)
|
||
}
|
||
|
||
|
||
} else {
|
||
// 身高体重模式
|
||
if (type == 1) {
|
||
that.text = "您的稳定体重是：" + weight + dw
|
||
that.macAddr = device.macAddr
|
||
that.deviceId = device.deviceId;
|
||
that.weight = weight
|
||
that.stopblue = false
|
||
that.stopBluetoothDevicesDiscovery()
|
||
console.log("测量完成", that.weight, that.unit)
|
||
}
|
||
}
|
||
return
|
||
}
|
||
return
|
||
}
|
||
}
|
||
})
|
||
});
|
||
that.handleMyTime()
|
||
},
|
||
handleMyTime() {
|
||
var that = this;
|
||
myTime = setTimeout(function() {
|
||
if (!that.macAddr) {
|
||
clearTimeout(myTime);
|
||
that.Unload = true
|
||
that.isConnection = 2
|
||
that.startBluetoothDeviceDiscovery()
|
||
that.closeBLEConnection()
|
||
that.closeBluetoothAdapter()
|
||
}
|
||
}, 30000);
|
||
},
|
||
// 保存测量结果
|
||
handleGetMeasure() {
|
||
let that = this
|
||
that.$model.getmeasurefunit({
|
||
weight: that.weight + that.unit,
|
||
imp: 0,
|
||
ecode: that.macAddr,
|
||
height: that.height,
|
||
familyid: that.info.familyid,
|
||
}).then(res => {
|
||
that.isHeight = false
|
||
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.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(ind) {
|
||
let that = this
|
||
that.Unload = true
|
||
that.isHeight = false
|
||
clearTimeout(myTime)
|
||
that.stopBluetoothDevicesDiscovery() //取消蓝牙搜索
|
||
that.closeBLEConnection()
|
||
that.closeBluetoothAdapter()
|
||
if (ind == 1) {
|
||
uni.switchTab({
|
||
url: "/pages/index/index"
|
||
})
|
||
}
|
||
},
|
||
/**
|
||
* 断开蓝牙模块
|
||
*/
|
||
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">
|
||
.image3 {
|
||
width: 200px !important;
|
||
height: 340px !important;
|
||
}
|
||
|
||
.desc {
|
||
width: 100%;
|
||
text-align: center;
|
||
font-size: 18px;
|
||
color: $uni-color-error;
|
||
|
||
text {
|
||
font-size: 14px;
|
||
}
|
||
}
|
||
</style> |