封装实时接口，请求，共多个页面调用

pages/6170/callPolice/index.vue

@@ -47,20 +47,21 @@
 </template>
 
 <script>
-import CustomPopup from '@/components/CustomPopup/CustomPopup.vue'
+	import CustomPopup from '@/components/CustomPopup/CustomPopup.vue'
-import {
+	import {
-	generateShortId
+		generateShortId,
-} from '@/utils/function.js';
+		getdeviceSTatus
-import {
+	} from '@/utils/function.js';
+	import {
 		deviceInfo,
-} from '@/api/common/index.js'
+	} from '@/api/common/index.js'
-import {
+	import {
 		deviceSendAlarmMessage
-} from '@/api/6170/callPolice.js'
+	} from '@/api/6170/callPolice.js'
-import {
+	import {
 		deviceRealTimeStatus //设备状态
-} from '@/api/6170/deviceControl.js'
+	} from '@/api/6170/deviceControl.js'
-export default {
+	export default {
 		components: {
 			CustomPopup
 		},
@@ -89,44 +90,6 @@ export default {
 				this.deviceList[index].checked = !this.deviceList[index].checked
 				this.$forceUpdate()
 			},
-		/**
-		 * 获取设备状态（带自动轮询）
-		 * @param {number} val - 功能模式
-		 * @param {string} batchId - 批次ID
-		 * @param {number} [interval=1000] - 轮询间隔（毫秒）
-		 */
-		async getdeviceSTatus(val, batchId, interval =500) {
-			const checkStatus = async () => {
-				try {
-					const data = {
-						functionMode: val,
-						batchId: batchId,
-						typeName: this.sendInfo.typeName,
-						deviceImei: this.sendInfo.deviceImei
-					};
-					const res = await deviceRealTimeStatus(data);
-					if (res.code !== 200) {
-						throw new Error(res.msg || '请求失败');
-					}
-					switch (res.data.functionAccess) {
-						case 'OK':
-							return res; // 成功完成
-						case 'ACTIVE':
-							await new Promise(r => setTimeout(r, interval));
-							return checkStatus(); // 继续轮询
-						case 'FAILED':
-							throw new Error('设备操作失败');
-						case 'TIMEOUT':
-							throw new Error('设备响应超时');
-						default:
-							throw new Error('未知状态');
-					}
-				} catch (error) {
-					throw error;
-				}
-			};
-			return checkStatus();
-		},
 			// 全选/取消全选
 			selectAll() {
 				console.log('123');
@@ -220,7 +183,17 @@ export default {
 						return
 					}
 					// 4. 获取设备状态
-				const statusRes = await this.getdeviceSTatus(2, batchId);
+					let deviceImei = this.sendInfo.deviceImei
+					let typeName = this.sendInfo.typeName
+					const statusRes = await getdeviceSTatus({
+							functionMode: 2,
+							batchId,
+							typeName,
+							deviceImei,
+							interval: 500
+						},
+						deviceRealTimeStatus
+					);
 					if (statusRes.data.functionAccess === 'OK') {
 						uni.showToast({
 							title: statusRes.msg,
@@ -257,40 +230,40 @@ export default {
 			// 如果需要向调用页面返回数据，可以触发 'ack' 事件
 			eventChannel.emit('ack', {})
 		},
-}
+	}
 </script>
 
 <style scoped>
-.container {
+	.container {
 		min-height: 100vh;
 		background-color: rgb(18, 18, 18);
 		box-sizing: border-box;
 		overflow-x: hidden;
 
-}
+	}
 
-.allSelect {
+	.allSelect {
 		color: rgba(255, 255, 255, 0.87);
 		float: right;
 		padding: 25rpx;
 		cursor: pointer;
-}
+	}
 
-.device-list {
+	.device-list {
 		flex: 1;
 		padding: 0rpx 20rpx;
 		clear: both;
-}
+	}
 
-.device-card {
+	.device-card {
 		position: relative;
 		display: flex;
 		align-items: center;
 		width: 95%;
 		margin-bottom: 20rpx;
-}
+	}
 
-.checkbox {
+	.checkbox {
 		width: 40rpx;
 		height: 40rpx;
 		border: 2rpx solid rgba(255, 255, 255, 0.5);
@@ -299,14 +272,14 @@ export default {
 		display: flex;
 		align-items: center;
 		justify-content: center;
-}
+	}
 
-.checkbox.checked {
+	.checkbox.checked {
 		background: rgba(224, 52, 52, 1);
 		border-color: rgba(224, 52, 52, 1);
-}
+	}
 
-.device-content {
+	.device-content {
 		background-color: rgb(26, 26, 26);
 		border-radius: 16rpx;
 		position: relative;
@@ -314,32 +287,32 @@ export default {
 		align-items: center;
 		padding: 20rpx;
 		width: 95%;
-}
+	}
 
-.device-header {
+	.device-header {
 		display: flex;
 		align-items: center;
 		margin-bottom: 15rpx;
-}
+	}
 
-.device-name {
+	.device-name {
 		font-size: 32rpx;
 		color: rgba(255, 255, 255, 0.87);
 		margin-left: 12rpx;
 		line-height: 50rpx;
 		width: 83%;
 		white-space: nowrap;
-}
+	}
 
-.ID {
+	.ID {
 		color: rgba(255, 255, 255, 0.6);
 		font-size: 26rpx;
 		display: flex;
 		justify-content: space-between;
 		position: relative;
-}
+	}
 
-.device-status {
+	.device-status {
 		width: 122rpx;
 		height: 52rpx;
 		font-size: 26rpx;
@@ -350,26 +323,26 @@ export default {
 		right: 0rpx;
 		text-align: center;
 		line-height: 52rpx;
-}
+	}
 
-.online {
+	.online {
 		color: rgb(187, 230, 0);
-}
+	}
 
-.unline {
+	.unline {
 		color: rgba(255, 255, 255, 0.4);
-}
+	}
 
-.device-info {
+	.device-info {
 		display: flex;
 		justify-content: space-evenly;
 		font-size: 26rpx;
 		color: rgba(255, 255, 255, 0.87);
 		padding-top: 10rpx;
 		position: relative;
-}
+	}
 
-.deviceIMG {
+	.deviceIMG {
 		width: 100rpx;
 		height: 100rpx;
 		border-radius: 16rpx;
@@ -377,19 +350,19 @@ export default {
 		background-color: rgba(42, 42, 42, 0.6);
 		display: flex;
 		align-items: center;
-}
+	}
 
-.IMG {
+	.IMG {
 		width: 68rpx;
 		height: 50rpx;
 		margin-left: 17%;
-}
+	}
 
-.onlines {
+	.onlines {
 		position: relative;
-}
+	}
 
-.onlines::before {
+	.onlines::before {
 		content: '';
 		position: absolute;
 		width: 15rpx;
@@ -398,13 +371,13 @@ export default {
 		border-radius: 50%;
 		top: 20rpx;
 		left: -20rpx
-}
+	}
 
-.unlines {
+	.unlines {
 		position: relative;
-}
+	}
 
-.unlines::before {
+	.unlines::before {
 		content: '';
 		position: absolute;
 		width: 15rpx;
@@ -413,9 +386,9 @@ export default {
 		border-radius: 50%;
 		top: 20rpx;
 		left: -20rpx
-}
+	}
 
-.line {
+	.line {
 		width: 2rpx;
 		height: 24rpx;
 		background: linear-gradient(90deg,
@@ -423,14 +396,14 @@ export default {
 				rgb(255, 255, 255) 50%,
 				rgba(255, 255, 255, 0) 100%);
 		margin-top: 12rpx;
-}
+	}
 
-.ql-editor {
+	.ql-editor {
 		color: rgba(255, 255, 255, 0.6);
 		font-size: 30rpx;
-}
+	}
 
-.ql-input {
+	.ql-input {
 		width: 95.9%;
 		height: 200rpx;
 		margin-top: 30rpx;
@@ -438,17 +411,17 @@ export default {
 		padding: 30rpx;
 		border-radius: 16rpx;
 		background: rgb(26, 26, 26);
-}
+	}
 
-.textarea {
+	.textarea {
 		color: rgba(255, 255, 255, 0.8);
 		background: rgba(42, 42, 42, 1);
 		border-radius: 16rpx;
 		padding: 10rpx;
 		height: 150rpx;
-}
+	}
 
-.editInfmation {
+	.editInfmation {
 		display: flex;
 		padding: 20rpx;
 		border-radius: 40rpx 40rpx 0px 0px;
@@ -457,9 +430,9 @@ export default {
 		bottom: 50rpx;
 		box-sizing: border-box;
 
-}
+	}
 
-.login-btn {
+	.login-btn {
 		margin-top: 30rpx;
 		color: rgb(35, 35, 35);
 		border-radius: 50rpx;
@@ -468,27 +441,27 @@ export default {
 		height: 88rpx;
 		font-size: 30rpx;
 		line-height: 88rpx;
-}
+	}
 
-.qz {
+	.qz {
 		background: rgba(224, 52, 52, 1);
-}
+	}
 
-.jc {
+	.jc {
 		border: 1px solid rgba(255, 255, 255, 0.87);
 		background: rgba(18, 18, 18, 1);
-}
+	}
 
-.checkbox.disabled {
+	.checkbox.disabled {
 		opacity: 0.5;
 		background-color: rgba(255, 255, 255, 0.1) !important;
 		border-color: rgba(255, 255, 255, 0.2) !important;
 		pointer-events: none;
 		/* 阻止点击事件 */
-}
+	}
 
-/* 可选：离线设备的卡片整体置灰 */
+	/* 可选：离线设备的卡片整体置灰 */
-.device-card[data-offline="true"] {
+	.device-card[data-offline="true"] {
 		opacity: 0.6;
-}
+	}
 </style>

pages/6170/deviceControl/index.vue

@@ -271,7 +271,8 @@
 <script>
 	import MqttClient from '@/utils/mqtt.js';
 	import {
-		generateShortId
+		generateShortId,
+		getdeviceSTatus
 	} from '@/utils/function.js';
 	import {
 		deviceDetail,
@@ -334,7 +335,9 @@
 				popupType: 'person', //弹框类型
 				isLaserOn: false,
 				isSending: false,
-				isProcessing: false
+				isProcessing: false,
+				isLoading: false, // 主加载状态
+				isPolling: false // 轮询状态
 			}
 		},
 		computed: {
@@ -346,44 +349,6 @@
 			}
 		},
 		methods: {
-			/**
-			 * 获取设备状态（带自动轮询）
-			 * @param {number} val - 功能模式
-			 * @param {string} batchId - 批次ID
-			 * @param {number} [interval=800] - 轮询间隔（毫秒）
-			 */
-			async getdeviceSTatus(val, batchId, interval = 800) {
-				const checkStatus = async () => {
-					try {
-						const data = {
-							functionMode: val,
-							batchId: batchId,
-							typeName: this.itemInfo.typeName,
-							deviceImei: this.itemInfo.deviceImei
-						};
-						const res = await deviceRealTimeStatus(data);
-						if (res.code !== 200) {
-							throw new Error(res.msg || '请求失败');
-						}
-						switch (res.data.functionAccess) {
-							case 'OK':
-								return res; // 成功完成
-							case 'ACTIVE':
-								await new Promise(r => setTimeout(r, interval));
-								return checkStatus(); // 继续轮询
-							case 'FAILED':
-								throw new Error('设备操作失败');
-							case 'TIMEOUT':
-								throw new Error('设备响应超时');
-							default:
-								throw new Error('未知状态');
-						}
-					} catch (error) {
-						throw error;
-					}
-				};
-				return checkStatus();
-			},
 			// 点击弹框外的区域关闭
 			closePopup() {
 				this.lightModeA = false;
@@ -554,22 +519,6 @@
 			toggleForm() {
 				this.isFormExpanded = !this.isFormExpanded;
 			},
-			// onItemClick(index) {
-			// 	const selectedItem = this.items[index];
-			// 	if (selectedItem.text === '激光') {
-			// 		this.lightModeC = true;
-			// 	} else {
-			// 		// 更新选中状态
-			// 		this.items = this.items.map((item, i) => ({
-			// 			...item,
-			// 			selected: i === index
-			// 		}));
-			// 		this.currentMainMode = selectedItem.text;
-			// 		this.selectedItemIndex = index;
-			// 		// 强制更新视图（如果需要）
-			// 		this.$forceUpdate();
-			// 	}
-			// },
 			onItemClick(index) {
 				const item = this.items[index];
 				// 激光模式特殊处理
@@ -749,6 +698,7 @@
 					mask: true
 				});
 				loadingShown = true;
+				this.isPolling = true; // 标记开始轮询
 				uni.uploadFile({
 					url: baseURL + '/app/bjq/device/uploadLogo',
 					filePath: this.selectedImage,
@@ -773,7 +723,19 @@
 								});
 								try {
 									// 获取设备状态
-									const statusRes = await this.getdeviceSTatus(1);
+									// 4. 获取设备状态
+									let deviceImei = this.itemInfo.deviceImei
+									let typeName = this.itemInfo.typeName
+									let batchId = ''
+									const statusRes = await getdeviceSTatus({
+											functionMode: 1,
+											batchId,
+											typeName,
+											deviceImei,
+											interval: 800
+										},
+										deviceRealTimeStatus
+									);
 									if (statusRes.data.functionAccess === 'OK') {
 										uni.hideLoading();
 										this.selectedImage = '';
@@ -784,6 +746,7 @@
 										this.lightModeB = false;
 									}
 								} catch (error) {
+									this.isPolling = false; // 标记轮询结束
 									uni.hideLoading();
 									uni.showToast({
 										title: error.message,
@@ -791,6 +754,7 @@
 									});
 								}
 							} else {
+								this.isPolling = false; // 标记轮询结束
 								uni.hideLoading();
 								uni.showToast({
 									title: responseData.msg,
@@ -798,6 +762,7 @@
 								});
 							}
 						} catch (e) {
+							this.isPolling = false; // 标记轮询结束
 							uni.hideLoading();
 							uni.showToast({
 								title: e.message,
@@ -918,6 +883,7 @@
 					});
 					return;
 				}
+				this.isPolling = true; // 标记开始轮询
 				try {
 					uni.showLoading({
 						title: '解除告警中...',
@@ -942,7 +908,17 @@
 						return
 					}
 					// 4. 获取设备状态
-					const statusRes = await this.getdeviceSTatus(2, batchId);
+					let deviceImei = this.itemInfo.deviceImei
+					let typeName = this.itemInfo.typeName
+					const statusRes = await getdeviceSTatus({
+							functionMode: 2,
+							batchId,
+							typeName,
+							deviceImei,
+							interval: 500
+						},
+						deviceRealTimeStatus
+					);
 					if (statusRes.data.functionAccess === 'OK') {
 						uni.showToast({
 							title: statusRes.msg,
@@ -964,6 +940,7 @@
 						icon: 'none'
 					});
 				} finally {
+					this.isPolling = false; // 标记开始轮询
 					uni.hideLoading();
 				}
 			},
@@ -987,6 +964,7 @@
 				}
 				this.isSending = true;
 				let loadingShown = false;
+				this.isPolling = true; // 标记开始轮询
 				try {
 					uni.showLoading({
 						title: '正在发送...',
@@ -1011,8 +989,18 @@
 						})
 						return
 					}
-					// 轮询获取状态（重要：这里必须await）
+					// 4. 获取设备状态
-					const statusRes = await this.getdeviceSTatus(2, batchId);
+					let deviceImei = this.itemInfo.deviceImei
+					let typeName = this.itemInfo.typeName
+					const statusRes = await getdeviceSTatus({
+							functionMode: 2,
+							batchId,
+							typeName,
+							deviceImei,
+							interval: 500
+						},
+						deviceRealTimeStatus
+					);
 					// 只有当状态为'OK'时才显示成功弹窗
 					if (statusRes.data.functionAccess === 'OK') {
 						this.popupType = 'person';
@@ -1025,7 +1013,7 @@
 						icon: 'none'
 					});
 				} finally {
-					console.log('失败还是成功了');
+					this.isPolling = false; // 标记轮询结束
 					uni.hideLoading();
 					this.isSending = false;
 				}
@@ -1062,9 +1050,16 @@
 						this.isSharedDevice = false;
 						this.activePermissions = []; // 非分享设备清空权限
 					}
-					if (!isUpdate) {
+					// 只有不是轮询状态时才关闭loading
-						// 关闭加载中
+					if (!this.isPolling) {
-						uni.hideLoading()
+						this.pageLoading = false;
+						uni.hideLoading(); // 确保关闭
+					}
+				} else {
+					// 只有不是轮询状态时才关闭loading
+					if (!this.isPolling) {
+						this.pageLoading = false;
+						uni.hideLoading(); // 确保关闭
 					}
 				}
 			},
@@ -1081,25 +1076,15 @@
 				try {
 					const res = await deviceDetail(id)
 					if (res.code == 200) {
-						this.handleDeviceData(res, false, isUpdate)
+						this.handleDeviceData(res, false, isUpdate, true)
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none'
-						})
-						if (!isUpdate) {
-							uni.hideLoading()
-						}
 					}
 
 				} catch (error) {
-					if (!isUpdate) {
+					// 只有不是轮询状态时才关闭loading
-						uni.hideLoading()
+					if (!this.isPolling) {
+						this.pageLoading = false;
+						uni.hideLoading(); // 确保关闭
 					}
-					// uni.showToast({
-					// 	title: error.msg,
-					// 	icon: 'none'
-					// })
 				}
 			},
 			// 获取分享设备详情
@@ -1107,20 +1092,13 @@
 				try {
 					const res = await deviceShareId(id)
 					if (res.code == 200) {
-						this.handleDeviceData(res, true)
+						this.handleDeviceData(res, false, false, true)
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none'
-						})
 					}
-
 				} catch (error) {
-					uni.showToast({
+					if (!this.isPolling) {
-						title: error.msg,
+						this.pageLoading = false;
-						icon: 'none'
+						uni.hideLoading(); // 确保关闭
-					})
+					}
-					uni.hideLoading()
 				}
 			},
 			// 操作说明

pages/common/send/index.vue

@@ -2,9 +2,10 @@
 	<view class="container">
 		<!-- 设备列表 -->
 		<scroll-view class="device-list" scroll-y>
-			<view class="device-card" v-for="(item, index) in deviceList" :key="index" @click="item.onlineStatus === 1 ? toggleSelect(index) : null">
+			<view class="device-card" v-for="(item, index) in deviceList" :key="index"
+				@click="item.onlineStatus === 1 ? toggleSelect(index) : null">
 				<!-- 复选框 -->
-				<view class="checkbox" :class="{ checked: item.checked,disabled: item.onlineStatus !== 1  }">
+				<view class="checkbox" :class="{ checked: item.checked, disabled: item.onlineStatus !== 1 }">
 					<uni-icons v-if="item.checked" type="checkmarkempty" size="18" color="rgb(0, 0, 0)"></uni-icons>
 				</view>
 				<!-- 设备信息 -->
@@ -43,18 +44,19 @@
 </template>
 
 <script>
-	import CustomPopup from '@/components/CustomPopup/CustomPopup.vue'
+import CustomPopup from '@/components/CustomPopup/CustomPopup.vue'
-	import {
+import {
 	deviceInfo,
-	} from '@/api/common/index.js'
+} from '@/api/common/index.js'
-	import {
+import {
 	deviceSendMessage,
 	deviceRealTimeStatus //设备状态
-	} from '@/api/6170/deviceControl.js'
+} from '@/api/6170/deviceControl.js'
-	import {
+import {
-		generateShortId
+	generateShortId,
-	} from '@/utils/function.js';
+	getdeviceSTatus
-	export default {
+} from '@/utils/function.js';
+export default {
 	components: {
 		CustomPopup
 	},
@@ -75,45 +77,6 @@
 			// 执行下拉刷新时的操作，比如重新获取数据
 			this.getData();
 		},
-			/**
-			 * 获取设备状态（带自动轮询）
-			 * @param {number} val - 功能模式
-			 * @param {string} batchId - 批次ID
-			 * @param {number} [interval=1000] - 轮询间隔（毫秒）
-			 */
-			async getdeviceSTatus(val, batchId, interval = 800) {
-				const checkStatus = async () => {
-					try {
-						const data = {
-							functionMode: val,
-							batchId: batchId,
-							typeName: this.sendInfo.typeName,
-							deviceImei: this.sendInfo.deviceImei
-						};
-						const res = await deviceRealTimeStatus(data);
-						if (res.code !== 200) {
-							throw new Error(res.msg || '请求失败');
-						}
-						switch (res.data.functionAccess) {
-							case 'OK':
-								return res; // 成功完成
-							case 'ACTIVE':
-								await new Promise(r => setTimeout(r, interval));
-								return checkStatus(); // 继续轮询
-							case 'FAILED':
-								throw new Error('设备操作失败');
-							case 'TIMEOUT':
-								throw new Error('设备响应超时');
-							default:
-								throw new Error('未知状态');
-						}
-					} catch (error) {
-						throw error;
-					}
-				};
-				return checkStatus();
-			},
-
 		toggleSelect(index) {
 			this.deviceList[index].checked = !this.deviceList[index].checked
 			this.$forceUpdate()
@@ -189,7 +152,17 @@
 					return
 				}
 					// 4. 获取设备状态
-					const statusRes = await this.getdeviceSTatus(2, batchId);
+					let deviceImei = this.sendInfo.deviceImei
+					let typeName = this.sendInfo.typeName
+					const statusRes = await getdeviceSTatus({
+							functionMode: 2,
+							batchId,
+							typeName,
+							deviceImei,
+							interval: 500
+						},
+						deviceRealTimeStatus
+					);
 				if (statusRes.data.functionAccess === 'OK') {
 					// 5. 显示成功弹窗
 					this.showPopupFlag = true
@@ -222,33 +195,33 @@
 		// 如果需要向调用页面返回数据，可以触发 'ack' 事件
 		eventChannel.emit('ack', {})
 	},
-	}
+}
 </script>
 
 <style scoped>
-	.container {
+.container {
 	min-height: 100vh;
 	background-color: rgb(18, 18, 18);
 	box-sizing: border-box;
 	overflow-x: hidden;
 
-	}
+}
 
-	.device-list {
+.device-list {
 	flex: 1;
 	padding: 0 20rpx;
 
-	}
+}
 
-	.device-card {
+.device-card {
 	position: relative;
 	display: flex;
 	align-items: center;
 	width: 95%;
 	margin-bottom: 20rpx;
-	}
+}
 
-	.checkbox {
+.checkbox {
 	width: 40rpx;
 	height: 40rpx;
 	border: 2rpx solid rgba(255, 255, 255, 0.5);
@@ -257,14 +230,14 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	}
+}
 
-	.checkbox.checked {
+.checkbox.checked {
 	background-color: rgb(187, 230, 0);
 	border-color: rgb(187, 230, 0);
-	}
+}
 
-	.device-content {
+.device-content {
 	background-color: rgb(26, 26, 26);
 	border-radius: 16rpx;
 	position: relative;
@@ -272,32 +245,32 @@
 	align-items: center;
 	padding: 20rpx;
 	width: 95%;
-	}
+}
 
-	.device-header {
+.device-header {
 	display: flex;
 	align-items: center;
 	margin-bottom: 15rpx;
-	}
+}
 
-	.device-name {
+.device-name {
 	font-size: 32rpx;
 	color: rgba(255, 255, 255, 0.87);
 	margin-left: 12rpx;
 	line-height: 50rpx;
 	width: 83%;
 	white-space: nowrap;
-	}
+}
 
-	.ID {
+.ID {
 	color: rgba(255, 255, 255, 0.6);
 	font-size: 26rpx;
 	display: flex;
 	justify-content: space-between;
 	position: relative;
-	}
+}
 
-	.device-status {
+.device-status {
 	width: 122rpx;
 	height: 52rpx;
 	font-size: 26rpx;
@@ -308,26 +281,26 @@
 	right: 0rpx;
 	text-align: center;
 	line-height: 52rpx;
-	}
+}
 
-	.online {
+.online {
 	color: rgb(187, 230, 0);
-	}
+}
 
-	.unline {
+.unline {
 	color: rgba(255, 255, 255, 0.4);
-	}
+}
 
-	.device-info {
+.device-info {
 	display: flex;
 	justify-content: space-evenly;
 	font-size: 26rpx;
 	color: rgba(255, 255, 255, 0.87);
 	padding-top: 10rpx;
 	position: relative;
-	}
+}
 
-	.deviceIMG {
+.deviceIMG {
 	width: 100rpx;
 	height: 100rpx;
 	border-radius: 16rpx;
@@ -335,19 +308,19 @@
 	background-color: rgba(42, 42, 42, 0.6);
 	display: flex;
 	align-items: center;
-	}
+}
 
-	.IMG {
+.IMG {
 	width: 68rpx;
 	height: 50rpx;
 	margin-left: 17%;
-	}
+}
 
-	.onlines {
+.onlines {
 	position: relative;
-	}
+}
 
-	.onlines::before {
+.onlines::before {
 	content: '';
 	position: absolute;
 	width: 15rpx;
@@ -356,13 +329,13 @@
 	border-radius: 50%;
 	top: 20rpx;
 	left: -20rpx
-	}
+}
 
-	.unlines {
+.unlines {
 	position: relative;
-	}
+}
 
-	.unlines::before {
+.unlines::before {
 	content: '';
 	position: absolute;
 	width: 15rpx;
@@ -371,9 +344,9 @@
 	border-radius: 50%;
 	top: 20rpx;
 	left: -20rpx
-	}
+}
 
-	.line {
+.line {
 	width: 2rpx;
 	height: 24rpx;
 	background: linear-gradient(90deg,
@@ -381,14 +354,14 @@
 			rgb(255, 255, 255) 50%,
 			rgba(255, 255, 255, 0) 100%);
 	margin-top: 12rpx;
-	}
+}
 
-	.ql-editor {
+.ql-editor {
 	color: rgba(255, 255, 255, 0.6);
 	font-size: 30rpx;
-	}
+}
 
-	.ql-input {
+.ql-input {
 	width: 95.9%;
 	height: 200rpx;
 	margin-top: 30rpx;
@@ -396,40 +369,43 @@
 	padding: 30rpx;
 	border-radius: 16rpx;
 	background: rgb(26, 26, 26);
-	}
+}
 
-	.textarea {
+.textarea {
 	color: rgba(255, 255, 255, 0.8);
 	background: rgba(42, 42, 42, 1);
 	border-radius: 16rpx;
 	padding: 10rpx;
 	height: 150rpx;
-	}
+}
 
-	.editInfmation {
+.editInfmation {
 	padding: 20rpx;
 	border-radius: 40rpx 40rpx 0px 0px;
 	background: rgba(28, 28, 28, 1);
 	position: fixed;
 	bottom: 50rpx;
 	box-sizing: border-box;
-	}
+}
 
-	.login-btn {
+.login-btn {
 	margin-top: 30rpx;
 	background-color: rgb(187, 230, 0);
 	color: rgb(35, 35, 35);
 	border-radius: 50rpx;
 	width: 90%;
-	}
+}
-	.checkbox.disabled {
+
+.checkbox.disabled {
 	opacity: 0.5;
 	background-color: rgba(255, 255, 255, 0.1) !important;
 	border-color: rgba(255, 255, 255, 0.2) !important;
-	  pointer-events: none; /* 阻止点击事件 */
+	pointer-events: none;
-	}
+	/* 阻止点击事件 */
-	/* 可选：离线设备的卡片整体置灰 */
+}
-	.device-card[data-offline="true"] {
+
+/* 可选：离线设备的卡片整体置灰 */
+.device-card[data-offline="true"] {
 	opacity: 0.6;
-	}
+}
 </style>

utils/function.js

@@ -14,3 +14,55 @@ export const generateShortId = () => {
 	return Date.now().toString(36) + Math.random().toString(36).substr(2, 8);
 };
 export default generateShortId;
+
+// 获取设备实时状态的
+/**
+ * 获取设备状态（带自动轮询）
+ * @param {Object} options - 配置对象
+ * @param {number} options.functionMode - 功能模式
+ * @param {string} options.batchId - 批次ID
+ * @param {Object} options.sendInfo - 设备信息
+ * @param {string} options.sendInfo.typeName - 类型名称
+ * @param {string} options.sendInfo.deviceImei - 设备IMEI
+ * @param {number} [options.interval=500] - 轮询间隔（毫秒）
+ * @param {Function} apiClient - 接口调用函数
+ */
+export async function getdeviceSTatus({
+	functionMode,
+	batchId,
+	typeName,
+	deviceImei,
+	interval
+}, apiClient) {
+	const checkStatus = async () => {
+		try {
+			const res = await apiClient({
+				functionMode,
+				batchId,
+				typeName,
+				deviceImei
+			});
+			if (res.code !== 200) {
+				throw new Error(res.msg || '请求失败');
+			}  
+			switch (res.data.functionAccess) {
+				case 'OK':
+					return res;
+				case 'ACTIVE':
+					await new Promise(r => setTimeout(r, interval));
+					return checkStatus();
+				case 'FAILED':
+					throw new Error('设备操作失败');
+				case 'TIMEOUT':
+					throw new Error('设备响应超时');
+				default:
+					throw new Error('未知状态');
+			}
+		} catch (error) {
+			console.error('设备状态轮询错误:', error);
+			throw error;
+		}
+	};
+
+	return checkStatus();
+}