zx_flk_app/pages/bluetoothUnlock/bluetoothPair.vue

<template>
	<view class="bluetoothPair-page">
		<view class="car-wrap">
			<view class="name">智能电动摩托车智驾 M7</view>
			<image :src="QINIU_URL + 'Fi6CPKj4-raA86oizhL3PiXD4DkH'" class="car-img" />
			<view>
				<viwe class="pair-title">是否配对改设备</viwe>
				<view class="pair-options">
					<view class="btn cancle">取消</view>
					<view class="btn confirm">配对</view>
				</view>
			</view>
		</view>
		<view class="pair-desc">
			点击下方 “ <text class="t">开始配对</text>”，请在系统弹窗中选择 “<text class="t">配对</text>”，以完成功能开启。
		</view>
		<view class="pair-tips">
			<view class="title">提示信息</view>
			<view class="text">使用感应解锁功能时，请务必保证手机蓝牙功能开启，在蓝牙列表中忽略此设备会导致感应解锁失败</view>
		</view>

		<view class="pair-btn" style="bottom: 140rpx;" @tap="otaUpgrade">OTA升级</view>
		<view class="pair-btn" @tap="initiateBluetoothPairing">开始配对</view>
		<CenterDialog confirmText="配对" ref="centerDialog" />
		<Notice v-model="showNotice" title="感应解锁已开启" btnText="关闭" text='注意：请勿在手机蓝牙中忽略“电动车蓝牙02"设备，否则感应解锁功能将无法使用' />
	</view>
</template>

