<!--
|
* @Author : yuan
|
* @Date : 2025-06-05 15:57:45
|
* @LastEditors : yuan
|
* @LastEditTime : 2025-06-06 14:02:54
|
* @FilePath : \src\components\PanoramaPopup\PanoramaPopup.vue
|
* @Description :
|
* Copyright 2025 OBKoro1, All Rights Reserved.
|
* 2025-06-05 15:57:45
|
-->
|
<template>
|
<el-dialog
|
modal-class="showFullScreenDlg"
|
v-model="panoramaParamsShow"
|
:close-on-click-modal="false"
|
:destroy-on-close="true"
|
fullscreen
|
>
|
<iframe :src="iframeSrc" frameborder="0"></iframe>
|
</el-dialog>
|
</template>
|
|
<script setup>
|
import { getPanoramaDetails } from '@/api/panorama/index'
|
import { getShowImg } from '@/utils/util'
|
|
import EventBus from '@/utils/eventBus'
|
|
const panoramaParamsShow = defineModel('panoramaParamsShow', {
|
default: false,
|
})
|
const panoramaParamsUrl = defineModel('panoramaParamsUrl', {
|
default: '',
|
})
|
const iframeSrc = computed(() => {
|
console.log('panoramaParamsShow',panoramaParamsShow.value ,panoramaParamsUrl.value);
|
|
if (!panoramaParamsUrl.value) return ''
|
|
return `https://wrj.shuixiongit.com/dronePanorama/html/simple-index.html?path=${getShowImg(panoramaParamsUrl.value)}`
|
})
|
|
const initPanorama = id => {
|
getPanoramaDetails(id).then(res => {
|
panoramaParamsUrl.value = res.data.data.link
|
panoramaParamsShow.value = true
|
})
|
}
|
|
onMounted(() => {
|
EventBus.on('initPanorama', initPanorama)
|
})
|
|
onBeforeUnmount(() => {
|
EventBus.off('initPanorama', initPanorama)
|
})
|
</script>
|
|
<style lang="scss" scoped></style>
|
