| | |
| | | }" |
| | | > |
| | | <!--头部--> |
| | | <app-header class="absolute z-[100] top-0 left-0 right-0" :selected-id="currentProjectId" /> |
| | | <app-header class="absolute z-[100] top-0 left-0 right-0" :selected-id="currentProjectId" @onHomeClick="switchView" /> |
| | | |
| | | |
| | | |
| | | <!--页面内容--> |
| | | <div class="content-wrapper px-[22px] py-[10px] absolute inset-0 top-[80px] flex gap-[20px]"> |
| | | <div class="content-wrapper px-[22px] py-[10px] absolute inset-0 top-[80px] flex gap-[20px]" v-if="clickTab === 'home'"> |
| | | <div class="flex-1 min-w-0"> |
| | | <!-- 左侧模块 --> |
| | | <div class="w-full h-full"> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="absolute inset-0 top-[80px] flex" v-if="clickTab === 'xietong'"> |
| | | <iframe :src="iframeSrc" class="xieTongIframe" frameborder='0'></iframe> |
| | | </div> |
| | | |
| | | <!--multiverse渲染容器 |
| | | <div id="renderDom" class="absolute z-[40] top-0 bottom-0 left-0 right-0 w-full h-full"></div>--> |
| | |
| | | return { |
| | | backgroundImage: new URL('@/assets/images/backgrounds/screen.png', import.meta.url).href, |
| | | currentProjectId: '1c179617-a7d9-4243-b813-84fa55a17ce7', |
| | | isReady: false |
| | | isReady: false, |
| | | clickTab:'home', |
| | | iframeSrc: window.ProjectConfig.xieTongIframeSrc |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | this.resetEngineRelated(); |
| | | }, |
| | | methods: { |
| | | /** |
| | | * 切换视图 |
| | | * @param val |
| | | */ |
| | | switchView(val){ |
| | | this.clickTab = val; |
| | | }, |
| | | //重置引擎相关的东西 |
| | | resetEngineRelated() { |
| | | window.scene = window.underlay = null; |
| | |
| | | }, |
| | | }; |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .xieTongIframe{ |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | </style> |