预警信息新增图片功能

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),
 		//巡检任务列表

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;