waterElectricityMinApp/pages/reshui/reshui.vue

<template>
	<view class="content">
		<view class="container">
			<view class="header">
				<view class="scan" @tap="scan()" hover-class="scan_hover">
					<text class="iconfont icon-saoma"></text>
					<text>扫码连接</text>
				</view>
				<view class="qinshihao">
					<text class="iconfont icon-zhuye"></text>
					<text class="dormtxt">{{dorm_number || '宿舍未知'}}</text>
				</view>
			</view>
			<view class="start_text">
				<view class="start_top">
					<view class="item_left">
						<text class="iconfont icon-shuibiao"></text>
						<text>开启设备</text>
					</view>
					<view>
						<switch :color="colorPrimary" :checked="isChecked" @change="switchChange" />
					</view>
				</view>
				<view class="start_mid">
					<view class="item_left">
						<text class="iconfont icon-qian"></text>
						<text class="start_mid_txt">￥{{amount}}</text>
					</view>
					<view class="start_payamount" @tap="chongzhi_yemian()" hover-class="scan_hover">
						<text>点击充值</text>
						<text class="iconfont icon-dayuhao"></text>
					</view>
				</view>
				<view class="start_bot">
					<button class="kongzhonglianjie" @click="open">空中连接</button>
					<text class="start_bot_txt">当前结算消费：￥{{use_amount}}</text>
				</view>
			</view>
			<view v-if="showRoom" style="width: 100%; height: 100%; ">
				<view style="display: flex; flex-wrap: wrap;">
					<button v-for="item in rooms" :key="item.id" @tap="clickRoom(item.id)"
						class="btn_room">{{item.room}}</button>
				</view>
			</view>
			<view class="start_up_process">
				<uni-steps :options="list1" :active-color="colorPrimary" :active="active" />
			</view>
			<view class="ad">
				<image src="../../static/image/ad_reshui.png" mode="aspectFit" class="ad_img" @tap="ad_redirect">
				</image>
			</view>
			<view class="title">
				消费记录
			</view>
			<view class="record-item">
				<view class="uni-list-cell-db">
					<picker mode="date" :value="date" fields="month" :start="startDate" :end="endDate"
						@change="bindDateChange">
						<view class="uni-input">
							<text>{{date}}</text>
							<text class="iconfont icon-arrow-down"></text>
						</view>
					</picker>
				</view>
				<view class="item-list" v-for="(item, i) in xiaofei_items" :key="i">
					<text class="item-list-txt"><text class="iconfont icon-shijian"></text>{{item.begin_time}}</text>
					<text class="item-list-txt"><text
							class="iconfont icon-shuidi"></text>{{numFilter(item.use_size)}}t</text>
					<text class="item-list-txt">{{numFilter(item.use_amount)}}</text>
				</view>
			</view>
		</view>
		<instructions v-if="flag" @parent_cancel="cancel" @parent_noshow='noshow'></instructions>
	</view>
</template>

