From 106691b39bce8cb9be74ce55c002445c767d9464 Mon Sep 17 00:00:00 2001
From: jingna <1264204245@qq.com>
Date: Thu, 17 Apr 2025 16:17:01 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E8=A7=88=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../viewsnew/application/module/header.vue    | 34 +++++++++++++++++--
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/core/core-frontend/src/viewsnew/application/module/header.vue b/core/core-frontend/src/viewsnew/application/module/header.vue
index 8a04938..f55a9eb 100644
--- a/core/core-frontend/src/viewsnew/application/module/header.vue
+++ b/core/core-frontend/src/viewsnew/application/module/header.vue
@@ -1,12 +1,22 @@
 <script lang="ts" setup>
-import {ref, onMounted,watch } from 'vue'
+import {ref, onMounted,watch,computed } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
+import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
+import { storeToRefs } from 'pinia'
+import { useAppStoreWithOut } from '@/store/modules/app'
+import { useEmbedded } from '@/store/modules/embedded'
+
 const props = defineProps({
   projectInfo: {
     type: String,
     default: ''
   }
 })
+const appStore = useAppStoreWithOut()
+const embeddedStore = useEmbedded()
+const dvMainStore = dvMainStoreWithOut()
+const { dvInfo } = storeToRefs(dvMainStore)
+const isDataEaseBi = computed(() => appStore.getIsDataEaseBi)
 const projectInfo:any=ref({
   
 })
@@ -16,7 +26,25 @@ watch(() => props.projectInfo, val => {
 onMounted(()=>{
   projectInfo.value = props.projectInfo
 })
-
+//预览
+const previewpage=()=>{
+  if(dvInfo.value.id !== null){
+    const baseUrl = isDataEaseBi.value ? embeddedStore.baseUrl : ''
+    const url = baseUrl + '#/preview?dvId=' + dvInfo.value.id + '&ignoreParams=true'
+    const newWindow = window.open(url, '_blank')
+    initOpenHandler(newWindow)
+  }
+}
+const openHandler = ref(null)
+const initOpenHandler = newWindow => {
+  if (openHandler?.value) {
+    const pm = {
+      methodName: 'initOpenHandler',
+      args: newWindow
+    }
+    openHandler.value.invokeMethod(pm)
+  }
+}
 </script>
 <template>
 <div class="project-header-box">
@@ -28,7 +56,7 @@ onMounted(()=>{
     <div class="header-title">{{projectInfo.name  }}</div>
   </div>
   <div class="project-header-right">
-    <div class="preview-button">预览</div>
+    <div class="preview-button" @click="previewpage">预览</div>
     <div class="design-button">设计</div>
   </div>
 </div>