修复一个Uniapp蓝牙的坑,App首页蓝牙状态功能添加

pages/common/index/index.vue

@@ -57,8 +57,9 @@
 										v-if="item.communicationMode==0 && item.onlineStatus==1 && item.alarmStatus==1">
 										报警中</view>
 									<view v-if="item.communicationMode==1">
-										<view class="device-status online">已连接</view>
-										<view class="device-status unline">未连接</view>
+										<view class="device-status" :class="item.bleStatu?'online':'unline'">
+											{{item.bleStatu?'已连接':'未连接'}}
+										</view>
 									</view>
 								</view>
 								<image src="/static/images/common/cires.png" class="circle" mode="aspectFit"></image>
@@ -145,7 +146,8 @@
 		deviceReName
 	} from '@/api/common/index.js'
 	import BleHelper from '@/utils/BleHelper.js';
-	var ble=null;
+	var pagePath = 'pages/common/index';
+	var ble = null;
 	export default {
 		onPullDownRefresh() {
 			// 执行下拉刷新时的操作，比如重新获取数据
@@ -212,6 +214,69 @@
 			}
 		},
 		methods: {
+			bleStateRecovery() {
+				console.log("蓝牙适配器恢复可用,重连断开的设备");
+				ble.linkAllDevices();
+				// if (ble.data && ble.data.LinkedList) {
+				// 	for (var i = 0; i < this.deviceList.length; i++) {
+				// 		if (this.deviceList[i].communicationMode !== '0' || this.deviceList[i].communicationMode !== 0) {
+				// 			ble.data.LinkedList.find(v => {
+
+				// 				if (v.macAddress && v.device && v.device.id && v.device.id == this.deviceList[i]
+				// 					.id) {
+				// 					ble.LinkBlue(v.deviceId);
+				// 					return true;
+				// 				}
+				// 			});
+				// 		}
+				// 	}
+				// }
+			},
+			bleBreak(res) {
+				console.log("蓝牙断开连接", res);
+				if (res.deviceId) {
+					this.updateBleStatu(res.deviceId);
+				}
+
+			},
+			bleRecovery(res) {
+				console.log("蓝牙连接成功", res);
+				if (res.deviceId) {
+					this.updateBleStatu(res.deviceId);
+				}
+
+			},
+
+			updateBleStatu(deviceId) {//更新列表的蓝牙连接状态
+				if (ble) {
+					
+					for (var i = 0; i < this.deviceList.length; i++) {
+
+						let bleStatu = false;
+						if (ble.data && ble.data.LinkedList) {
+							ble.data.LinkedList.find(v => {
+								if (deviceId && v.deviceId != deviceId) {
+									return false;
+								}
+								if (v.macAddress && v.device && v.device.id) {
+									if (v.device.id == this.deviceList[i].id && v.Linked) {
+										
+										bleStatu = true;
+										return true;
+									}
+
+								}
+							});
+						}
+						this.$set(this.deviceList[i], 'bleStatu', bleStatu);
+
+					
+
+					}
+					return;
+				}
+				console.error("ble is null")
+			},
 			// 更多
 			allMore() {
 				this.showshare = !this.showshare;
@@ -291,6 +356,10 @@
 
 						// 如果是第一页或切换分类，替换数据
 						this.deviceList = this.page === 1 ? newDevices : [...this.deviceList, ...newDevices];
+
+
+						this.updateBleStatu();
+
 						this.total = res.total;
 						// 判断是否加载完成
 						if (res.rows.length < this.size || this.deviceList.length >= this.total) {
@@ -390,8 +459,8 @@
 						}, 500);
 						this.deleteShow = false
 						// 关闭所有滑动项
-						this.$refs.swipeAction.closeAll();						
-						
+						this.$refs.swipeAction.closeAll();
+
 						ble && ble.DropDevice(data.id);
 					} else {
 						uni.showToast({
@@ -492,7 +561,7 @@
 				let url = item.detailPageUrl;
 				// console.log("url=",url);
 				// if(!url){
-					//url="/pages/670/HBY670"
+				//url="/pages/670/HBY670"
 				// }
 				uni.navigateTo({
 					url: url,
@@ -506,8 +575,9 @@
 							deviceType: this.tabs[this.activeTab].id || '',
 							apiType: 'listA' //标识，根据这个参数，区分普通详情，分享跳转详情，查不一样的权限信息
 						});
-					},fail(ex) {
-						console.log("ex=",ex);
+					},
+					fail(ex) {
+						console.log("ex=", ex);
 					}
 				})
 			},
@@ -559,14 +629,35 @@
 				console.log('列表收到消息了么');
 				this.onIntall()
 			});
-			ble=BleHelper.getBleTool();
+			ble = BleHelper.getBleTool();
+			
+			//蓝牙连接成功的回调
+			ble.addRecoveryCallback((res) => {
+				console.log("11111");
+				this.bleRecovery(res);
+			}, pagePath); 
+			
+			//蓝牙断开连接的回调
+			ble.addDisposeCallback((res) => {
+				console.log("2222222");
+				this.bleBreak(res);
+			}, pagePath); 
+			
+			//蓝牙适配器恢复可用的回调，一般是重连设备
+			ble.addStateRecoveryCallback(res => {
+				this.bleStateRecovery();
+			}, pagePath); 
+			
+			
 		},
+
 		beforeDestroy() {
 			// 组件销毁前移除监听器
 			uni.$off('refreshDeviceList');
 		},
 		onUnload() {
 			uni.$off('deviceStatusUpdate');
+			ble && ble.removeAllCallback();
 		}
 
 	}