<script>
	import instructions from '../../components/instructions.vue'

	export default {
		/**
		 * 声明组件
		 */
		components: {
			instructions
		},
		data() {
			return {
				colorPrimary: getApp().globalData.primaryColor,
				date: this.$getDate({
					format: true
				}),
				startDate: this.$getDate('start_date'),
				endDate: this.$getDate('end_date'),
				flag: false, //  控制说明弹窗
				showRoom: false,
				isUserClose: false, // 是否是用户自己关闭
				isChecked: false,
				isConnected: false, // 是否连接上
				isScan: false,
				active: -1,
				list1: [{
					title: '连接设备'
				}, {
					title: '连设备服务'
				}, {
					title: '数据通讯'
				}, {
					title: '启动'
				}],
				devices: [], // 保存设备
				rooms: [], // 保存水表id及对应的宿舍号
				device_code: '', // 设备编号
				deviceId: '',
				serviceId: '',
				characteristicIdForWrite: '',
				characteristicIdForNotity: '',
				deviceIsNotify: false,
				deviceIsWrite: false,
				byte35: '', // 70 个字符
				byte35_tmp: '', // 70 个字符 临时变量
				start_code: '',
				// start_code: '3459A8C660F1C284E41003E80000120000',
				xiaofei_items: [], // 消费记录
				use_amount: 0.0.toFixed(2), // 结算金额
				amount: 0.0.toFixed(2), // 余额
				dorm_number: '', // 宿舍号
				stu_number: '', // 学号
				user_name: '',
				// compus: '', // 校区
				ceshi: 'code',
				changeDate: false, // 是否是手动选择日期
				get_Bluetooth_Bevice: false // 自动获取蓝牙设备，并列表
			}
		},
		onLoad(options) {
			// console.log(options);
			uni.authorize({
				scope: 'scope.userLocation',
				success(res) {
					uni.getLocation({
						success: (loc) => {
							// console.log(loc);
							// uni.showToast({
							// 	icon: 'none',
							// 	title: '纬度：' + loc.latitude + '\n' + '经度：' + loc
							// 		.longitude,
							// 	duration: 2000
							// })
							uni.showToast({
								icon: 'success',
								title: '已获定位信息'
							})
						},
						fail: (err) => {
							uni.showToast({
								icon: 'none',
								title: '获取定位失败，请手动开启定位！'
							})
						}
					})
				},
				fail: (err) => {
					// console.log(err);
					uni.showToast({
						icon: 'none',
						title: '请手动设置定位授权！'
					})
				}
			})
			if (typeof(options) != 'undefined' && typeof(options) != '' && JSON.stringify(options) == '{}') {
				// 获取基本信息
				this.get_base_info(options, 'onLoad')
			} else if (typeof(options.from) != 'undefined' && options.from != 0) {
				// 获取基本信息
				this.get_base_info(options, 'onLoad')
				// 获取设备码
				this.device_code = decodeURIComponent(options.q).split('=')[1]
			}

			const value = uni.getStorageSync('instruction_noshow');
			if (!(value == true)) {
				this.flag = true
			}

			// 获取蓝牙设备，并列表
			this.openBluetoothAdapter();
		},
		onShow() {
			// 充值后更新金额
			this.amount = this.$store.state.reshui_amount

			if (this.stu_number && typeof(this.stu_number) != 'undefined') {
				// 获取基本信息
				this.get_base_info('options', 'onShow')
			}
		},
		methods: {
			/**
			 * 单击连接热水表
			 */
			clickRoom(e) {
				if (this.judgeBalance() == false) {
					return
				}
				// console.log(e);
				this.device_code = 'K' + e
				for (var i = 0, len = this.devices.length; i < len; i++) {
					if (this.devices[i].dname == e) {
						this.deviceId = this.devices[i].did
						// console.log(this.deviceId)
						break
					}
				}

				this.process_control(0);

				// 开始连接匹配的蓝牙设备
				this.createBLEConnection()
			},
			/**
			 * 空中连接热水表
			 */
			open() {
				this.showRoom = !this.showRoom
			},
			/**
			 * 跳转到广告ad页
			 */
			ad_redirect() {
				uni.navigateTo({
					url: 'ad_reshui'
				})
			},
			/**
			 * 保留小数点数值后两位，尾数四舍五入
			 * @param {Object} value
			 */
			numFilter(value) {
				// 截取当前数据到小数点后两位
				let realVal = parseFloat(value).toFixed(2)
				return realVal
			},
			/**
			 * 获取基本信息
			 */
			get_base_info(options, param) {
				// console.log(options);
				try {
					// 获取学号
					this.stu_number = this.$store.state.userInfo.card_number

					if (this.stu_number == '' || typeof(this.stu_number) == 'undefined') {
						const userinfo = uni.getStorageSync('userinfo_storage_key')
						if (userinfo) {
							this.stu_number = userinfo.card_number
						} else {
							uni.navigateTo({
								url: '../index/index?from=' + options.from
							})

							uni.showToast({
								icon: 'none',
								title: '学号为空，请进行授权',
								duration: 3000
							});

							return
						}
					}
				} catch (e) {
					// console.log(e);
				}

				if (param == 'onShow') {
					if (this.$store.state.payInfo.from == 'reshui_pay') {
						uni.showToast({
							title: this.$store.state.payInfo.resultMsg,
							icon: 'success',
							success: () => {
								this.$store.state.payInfo.resultMsg = ''
								this.$store.state.payInfo.from = ''
							}
						})
					}
				}

				// 获取code
				this.getCode(options, param)
			},
			/**
			 * 获得code
			 */
			getCode(options, param) {
				uni.login({
					success: (res) => {
						// console.log('getCode', res);
						if (res.code) {
							// 请求服务器，获得openid
							this.getOpenId(options, res.code, param)
						} else {
							uni.showToast({
								title: res.errMsg,
								icon: 'none'
							});
						}
					}
				})
			},
			/**
			 * 请求服务器，获得openid
			 */
			async getOpenId(options, param_code, param) {
				const res = await this.$myRequest({
					host: this.ceshi,
					url: '/HotWaters/wpget_stu.action',
					method: 'POST',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					data: {
						code: param_code
					}
				})

				// console.log(res);
				if (res.data.mess == '返回成功') {
					// stu_number是否存在
					let cardNumber = res.data.info[0].card_number
					if (typeof(cardNumber) != 'undefined' && cardNumber != '' && JSON.stringify(cardNumber) != '{}') {
						// 学号 和 姓名
						this.stu_number = res.data.info[0].stu_number
						this.user_name = res.data.info[0].user_name
						// 剩余金额
						this.amount = res.data.info[0].balance.toFixed(2)
						// if (this.amount > 0)
						this.$store.state.reshui_amount = this.amount
						// 组合楼栋宿舍号
						this.dorm_number = res.data.info[0].build + res.data.info[0].dom
						// 校区
						// this.compus = res.data.info[0].campus

						if (param == 'onLoad' && typeof(options.from) != 'undefined' && options.from != 0) {
							// 初始化蓝牙
							this.openBluetoothAdapter()
						}
						// 请求选定的月份消费记录
						this.request_consumption_records()
					} else {
						uni.showToast({
							title: '未获取到学号!',
							icon: 'success'
						});

						uni.navigateTo({
							url: '../index/index?from=' + options.from
						})
					}
				} else if (res.data.mess == '未查询到用户信息') {
					// 数据库中 未查询到用户信息，就清除本地存储
					uni.removeStorageSync('userinfo_storage_key');

					uni.showToast({
						title: '获取用户信息失败！'
					})

					if (options && typeof(options.from) != 'undefined' && typeof(options.from) != '') {
						uni.navigateTo({
							url: '../index/index?from=' + options.from
						})
					} else {
						uni.redirectTo({
							url: '../index/index?from=0'
						});
					}
				}
			},
			/**
			 * 选择消费年月
			 */
			bindDateChange(e) {
				this.date = e.detail.value
				this.changeDate = true
				// 请求选定的月份消费记录
				this.request_consumption_records()
			},

			/**
			 * 使用说明组件取消
			 */
			cancel(param) {
				this.flag = param
			},
			/**
			 * 使用说明组件不再出现
			 */
			noshow(param) {
				try {
					if (param) {
						uni.setStorageSync("instruction_noshow", true)
					} else {
						uni.removeStorageSync("instruction_noshow")
					}
				} catch (e) {
					// console.log(e);
				}
			},
			/**
			 * 请求选定的月份消费记录
			 */
			async request_consumption_records() {
				if (this.stu_number != '' && typeof(this.stu_number) != 'undefined') {
					const res = await this.$myRequest({
						host: this.ceshi,
						url: '/HotWaters/wpqueryConsume.action',
						method: 'POST',
						header: {
							'content-type': 'application/x-www-form-urlencoded'
						},
						data: {
							stu_number: this.stu_number,
							begin_time: this.date
						}
					});

					// console.log(res);
					if (res.data.mess == '返回成功') {
						this.xiaofei_items = []
						// 消费记录
						let items = res.data.data
						for (var i = 0; i < items.length; i++) {
							this.xiaofei_items.push(items[i])
						}
					} else {
						if (this.changeDate) {
							uni.showToast({
								icon: 'success',
								title: res.data.mess,
								success: () => {
									this.changeDate = false
								}
							})

							if (res.data.mess == '本月无消费记录') {
								this.xiaofei_items = []
							}
						}
					}
				} else {
					uni.showToast({
						icon: 'success',
						title: '未获得学号'
					})
				}
			},
			/**
			 * 控制进度条显示
			 * @param {Object} active_value
			 */
			process_control(active_value) {
				if (active_value <= this.list1.length - 1) {
					this.active = active_value
				}
			},

			/**
			 * 开始或停止用水
			 */
			switchChange(e) {
				this.isChecked = e.target.value
				if (this.isChecked) {
					if (this.deviceId && this.serviceId && this.devices.length != 0) {
						uni.showModal({
							title: '提示',
							content: '确定要启动设备？',
							success: (res) => {
								if (res.confirm) {
									this.isChecked = true

									// 开始连接匹配的蓝牙设备
									setTimeout(async () => {
										// 请求获取设备启动码
										this.request_device_start_code()
									}, 300)
								} else if (res.cancel) {
									setTimeout(() => {
										this.isChecked = false
									}, 300)
								}
							}
						})
					} else {
						uni.showToast({
							icon: 'none',
							title: '先【扫码连接】，后【开启设备】',
							duration: 1500
						})

						setTimeout(() => {
							this.isChecked = false
						}, 300)
					}
				} else {
					uni.showModal({
						title: '提示',
						content: '确定要关闭设备？',
						success: (res) => {
							if (res.confirm) {
								this.isChecked = false

								if (this.deviceId && this.serviceId) {
									this.send('stop')
								} else {
									uni.showToast({
										icon: 'none',
										title: '与设备连接中断！请在设备上手动停止即可！',
										duration: 5000
									})

									setTimeout(() => {
										this.isChecked = true
									}, 300)
								}
							} else if (res.cancel) {
								setTimeout(() => {
									this.isChecked = true
								}, 300)
							}
						}
					})
				}
			},

			/**
			 * 跳转到充值页面
			 */
			chongzhi_yemian() {
				//在起始页面跳转到recharge.vue页面并传递参数
				uni.navigateTo({
					url: '../recharge/recharge'
				});
			},
			/**
			 * 判断余额是否充足
			 */
			judgeBalance() {
				var limit_amount = parseFloat(this.$store.state.amount)
				var amount = parseFloat(this.amount);
				// 启动最低金额限制
				if (amount < limit_amount) {
					uni.showModal({
						title: '提示',
						content: '当前余额不足￥' + limit_amount + '元',
						cancelText: '我知道了',
						confirmText: '我要充值',
						success: (res) => {
							if (res.confirm) {
								// 跳转充值页面
								this.chongzhi_yemian()
							// 	return false
							// } else if (res.cancel) {
							// 	return false
							}
						}
					})
					return false
				} else {
					return true
				}
			},
			/**
			 * 111111111111111111111111111111
			 * 扫码连接设备
			 */
			scan() {
				if (this.judgeBalance() == false) {
					return
				}
				// 已经启动扫描连接设备中
				if (this.isScan) {
					uni.showToast({
						icon: 'none',
						title: '正在扫描，请耐心等待',
					})
					return
				}
				// 已经启动设备,不启动扫描
				if (this.isChecked) {
					uni.showToast({
						icon: 'none',
						title: '设备已启动，无需重新扫码',
					})
					return
				}

				if (this.deviceId) {
					uni.showModal({
						title: '提示',
						content: '设备已经连接，需要重新连接吗？',
						success: res => {
							if (res.confirm) {
								this.closeBLEConnection()

								this.scan_qr()
							} else if (res.cancel) {
								return
							}
						}
					})
				} else {
					this.scan_qr()
				}
			},
			/**
			 * 启动摄像头,扫描二维码
			 */
			scan_qr() {
				uni.scanCode({
					onlyFromCamera: true,
					success: (res) => {

						this.isScan = true
						// console.log(res)
						// charSet: "utf-8"
						// codeVersion: 3
						// errMsg: "scanCode:ok"
						// rawData: "aHR0cDovL3Rvb2xzLjlrYnMuY29tLz93eG1pbmljb2RlPUtCNTgwMDAyNjUy"
						// result: "http://tools.9kbs.com/?wxminicode=KB580002652"
						// scanType: "QR_CODE"
						this.device_code = res.result.split('=')[1]

						if (this.device_code === '') {
							uni.showToast({
								icon: 'success',
								title: '获取设备码失败',
								duration: 3000
							})

							this.isScan = false
						} else {
							// 初始化蓝牙
							this.openBluetoothAdapter()
						}
					}
				})
			},

			/**
			 * 22222222222222222222222222222
			 * 初始化蓝牙
			 */
			openBluetoothAdapter() {
				uni.openBluetoothAdapter({
					success: (res) => { // 已打开
						uni.getBluetoothAdapterState({ // 蓝牙的匹配状态
							success: (res1) => {
								// console.log(res1, '“本机设备的蓝牙已打开”');
								// 本机设备的蓝牙已打开
								// 开始搜索蓝牙设备
								if (this.deviceId == '' && this.serviceId == '')
									this.startBluetoothDeviceDiscovery()
							},
							fail: (error) => {
								// console.log(error)
								uni.showToast({
									title: "请开启手机蓝牙",
									icon: "none",
									duration: 3000
								})

								this.isScan = false
							}
						});
					},
					fail: (err) => { // 未打开
						// console.log(err)
						this.isScan = false
						if (err.errCode == 10001) {
							uni.showModal({
								content: '请开启手机蓝牙！',
								showCancel: false,
							})
						} else {
							uni.showToast({
								icon: 'none',
								title: err.errMsg,
								duration: 2000
							})
						}
					}
				});
			},

			/**
			 * 333333333333333333333333333
			 * 开始搜索蓝牙设备
			 */
			startBluetoothDeviceDiscovery() {
				uni.startBluetoothDevicesDiscovery({ // 开始搜寻附近的蓝牙外围设备
					// services: ['FEE7'],   // 要搜索但蓝牙设备主 service 的 uuid 列表
					allowDuplicatesKey: true,
					success: (res) => {
						if (this.get_Bluetooth_Bevice == true)
							this.process_control(0)

						this.onBluetoothDeviceFound() // 监听搜索到新设备  同时进行

						setTimeout(() => {
							if (this.isScan) {
								uni.showModal({
									title: '温馨提示',
									content: '请确认已开启【蓝牙授权】或【定位授权】！',
									confirmText: '我已开启',
									cancelText: '取消',
									success: (res) => {
										if (res.confirm) {
											// console.log(res)
										} else if (res.cancel) {
											switch (uni.getSystemInfoSync().platform) {
												case 'android':
													// 打开设置
													break;
												case 'ios':
													// 打开设置
													break;
												default:
													// console.log('运行在开发者工具上')
													break;
											}
										}
									}
								})
							}
						}, 5000)
					},
					fail: err => {
						// console.log(err, '错误信息');
						uni.showToast({
							icon: 'none',
							title: err.errMsg,
							duration: 2000
						})

						this.isScan = false
					}
				})
			},

			stopBluetoothDevicesDiscovery: function() { //停止搜索
				uni.stopBluetoothDevicesDiscovery({
					success: (res) => {
						// console.log(res, '停止蓝牙搜索')
						// uni.showToast({
						// 	title: '停止蓝牙搜索',
						// 	duration: 2000
						// })
						if (this.get_Bluetooth_Bevice == true) {
							this.process_control(0);

							// 开始连接匹配的蓝牙设备
							this.createBLEConnection()
						} else {
							this.get_Bluetooth_Bevice == true
						}
						this.get_room()
					},
					fail: e => {
						// console.log('停止搜索蓝牙设备失败，错误码：' + e.errCode);
						this.isScan = false
						uni.showToast({
							title: err.errCode,
							duration: 2000
						})
					}
				})
			},

			/**
			 * 444444444444444444444444444444444
			 * 发现外围设备
			 */
			onBluetoothDeviceFound() {
				uni.onBluetoothDeviceFound((res) => {
					let dname = ''
					let i = 0
					res.devices.forEach(device => { // 筛选找到的蓝牙中对名称匹配
						// 过滤掉没有名字的设备
						if (!device.name && !device.localName) {
							return
						}

						// 把搜索到的设备存储起来，如有需要可以在页面上展示
						dname = device.name.substr(1)
						let d = {
							did: device.deviceId,
							dname: dname
						}
						if (dname.length == 10 && JSON.stringify(this.devices).indexOf(JSON.stringify(
								d)) === -1) {
							this.devices.push(d)
							i++
						}

						if (device.name == this.device_code) {
							this.process_control(0);

							//data里面建立一个deviceId、device_code，存储起来
							// this.device_code = device.name;
							this.deviceId = device.deviceId

							// 放此位置,苹果手机兼容
							this.stopBluetoothDevicesDiscovery()

							return
						}

						setTimeout(() => {
							// 放此位置,苹果手机兼容
							this.stopBluetoothDevicesDiscovery()
						}, 2000)
					})
				});
			},
			// 获取水表对应的宿舍号
			async get_room() {
				if (this.devices.length > 0) {
					let devices_str = []

					for (var i = 0, len = this.devices.length; i < len; i++) {
						devices_str.push(this.devices[i].dname)
					}

					const res = await this.$myRequest({
						host: this.ceshi,
						url: '/HotWaters/waterqueryDom.action',
						method: 'POST',
						header: {
							'content-type': 'application/x-www-form-urlencoded'
						},
						data: {
							user_id: devices_str.join(',')
						}
					});

					// console.log(res);
					if (res.data.msg == '获取成功') {
						this.rooms = []
						// 消费记录
						let items = res.data.data
						if (items == 'undefined') {
							return
						}
						for (var i = 0; i < items.length; i++) {
							let item = {
								id: items[i].user_id,
								room: items[i].dom
							}
							if (JSON.stringify(this.rooms).indexOf(JSON.stringify(item)) === -1) {
								this.rooms.push(item); // 进行动态的操作
							}
						}
					} else {
						if (this.changeDate) {
							uni.showToast({
								icon: 'success',
								title: res.data.mess,
								success: () => {
									this.changeDate = false
								}
							})

							if (res.data.mess == '本月无消费记录') {
								this.xiaofei_items = []
							}
						}
					}
				}
			},

			/**
			 * 555555555555555555555555555555555
			 * 连接蓝牙设备
			 */
			createBLEConnection() {
				//连接蓝牙
				uni.createBLEConnection({
					deviceId: this.deviceId,
					timeout: 5000,
					success: (res) => {
						// console.log(res)
						this.connect_BLE()
					},
					fail: (err) => {
						// console.log(err)
						this.isScan = false
						if (err.errMsg.indexOf('already connect') != -1) {
							this.connect_BLE()
						} else {
							uni.showToast({
								title: '建立连接失败',
								icon: 'none',
								duration: 3000,
								success: (res1) => {
									this.setInit()
								}
							})
						}
					}
				})
			},

			connect_BLE() {
				if (this.isConnected === false) {
					this.isConnected = true

					this.process_control(1);

					// 获取蓝牙设备所有服务(service)
					this.getBLEDeviceServices()
				}
			},

			/**
			 * 6666666666666666666666666666666666
			 * 获取蓝牙的所有服务
			 */
			getBLEDeviceServices() {
				uni.getBLEDeviceServices({
					deviceId: this.deviceId,
					success: (res) => {
						// console.log(res)
						// res1.services.forEach((item) => {
						// 	this.getBLEDeviceCharacteristics()
						// })
						this.serviceId = res.services[1].uuid

						this.process_control(1);

						this.getBLEDeviceCharacteristics()
					},
					fail: (err) => {
						// console.log(err)
						this.isScan = false
						uni.showToast({
							title: '获取服务失败',
							icon: 'none',
							duration: 3000
						})
						return
					}
				});
			},

			/**
			 * 777777777777777777777777777777777
			 * 获取蓝牙特征
			 */
			getBLEDeviceCharacteristics() {
				// 获取蓝牙设备某个服务中所有特征值(characteristic)
				uni.getBLEDeviceCharacteristics({
					deviceId: this.deviceId,
					// 这里的 serviceId 需要在 getBLEDeviceServices 接口中获取
					serviceId: this.serviceId,
					success: (res) => {

						this.process_control(2);

						// console.log(res)
						this.characteristicIdForWrite = res.characteristics[0].uuid
						this.characteristicIdForNotity = res.characteristics[1].uuid
						this.deviceIsWrite = res.characteristics[0].properties.write
						this.deviceIsNotify = res.characteristics[1].properties.notify
						// console.log(this.characteristicIdForWrite, this.characteristicIdForNotity)
						// 确保对应服务id下的特征值id具备监听数据变化的特性
						if (res.characteristics[1].properties.notify) {
							this.notifyBLECharacteristicValueChange()
						}
					},
					fail: (err) => {
						this.isScan = false
						// console.error('获取蓝牙设备特征值失败(getBLEDeviceCharacteristics)', err)
					}
				});
			},

			/**
			 * 888888888888888888888888888888888888
			 * 启用 notify 功能
			 */
			notifyBLECharacteristicValueChange() {
				uni.notifyBLECharacteristicValueChange({
					state: true, // 启用 notify 功能
					deviceId: this.deviceId,
					// 这里的 serviceId 需要在 getBLEDeviceServices 接口中获取
					serviceId: this.serviceId,
					// 这里的 characteristicId 需要在 getBLEDeviceCharacteristics 接口中获取
					characteristicId: this.characteristicIdForNotity,
					success: (res) => {
						this.process_control(2)
						this.isScan = false
						// console.log('通知启用(notifyBLECharacteristicValueChange)',res);
						this.onBLECharacteristicValueChange()

						setTimeout(() => {
							// 发送 AAABAC，采集数据（会返回 35字节 的数据）
							this.send('')
						}, 800)

						// // 请求设备信息
						// this.request_device_info()

						// // 显示设备启动授权金额
						// this.display_device_startup_amount()
					},
					fail: (err) => {
						// console.log(err)
						this.isScan = false
						uni.showModal({
							content: err.errMsg,
							showCancel: false
						})

						// 初始化
						this.setInit()
					}
				})
			},

			/**
			 * 999999999999999999999999999999999
			 * 监听低功耗蓝牙设备的特征值变化
			 */
			onBLECharacteristicValueChange() {
				uni.onBLECharacteristicValueChange((characteristic) => {
					let condition = this.ab2hex(characteristic.value)

					// console.log(condition)
					if (condition.length > 2) {
						this.byte35_tmp += condition
						if (this.byte35_tmp.length > 40) {
							this.byte35 = this.byte35_tmp
							this.byte35_tmp = ''

							if (this.byte35.startsWith('ad')) {
								// console.log(this.byte35, '结束用水成功')
								// 关闭蓝牙连接
								this.closeBLEConnection()

								// 请求结算
								this.request_pay()

							} else {
								// 发送 AAABAC，采集数据（会返回 35字节 的数据）
								// b58000265243eb3dd4bb3c5a2ab9042efcf0d2a30a000000000000000014392a0103bc
								// uni.showToast({
								// 	icon: 'success',
								// 	title: '采集数据成功！',
								// 	duration: 2000
								// })

								// console.log(this.byte35, '采集上一条消费数据')
							}
						}
					}

					switch (condition) {
						case 'bb':
							// uni.showToast({
							// 	title: '设备启动成功',
							// 	duration: 3000,
							// 	icon: 'none'
							// })

							this.process_control(3)
							this.isChecked = true

							break
						case 'bc':
							uni.showToast({
								title: '启动失败，设备检验启动代码不通过',
								duration: 3000,
								icon: 'none'
							})
							break
						case 'aa':
							uni.showToast({
								title: '设备正在使用',
								duration: 3000,
								icon: 'none'
							})
							break
						case 'ab':
							uni.showToast({
								title: '结束失败，设备对结束代码检验失败',
								duration: 3000,
								icon: 'none'
							})
							break
						default:
							break
					}
				})
			},

			/**
			 * 关闭连接
			 */
			closeBLEConnection() {
				uni.closeBLEConnection({
					deviceId: this.deviceId,
					success: () => {
						// 关闭蓝牙模块
						this.closeBluetoothAdapter()
					},
					fail: () => {
						uni.showToast({
							icon: 'none',
							title: '蓝牙连接断开失败',
							duration: 3000,
							success: (res1) => {
								this.setInit()
							}
						})
					}
				})
			},

			closeBluetoothAdapter() {
				// 关闭蓝牙模块
				uni.closeBluetoothAdapter({
					success: () => {
						this.setInit()

						if (this.isUserClose == false) { // 设备端结束用水
							if (this.isChecked) {
								// console.log('设备端已结束用水，蓝牙断开成功')
								uni.showToast({
									icon: 'none',
									title: '设备端已结束用水，蓝牙断开成功',
									duration: 3000
								})
							} else {
								// console.log('用户重启扫描，蓝牙断开成功')
								uni.showToast({
									icon: 'none',
									title: '用户重启扫描，蓝牙断开成功',
									duration: 3000
								})
							}
						} else { // 手机移动端结束用水
							// console.log('APP端已结束用水，蓝牙断开成功')
							uni.showToast({
								icon: 'none',
								title: 'APP端已结束用水，蓝牙断开成功',
								duration: 3000
							})
						}
					}
				})
			},

			setInit() {
				setTimeout(() => {
					this.isUserClose = false
					this.isChecked = false
					this.isConnected = false
					this.isScan = false
					this.active = -1
					this.devices = [] // 保存设备
					this.device_code = '' // 设备编号
					this.deviceId = ''
					this.serviceId = ''
					this.characteristicIdForWrite = ''
					this.characteristicIdForNotity = ''
					this.deviceIsNotify = false
					this.deviceIsWrite = false
					this.byte35 = '' // 70 个字符
					this.byte35_tmp = '' // 70 个字符 临时变量
					// this.start_code = ''
				})
			},

			/**
			 * 10===========10==================10
			 * 发送数据到设备
			 */
			send(val) {
				let buffer
				let dataView
				let newArr
				if (val == 'start') { // 启动设备
					this.isUserClose = false

					this.process_control(3)
					// this.createBLEConnection()
					// 发送 17字节 启动代码（会返回 35字节 的数据）
					// b58000265243eb3dd4bb3c5a2ab9042efcf0d2a30a000000000000000014392a0103bc
					newArr = this.str2StrArray(this.start_code)
				} else if (val == 'stop') { // 结束当前使用，设备成功返回：AD+35字节 消费结算代码
					this.isUserClose = true
					// 发送 AAABAD+17字节 启动代码（会返回 ad+35字节 的数据）
					// adb58000265243eb3dd4bb3c5a2ab9042efcf0d2a30a000000000000000014392a0104bc
					newArr = ['AA', 'AB', 'AD'].concat(this.str2StrArray(this.start_code))
				} else {
					// 发送 AAABAC 采集数据（会返回 35字节 的数据）
					// b58000265243eb3dd4bb3c5a2ab9042efcf0d2a30a000000000000000014392a0103bc
					newArr = ['AA', 'AB', 'AC']
				}

				buffer = new ArrayBuffer(newArr.length)
				dataView = new DataView(buffer)
				newArr.forEach((item, i) => {
					dataView.setUint8(i, this.sixteen_to_ten(item))
				})

				// 写特征值数据到设备
				if (this.deviceIsWrite) {
					// 写数据到设备
					this.writeBLECharacteristicValue(val, buffer)
				} else {
					uni.showToast({
						title: '设备不可写',
						duration: 3000
					})
				}
			},

			/**
			 * 11====================11=====================11
			 * 写数据到设备
			 */
			writeBLECharacteristicValue(val, buffer) {
				uni.writeBLECharacteristicValue({
					deviceId: this.deviceId,
					// 这里的 serviceId 需要在 getBLEDeviceServices 接口中获取
					serviceId: this.serviceId,
					// 这里的 characteristicId 需要在 getBLEDeviceCharacteristics 接口中获取
					characteristicId: this.characteristicIdForWrite,
					// 这里的value是ArrayBuffer类型
					value: buffer,
					success: (res) => {
						// console.log(res)
						if (val == 'start') {
							setTimeout(() => {
								this.isChecked = true
								this.isConnected = true
							}, 300)

							this.process_control(3)
						} else if (val == 'stop') {
							setTimeout(() => {
								this.isChecked = false
							}, 300)
						}
					},
					fail: (err) => {
						// console.log(err)
						if (err.errCode == 10006) {
							setTimeout(() => {
								this.setInit()
							}, 300)

							if (this.isConnected) {
								uni.showToast({
									title: '设备连接已断开！请在水表上手动停止！',
									icon: 'none'
								})
							} else {
								uni.showToast({
									title: '设备连接失败！请重试扫描连接！',
									icon: 'none'
								})
							}
						}
					}
				})
			},

			/**
			 * 请求获取设备启动码
			 */
			async request_device_start_code() {
				if (this.byte35 != '' && this.stu_number != '') {
					const res = await this.$myRequest({
						host: this.ceshi,
						url: '/HotWaters/wpstart.action',
						data: {
							collect_code: this.byte35,
							stu_number: this.stu_number
						}
					})

					// console.log(res)
					let sc = res.data.start_code
					if (typeof(sc) != 'undefined' && sc != '') {
						this.start_code = sc
						setTimeout(() => {
							this.send('start')
						}, 100)

						// 刷新选定的月份消费记录
						this.request_consumption_records()
					} else {
						this.isChecked = false
						uni.showToast({
							icon: 'none',
							title: res.data.mess,
							duration: 3000,
						})
					}
				} else {
					uni.showToast({
						icon: 'none',
						title: '字节码或学号为空！'
					});
					// 初始化
					this.setInit()
				}
			},

			/**
			 * 请求结算
			 */
			async request_pay() {
				if (this.byte35 != '') {
					const res = await this.$myRequest({
						host: this.ceshi,
						url: '/HotWaters/wpconsume.action',
						data: {
							stu_number: this.stu_number,
							user_name: this.user_name,
							collect_code: this.byte35.substring(2)
						}
					})

					// console.log(res)
					if (res.data.mess == "支付成功") {
						uni.showToast({
							icon: 'success',
							title: '结算成功！',
							success: (res1) => {
								this.use_amount = res.data.use_amount.toFixed(2)
								this.amount = (this.amount - this.use_amount).toFixed(2)
								this.$store.state.reshui_amount = this.amount
								// 刷新选定的月份消费记录
								this.request_consumption_records()
							}
						})
					} else {
						uni.showToast({
							icon: 'none',
							title: res.data.mess,
							duration: 3000
						})
					}
				} else {
					uni.showToast({
						icon: 'success',
						title: '字节码为空！'
					});
					// 初始化
					this.setInit()
				}
			},
			/**
			 * 返回字符处理
			 */
			str2StrArray(start_code) {
				if (typeof(start_code) == 'undefined' || start_code == '') {
					uni.showToast({
						icon: 'none',
						title: '设备码获取失败'
					})

					this.setInit()

					return
				}
				if (start_code.length != 34) {
					// console.log('启动码长度错误')
					throw new Error("启动码长度错误");
					return
				}
				var resultArray = new Array()
				for (var i = 0; i < start_code.length; i += 2) {
					resultArray.push(start_code.substr(i, 2));
				}

				return resultArray;
			},
			/**
			 * ArrayBuffer转16进度字符串
			 */
			ab2hex(buffer) {
				const hexArr = Array.prototype.map.call(
					new Uint8Array(buffer),
					function(bit) {
						// console.log('====================' + bit + '==========================')
						return ('00' + bit.toString(16)).slice(-2)
					}
				)
				return hexArr.join('');
			},
			/**
			 * 16进制转10进制
			 */
			sixteen_to_ten(str) {
				return parseInt(str, 16);
			}
		}
	}
