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 @@ {{ item.value || '-' }} + + + 相关图片 + + + + @@ -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;