演示

pages/sys/workbench/earlyWarning/earlyWarning.vue

@@ -16,19 +16,19 @@
 
 		<!-- 列表区 -->
 		<scroll-view scroll-y class="warn-list">
-			<view v-for="(item, idx) in list" :key="idx" class="warn-card" @click="goDetail(item)">
+			<view v-for="(item, idx) in list" :key="idx" class="warn-card" @click="goDetail2(item)">
 				<view class="warn-row">
-					<view class="warn-no">事件预警类型</view>
+					<view class="warn-no">{{item.smallTypeName}}</view>
 					<view class="warn-status">
-						紧急
+						{{item.levelName}}
 					</view>
 				</view>
 				<image class="warn-line-image" src="/static/ic_my_repair_03.png" />
-				<view class="warn-info">预警内容</view>
-				<view class="warn-info">预警位置</view>
-				<view class="warn-info">预警时间</view>
-				<view class="warn-info">预警设备</view>
-				<view class="warn-eval-wrap">
+				<view class="warn-info">预警内容：{{ item.description }}</view>
+				<view class="warn-info">预警位置：{{ item.deviceGroupName }}</view>
+				<view class="warn-info">预警时间：{{ item.reportTime }}</view>
+				<view class="warn-info">预警设备：{{ item.deviceName }}</view>
+				<view v-if="[20, 30, 31, 32].includes(item.state)" class="warn-eval-wrap" @click.stop="goDetail(item)">
 					<view class="warn-eval-btn">去处理</view>
 				</view>
 			</view>
@@ -57,6 +57,11 @@
 				return this.tabData[this.activeTab];
 			},
 		},
+		onShow() {
+			uni.$once('refreshData',s=> {
+				this.loadTabData(this.activeTab);
+			});
+		},
 		created() {
 			this.loadTabData(this.activeTab);
 		},
@@ -74,8 +79,10 @@
 			async loadTabData(idx) {
 				this.loading = true;
 				let params = {};
-				if(idx == 0){
-					params = {'status':0}
+				if (idx == 0) {
+					params = {
+						'states': [20, 30, 31, 32]
+					}
 				}
 				let res = await this.$u.api.getWarns(params);
 				if (res.code == "200") {
@@ -91,10 +98,16 @@
 					url: "/pages/sys/workbench/earlyWarning/warnDetail?item=" + itemStr,
 				});
 			},
-			goStatistics(){
+			goDetail2(item) {
+				const itemStr = encodeURIComponent(JSON.stringify(item));
+				uni.navigateTo({
+					url: "/pages/sys/workbench/earlyWarning/warnDetail?item=" + itemStr+"&pageType=detail",
+				});
+			},
+			goStatistics() {
 				uni.navigateTo({
 					url: "/pages/sys/workbench/earlyWarning/warnStatistics"
-				});	
+				});
 			}
 		},
 	};
@@ -124,12 +137,14 @@
 		margin-left: 24rpx;
 		margin-right: 78rpx;
 	}
-	.warn-right-txt{
+
+	.warn-right-txt {
 		font-size: 24rpx;
 		color: #0090FF;
 		margin-right: 24rpx;
 	}
-	.warn-title{
+
+	.warn-title {
 		font-size: 36rpx;
 		color: #000;
 		margin-left: auto;
@@ -188,15 +203,15 @@
 		padding-top: 25rpx;
 		padding-bottom: 32rpx;
 	}
-	
+
 	.warn-eval-wrap {
 		display: flex;
 		justify-content: center;
 		width: 100%;
 		margin-top: 20rpx;
 	}
-	
-	.warn-eval-btn{
+
+	.warn-eval-btn {
 		width: 240rpx;
 		height: 60rpx;
 		text-align: center;