<script>
	import {
		QINIU_URL
	} from '@/common/constant'
	import CenterDialog from '@/component/comPopup/CenterDialog.vue';
	import Notice from '@/component/comPopup/Notice.vue';
	var bluetooth = require('@/common/bluetooth.js');
	const DF_CAB_INFO_DONE = 10000; //机柜信息传输完成
	var app = getApp();
	var config = require('../../common/config.js');
	var common = require('../../common/common.js');
	var http = require('../../common/http.js');
	var storage = require('../../common/storage.js');
	var ZXCar = require('@/common/bluetooth/ZXCar.js');
	export default {
		components: {
			CenterDialog,
			Notice
		},
		data() {
			return {
				QINIU_URL,
				showNotice: false
			}
		},
		methods: {
			async otaUpgrade(){
				this.initiateBluetoothPairing()
				
			},
			 initiateBluetoothPairing() {
				const deviceName = '电动车蓝牙';
				const pairingCode = '1234567890';
				// this.$refs.centerDialog.open({
				// 	title: '蓝牙配对请求',
				// 	content: `<span style="color:#060809;font-weight:bold">${deviceName}</span>
    //             想与您配对，请确保显示的配对密钥为
    //             <span style="color:#060809;font-weight:bold">${pairingCode}</span>`
				// });
				this.loadBluetooth()
			},
			loadBluetooth() {
				const me = this;
				var device = {
					mac_id: "900000996",
					btid: "095A5832",
					btkey: "095A5832",
					bt_type: "ZXCAR",
					device_type: "ZXCAR"
				};
				if (bluetooth.acceptDevice(device)) {
					// 打开蓝牙连接
					bluetooth.openBluetoothAdapter((res) => {
						common.loading()
						bluetooth.connectDevice(device, async () => {
							uni.hideLoading()
							await bluetooth.sendOTACommand(device.mac_id, 'index', (res) => {
									uni.hideLoading();
									if (!res.connected) {
										// 蓝牙未连接
										common.simpleToast('蓝牙连接断开1111', 2000)
									} else {
										common.simpleToast('蓝牙连接成功2222', 2000)
									}
								});
							console.log('test');
							// 	bluetooth.onCharacteristicStateChange(device.mac_id, 'index', (data) => {
							// 		console.log(data,'datatest');
							// 		if (JSON.stringify(data) != '{}') {
							// 			if (data.state === DF_CAB_INFO_DONE) {
							// 				me.reportCabintInfo(device.mac_id, data.commandList);
							// 				uni.hideLoading();
							// 				common.simpleToast('蓝牙连接成功0000')
							// 				// 进行机柜蓝牙换电 API_DAYHIRE_CABINRT_BLUETOOTH_CHANGE_BATTERY
							// 			}
							// 		}
							// 	});
							// 	bluetooth.onConnectionStateChange(device.mac_id, 'index', (res) => {
							// 		uni.hideLoading();
							// 		if (!res.connected) {
							// 			// 蓝牙未连接
							// 			common.simpleToast('蓝牙连接断开1111', 2000)
							// 		} else {
							// 			common.simpleToast('蓝牙连接成功2222', 2000)
							// 		}
							// 	});
							// 	bluetooth.sendGetCabinetInfoCommand(
							// 		device.mac_id,
							// 		device,
							// 		(res) => {
							// 			common.loading();
							// 		},
							// 		(res) => {
							// 			uni.showModal({
							// 				title: '提示',
							// 				confirmText: '重新连接',
							// 				content: '连接失败，请尝试重新连接3333',
							// 				success: function(res) {
							// 					if (res.confirm) {
							// 						me.loadBluetooth();
							// 					} else {}
							// 				}
							// 			});
							// 		}
							// 	);
							
							},
							(res) => {
								uni.hideLoading();
								var showContent = ""
								if (res && ("errCode" in res)) {
									if (res.errCode == 9000001) {
										var showContent = "观察周围是否有其他骑手连接，请等待对方完成 或 微信是否开启了蓝牙权限！！"
									} else {
										var showContent = "连接失败，请尝试重新连接44444"
									}
								} else {
									var showContent = "连接失败，请尝试重新连接55555"
								}
								uni.showModal({
									title: '提示',
									confirmText: '重新连接',
									content: showContent,
									success: function(res) {
										if (res.confirm) {
											me.loadBluetooth();
										} else {}
									}
								});
							}, 
							(res) => {
								uni.hideLoading();
								uni.showModal({
									title: '提示',
									confirmText: '我知道了',
									content: '蓝牙未打开或请在右上角设置授权小程序使用蓝牙66666',
									success: function(res) {
										if (res.confirm) {
											me.loadBluetooth();
										} else {}
									}
								});
							}
						);
					}, );
				} else {
					//蓝牙连接未成功
					uni.hideLoading();
					uni.showModal({
						confirmText: '我知道了',
						content: '当前机柜未找到符合的蓝牙类型',
						showCancel: false,
						title: '提示',
						complete: (res) => {}
					});
				}
			},
			reportCabintInfo(dev_id, list){
				 var pushList = []
					for (var i = 0; list.length > i; i++) {
					  var sublist = []
					  for (var j = 0; list[i].length > j; j++) {
						sublist.push(parseInt(list[i][j]))
					  }
					  pushList.push(sublist)
					}
					const pData = {
					  dev_id: dev_id,
					  data: JSON.stringify(pushList)
					}
					const me = this
					http.postApi(config.API_CABINET_BLUETOOTH_INFO, pData, function (response) {
					  if (response.data.code === 200) {
						// me.setData({
						//   cabinetInfo: response.data.data.cabinetInfo
						// })
					  } else {
						simpleToast(response.data.msg)
					  }
					})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.bluetoothPair-page {
		padding: 56rpx 32rpx 48rpx;

		.car-wrap {
			width: 100%;
			background: #F1F3F4;
			border-radius: 32rpx;
			padding: 48rpx 32rpx 32rpx;
			text-align: center;

			.name {
				color: #060809;
				font-size: 32rpx;
				font-weight: bold;
			}

			.car-img {
				width: 480rpx;
				height: 324rpx;
				margin: 48rpx auto;
				display: block;
			}

			.pair-title {
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #060809;
			}

			.pair-options {
				margin-top: 30rpx;
				display: flex;
				justify-content: space-between;

				.btn {
					width: 302rpx;
					height: 80rpx;
					border-radius: 40rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 32rpx;

					&.cancle {
						color: #060809;
						background: #E4E8E9;
					}

					&.confirm {
						color: #FFFFFF;
						background: #060809;
					}
				}
			}
		}

		.pair-desc {
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #828DA2;
			text-align: left;
			margin: 24rpx 0 48rpx;

			.t {
				color: #060809;
			}
		}

		.pair-tips {
			.title {
				font-weight: 500;
				font-size: 32rpx;
				color: #060809;
				margin-bottom: 20rpx;
			}

			.text {
				font-weight: 400;
				font-size: 24rpx;
				color: #828DA2;
			}
		}

		.pair-btn {
			position: absolute;
			width: 91%;
			bottom: 48rpx;
			height: 80rpx;
			background: #060809;
			border-radius: 40rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 32rpx;
			color: #FFFFFF;

			&:active {
				opacity: .7;
			}
		}
	}
</style>