优化

pages/work/bmszl/index.vue

@@ -19,29 +19,29 @@
 				<view class='content'>
 					<!-- 设备状态栏 -->
 					<uni-group mode="card" class="status-card-group">
-						<uni-grid :column="3" :showBorder="false">
-							<uni-grid-item>
+						<view class="flex-container">
+							<view class="flex-lists">
 								<view class="grid-item-box">
 									<view class="title">工作状态</view>
 									<text
 										class="text work-status-color">{{workStatusOptions[item.workStatus] || '-'}}</text>
 								</view>
-							</uni-grid-item>
-							<uni-grid-item>
+							</view>
+							<view class="flex-lists">
 								<view class="grid-item-box">
 									<view class="title">与PCS通信</view>
 									<text
 										class="text">{{communicationStatusOptions[item.pcsCommunicationStatus] || '-'}}</text>
 								</view>
-							</uni-grid-item>
-							<uni-grid-item>
+							</view>
+							<view class="flex-lists">
 								<view class="grid-item-box">
 									<view class="title">与EMS通信</view>
 									<text
 										class="text">{{communicationStatusOptions[item.emsCommunicationStatus] || '-'}}</text>
 								</view>
-							</uni-grid-item>
-						</uni-grid>
+							</view>
+						</view>
 					</uni-group>
 					<!-- 设备数据 -->
 					<uni-group mode="card" class="data-card-group">
@@ -187,9 +187,9 @@
 
 			}
 		},
-		mounted() {
+		onLoad(options) {
 			uni.showLoading()
-			this.siteId = this.$route.query.siteId || ''
+			this.siteId = options.siteId || ''
 			getBMSOverView({
 				siteId: this.siteId
 			}).then(response => {