From 5bf5a549bfacae98205d29e076dd8d1f24b353f4 Mon Sep 17 00:00:00 2001
From: liyuanchao <438964165@qq.com>
Date: Thu, 28 Aug 2025 11:12:25 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E8=AD=A6=E4=BF=A1=E6=81=AF=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=9B=BE=E7=89=87=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/http.api.js                            |  1 +
 .../sys/workbench/earlyWarning/warnDetail.vue | 33 +++++++++++++++++--
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/common/http.api.js b/common/http.api.js
index 4694ebe..b8a397a 100644
--- a/common/http.api.js
+++ b/common/http.api.js
@@ -60,6 +60,7 @@ const install = (Vue, vm) => {
 		
 		getWarnDetail:(params = {}, id) => vm.$u.get(config.adminPath+`/sis/alarmEvents/${id}`,params),
 		getWarnEventInfo:(params = {}, alarmId) => vm.$u.get(config.adminPath+`/sis/alarmEventProcess/query/result/${alarmId}`,params),
+		getWarnImages:(params = {}, alarmId) => vm.$u.get(config.adminPath+`/sis/alarmEventAttachments/query/${alarmId}`,params),
 
 		getImageUrl:(params = {}, ossIds) => vm.$u.get(config.adminPath+`/resource/oss/listByIds/${ossIds}`,params),
 		//巡检任务列表
diff --git a/pages/sys/workbench/earlyWarning/warnDetail.vue b/pages/sys/workbench/earlyWarning/warnDetail.vue
index 97d6cb6..c5f8d70 100644
--- a/pages/sys/workbench/earlyWarning/warnDetail.vue
+++ b/pages/sys/workbench/earlyWarning/warnDetail.vue
@@ -10,6 +10,20 @@
 					<text class="value">{{ item.value || '-' }}</text>
 				</view>
 			</view>
+			<!-- 显示上传的图片 -->
+			<view v-if="infoImages.length > 0">
+				<view class="add-warn-label">相关图片</view>
+				<view class="image-list">
+					<image
+						v-for="(img, idx) in infoImages"
+						:key="idx"
+						:src="img"
+						mode="aspectFill"
+						class="preview-image"
+						@click="previewImage2(idx)"
+					/>
+				</view>
+			</view>
 		</view>
 
 		<!-- 处理情况卡片 或 详情情况卡片 -->
@@ -108,6 +122,7 @@ export default {
 			statusList: ['未处理', '处理中', '已处理'],
 			selectedImages: [], // 存储已选图片
 			realImages: [],     // 上传后的真实图片url
+			infoImages:[],
 			loading: false
 		};
 	},
@@ -137,10 +152,16 @@ export default {
 	},
 	created() {
 		this.loadEevetInfo();
+		this.getWarnImages()
 	},
 	methods: {
-
-
+		async getWarnImages(){
+			let res = await this.$u.api.getWarnImages({}, this.warnInfo.id);
+			if (res.code == 200 && res.data) {
+				// 提取res.data数组中每个对象的url字段
+				this.infoImages = res.data.map(item => item.imagePath);
+			}			
+		},
 		async loadEevetInfo() {
 			let res = await this.$u.api.getWarnEventInfo({}, this.warnInfo.id);
 			if (res.code == "200") {
@@ -224,6 +245,13 @@ export default {
 				current: this.realImages[index],
 				urls: this.realImages
 			})
+		},
+		
+		previewImage2(index) {
+			uni.previewImage({
+				current: this.infoImages[index],
+				urls: this.infoImages
+			})
 		}
 	}
 };
@@ -252,6 +280,7 @@ export default {
 .card-content {
 	border-top: 1rpx solid #eee;
 	padding-top: 20rpx;
+	margin-bottom: 30rpx;
 }
 .info-item {
 	display: flex;