<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: "",
				height2: "",
				deviceId: "",
				macAddr: "",
				write: "",
				notify: "",
				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 (digit == "1") {
								data = data / 10
							}
							if (digit == "2") {
								data = data / 100
							}
							if (unit == "0") {
								that.unit = "cm"
							}
							if (unit == "1") {
								that.unit = "inch"
							}
							if (unit == "2") {
								that.unit = "ft"
							}
							if (Number(data) < 20) {
								that.text = "操作错误，请重新测量"
							} else {
								if (unit == "2") {
									let data1 = data / 12
									let data2 = Number(data1 - Math.floor(data1)) * 12
									that.height2 = data
									that.height = Math.floor(data1) + "'" + data2.toFixed(1)
								} else {
									that.height2 = data
									that.height = data
								}
								that.text = "您的身高是：" + that.height + that.unit
								that.isHeight = true
							}
							console.log("G02", value, unit, data, that.height, that.height2)
						})
					},
					fail(res) {
						console.log("测量失败", res.value);
					}
				})
			},
			// 保存测量结果
			handleGetMeasure() {
				let that = this
				let height = 0
				if (!that.weight) {
					that.$tools.msg("请输入体重")
					return
				}
				if (that.unit == 'ft') {
					height = Number(that.height2 * 2.54).toFixed(2)
				} else {
					height = that.height2
				}
				console.log("提交身高", height)
				that.$model.getmeasurefunit({
					adc: 0,
					weight: that.weight,
					height: 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.height = ""
				that.text = ""
				that.isHeight = false
				// 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.deviceId,
				// 	serviceId: that.serviceId,
				// 	characteristicId: that.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>