From 05f6d4e6609c973f63d51335a4b7d1f01405ebf3 Mon Sep 17 00:00:00 2001 From: gjj <Ganjj@probim.com.cn> Date: Wed, 19 Mar 2025 14:56:27 +0800 Subject: [PATCH] 全景图展示修改 --- src/views/Home.vue | 36 +++++++++++++----------------------- 1 files changed, 13 insertions(+), 23 deletions(-) diff --git a/src/views/Home.vue b/src/views/Home.vue index 809c83a..8b02944 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -30,8 +30,8 @@ <!-- 模型 / 720 --> <div class="w-full h-full" :style="isFullScreen ? fullScreenStyle : 'width: 100%; height: 100%;'" v-if="currentView === '720' || currentView === 'model'"> <iframe id="model-iframe" class="content-frame w-full h-full" src="" frameborder="0" :style="isFullScreen ? fullScreenModelStyle : ''" v-if="currentView === 'model'"></iframe> - <div id="panoviewpreview" class="pano-frame w-full h-full" :style="isFullScreen ? fullScreenPanoStyle : ''" v-if="currentView === '720'"></div> - </div> + <iframe id="panoviewpreview" class="pano-frame w-full h-full" :style="isFullScreen ? fullScreenPanoStyle : ''" v-if="currentView === '720'"></iframe> + </div> <!-- 720全景图版本选择 --> <!--<div class="w-full h-[120px] bg-[rgba(19,40,64,0.8)] absolute bottom-0 left-0 right-0 flex items-center py-[10px]" :style="isFullScreen ? 'z-index: 100; height:' : ''" v-if="currentView === '720'"> <div v-for="item in panoVersionList" :key="item.value" :style="isFullScreen ? 'z-index: 100;' : ''"> @@ -205,7 +205,6 @@ this.isLoading = true this.currentView = view if (view === 'model') { - removepano('krpanoSWFObject') nextTick(() => { this.modelShow() }) @@ -215,7 +214,6 @@ }) } else if (view === 'project') { nextTick(() => { - removepano('krpanoSWFObject') this.sceneShow() }) } @@ -286,26 +284,18 @@ }) }, panoPreview(item, scene) { - removepano('krpanoSWFObject') - const basepath = `${window.ProjectConfig.panoUrl}/Panorama${item.PbUrl}/vtour/` - const xmlurl = `${basepath}tour.xml?r=${(Math.random() * 100000 + 1)}` - let setting = {} - if (scene) { - const scenename = 'scene_' + scene.PsScenename - setting = { - startscene: scenename - } - } - this.$nextTick(() => { - embedpano({ - xml: xmlurl, - target: 'panoviewpreview', - basepath, - vars: setting, - html5: 'auto', - passQueryParameters: true, + // /LinkShare/PanoShare/:PanoId/:organizeId/:StartScene + // PanoId:全景图的id,organizeId:项目id,StartScene:初始场景id + const panoFrame = document.getElementById('panoviewpreview') + nextTick(() => { + if(panoFrame.src){ + panoFrame.removeAttribute("src"); //先移除上一次的src地址 + } + let ifrSrc = '' + ifrSrc = `${window.ProjectConfig.panoUrl}/#/LinkShare/PanoShare/${scene.PbGuid}/${this.projectId}/${scene.PsScenename}` + panoFrame.setAttribute("src",ifrSrc); }) - }) + this.isLoading = false }, sceneShow() { const iframe = document.getElementById('scene-iframe') -- Gitblit v1.9.3