h5添加在线状态

monitorMobile/pages/monitor/index.vue

@@ -16,7 +16,7 @@
 				<view class="botbox">
 					<view id="url-player-test"></view>
 				</view>
-				
+
 			</view>
 			<view class="bottom-content">
 
@@ -78,7 +78,8 @@
 			</view>
 		</view>
 		<view class="tableBox">
-			<u-empty marginTop="100rpx" :show="monitorList.length == 0&&status == 'nomore'" mode="list" text="暂无数据"></u-empty>
+			<u-empty marginTop="100rpx" :show="monitorList.length == 0&&status == 'nomore'" mode="list"
+				text="暂无数据"></u-empty>
 			<u-list @scrolltolower="scrolltolower" style="height: calc(100% - 0rpx);">
 				<u-list-item v-for="(item, index) in monitorList" :key="index">
 					<view class="liBox">
@@ -107,6 +108,13 @@
 										设备IP：{{item.directUrlIp}}
 									</view>
 								</view>
+								<view class="thirdCard">
+									<view class="txt">
+										状态：
+										<text v-if="item.deviceStatus" style="color: #67c23a;">在线</text>
+										<text v-else style="color: #db2777;">离线</text>
+									</view>
+								</view>
 							</view>
 						</view>
 
@@ -201,10 +209,10 @@
 			this.loadmore()
 		},
 		onUnload() {
-			if(this.showVideo) {
+			if (this.showVideo) {
 				this.closeDialog()
 			}
-			
+
 		},
 		onPullDownRefresh() {
 			uni.stopPullDownRefresh()
@@ -336,7 +344,7 @@
 				});
 			},
 			// 获取视频地址
-			startClick(id,name) {
+			startClick(id, name) {
 				this.sensorId = id;
 				this.sensorName = name;
 				this.showVideo = true;
@@ -443,17 +451,20 @@
 					align-items: center;
 					padding: 0 25rpx;
 					background: #fff;
+
 					.title {
 						font-weight: 700;
 						font-size: 28rpx;
 					}
+
 					.closes {
-						
+
 						// background: #ccc;
 					}
 				}
+
 				.botbox {
-					height:calc(100% - 80rpx);
+					height: calc(100% - 80rpx);
 				}
 			}
 
@@ -674,7 +685,7 @@
 						display: flex;
 						justify-content: space-between;
 						align-items: center;
-						margin-bottom: 60rpx;
+						// margin-bottom: 60rpx;
 
 						.schoolName {
 							font-size: 32rpx;