From b244b99bb44e2b28591e1ca3229134f7c8be79c7 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Wed, 13 Aug 2025 16:42:17 +0800
Subject: [PATCH] feat:成果数据地图
---
src/views/job/components/DeviceJobDetails.vue | 47 +++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 43 insertions(+), 4 deletions(-)
diff --git a/src/views/job/components/DeviceJobDetails.vue b/src/views/job/components/DeviceJobDetails.vue
index 3b0e909..d209cd9 100644
--- a/src/views/job/components/DeviceJobDetails.vue
+++ b/src/views/job/components/DeviceJobDetails.vue
@@ -1,7 +1,7 @@
<!-- 历史任务详情 -->
<template>
<el-dialog class="ztzf-dialog" append-to-body modal-class="detailsOfHistoricalTasks" v-model="isShow" title="历史任务详情"
- :width="pxToRem(1700)" :close-on-click-modal="false" :destroy-on-close="true">
+ :width="pxToRem(1800)" :close-on-click-modal="false" :destroy-on-close="true">
<div class="content">
<div class="contentLeft">
<div class="machineTableDetailsTitle"><span>详情</span></div>
@@ -121,9 +121,23 @@
</template>
</div>
+ <el-image-viewer
+ v-if="showViewer"
+ :url-list="previewUrls"
+ :initial-index="activeIndex"
+ @close="showViewer = false"
+ />
</div>
- <DeviceJobDetailsMap v-if="isShow" :yuanImages="yuanImages" class="contentRight" :detailsData="detailsData" />
+ <div class="content-right" v-if="isShow">
+ <DeviceJobDetailsMap
+ :detailsData="detailsData"
+ :yuanImages="yuanImages"
+ @showImageeclick="showImageeclick"
+ :jobId="props.jobId"
+ />
+ <div class="content-map-popups"></div>
+ </div>
</div>
</el-dialog>
<!-- 全景360 -->
@@ -258,7 +272,7 @@
}).then(result => {
if (result.data.code !== 200) return
yuanImages.value = result.data.data.records
- console.log('ssssss',yuanImages.value);
+
})
})
@@ -312,6 +326,20 @@
const clickpanorama = val => {
panoramaParamsShow.value = true
panoramaParamsUrl.value = val.link
+}
+// 从地图点击图片预览
+const showViewer = ref(false)
+const activeIndex = ref(0)
+const previewUrls = ref([])
+const showImageeclick = (list, index, categoriestype) => {
+ if (categoriestype === 5) {
+ panoramaParamsShow.value = true
+ panoramaParamsUrl.value = list[0]
+ } else {
+ previewUrls.value = list
+ activeIndex.value = 0
+ showViewer.value = true
+ }
}
// 取消下载
function cancelDownload() {
@@ -617,11 +645,22 @@
}
}
- .contentRight {
+
+ .content-right {
+ position: relative;
width: 0;
flex-grow: 1;
background: #19ad8d;
margin-right: 17px;
+ overflow: hidden;
+
+ .content-map-popups {
+ pointer-events: none;
+
+ > * {
+ pointer-events: auto !important;
+ }
+ }
}
}
</style>
--
Gitblit v1.9.3