</script>

<style scoped lang="scss">
	.content {
		width: 100%;
		height: 100%;

		.container {
			width: 100%;
			padding: 20rpx 40rpx;
			box-sizing: border-box;

			.header {
				display: flex;
				justify-content: center;
				position: relative;
				height: 200rpx;

				.scan {
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					height: 200rpx;
					width: 30%;

					.iconfont {
						margin-bottom: 10rpx;
						font-size: 100rpx;
						color: $my-color-primary;
					}
				}

				.scan_hover {
					border-radius: 15rpx;
					background-color: $my-color-btn-background;
				}

				.qinshihao {
					display: flex;
					align-items: center;
					position: fixed;
					top: 20rpx;
					right: 30rpx;
					font-size: 28rpx;

					.icon-zhuye {
						margin-right: 10rpx;
						font-family: Microsoft YaHei-3970(82674968);
						color: $my-color-primary;
					}

					.compustxt {
						font-size: 18rpx;
					}
				}
			}

			.start_text {

				.start_top,
				.start_mid {
					display: flex;
					justify-content: space-between;
					height: 100rpx;
					align-items: center;
					border-bottom: 2rpx #ccc solid;

					.item_left {
						display: flex;
						align-items: center;
					}

					.start_mid_txt {
						color: #333;
						font-size: 30rpx;
					}

					.iconfont {
						font-size: 50rpx;
						color: $my-color-primary;
						margin-right: 20rpx;
					}

					.start_payamount {
						display: flex;
						justify-content: flex-end;
						align-items: center;
						font-size: 38rpx;
						padding: 10rpx;
						font-family: Microsoft YaHei-3970(82674968);
						color: #B2B2B2;
						border-radius: 10rpx;

						.icon-dayuhao {
							margin: 0 0 0 20rpx;
							font-size: 38rpx;
							color: #B2B2B2;
						}
					}
				}

				.start_bot {
					display: flex;
					justify-content: space-between;
					height: 100rpx;
					align-items: center;

					.kongzhonglianjie {
						margin: 0;
						height: 60rpx;
						line-height: 60rpx;
						font-size: 28rpx;
						background-color: #1296DB;
						color: #FFFFFF;
					}

					.start_bot_txt {
						margin-left: 20rpx;
						color: #333;
						font-size: 28rpx;
					}
				}
			}

			.btn_room {
				font-size: 28rpx;
				background-color: #41c560;
				margin: 10rpx auto;
			}

			.start_up_process {
				padding: 20rpx 0;
				color: #007AFF;
			}

			.ad {
				margin: 0 -40rpx;
				width: 750rpx;
				height: 216rpx;

				.ad_img {
					height: 100%;
					width: 100%;
				}
			}

			.title {
				height: 100rpx;
				margin: 0 -40rpx;
				padding: 0 40rpx;
				line-height: 100rpx;
				color: #808080;
				font-size: 32rpx;
				background: #f2f2f2;
			}

			.record-item {
				width: 100%;

				.uni-list-cell-db {
					height: 100rpx;
					line-height: 100rpx;
					font-weight: bold;

					.uni-input {
						display: flex;
						align-items: center;

						text:nth-child(1) {
							margin-right: 10rpx;
						}
					}
				}

				.item-list {
					height: 80rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					border-top: 2rpx #ccc solid;

					.icon-shijian {
						margin-right: 8rpx;
					}

					.icon-shuidi {
						margin-right: 3rpx;
					}

					.item-list-txt {
						font-size: 28rpx;

						&:nth-of-type(2) {
							color: #515151;
						}

						&:nth-of-type(3) {
							color: #f76200;
							font-size: 32rpx;
						}
					}
				}
			}
		}
	}
</style>