From 937ee72160350e48c329c0675bba7c4b8e678dbe Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Mon, 29 Apr 2024 15:12:24 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=B5=8C=E5=85=A5=E5=BC=8F):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=A4=A7=E5=B1=8F=E6=A0=91-div=20=E5=B5=8C=E5=85=A5-?=
 =?UTF-8?q?=E6=96=B0=E5=BB=BA=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E5=9B=BE=E5=B1=82=E3=80=81=E7=94=BB=E5=B8=83=E3=80=81?=
 =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E9=85=8D=E7=BD=AE=E9=94=99=E4=BD=8D=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/core-frontend/src/router/embedded.ts       | 17 +----------------
 .../core-frontend/src/views/dashboard/index.vue |  6 +++++-
 .../src/views/data-visualization/index.vue      | 11 +++++++++--
 .../src/views/template-market/index.vue         | 15 +++++++++++----
 4 files changed, 26 insertions(+), 23 deletions(-)

diff --git a/core/core-frontend/src/router/embedded.ts b/core/core-frontend/src/router/embedded.ts
index 61a9b4e939..908178909c 100644
--- a/core/core-frontend/src/router/embedded.ts
+++ b/core/core-frontend/src/router/embedded.ts
@@ -2,22 +2,7 @@ import { createRouter, createWebHashHistory } from 'vue-router'
 import type { RouteRecordRaw } from 'vue-router'
 import type { App } from 'vue'
 
-export const routes: AppRouteRecordRaw[] = [
-  {
-    path: '/dvCanvas',
-    name: 'dvCanvas',
-    hidden: true,
-    meta: {},
-    component: () => import('@/views/data-visualization/index.vue')
-  },
-  {
-    path: '/dashboard',
-    name: 'dashboard',
-    hidden: true,
-    meta: {},
-    component: () => import('@/views/dashboard/index.vue')
-  }
-]
+export const routes: AppRouteRecordRaw[] = []
 
 const router = createRouter({
   history: createWebHashHistory(),
diff --git a/core/core-frontend/src/views/dashboard/index.vue b/core/core-frontend/src/views/dashboard/index.vue
index 632af72194..7d382264c4 100644
--- a/core/core-frontend/src/views/dashboard/index.vue
+++ b/core/core-frontend/src/views/dashboard/index.vue
@@ -100,10 +100,14 @@ const onMobileConfig = () => {
 }
 
 const loadFinish = ref(false)
+const newWindowFromDiv = ref(false)
 let p = null
 const XpackLoaded = () => p(true)
 // 全局监听按键事件
 onMounted(async () => {
+  if (window.location.hash.includes('#/dashboard')) {
+    newWindowFromDiv.value = true
+  }
   await new Promise(r => (p = r))
   loadFinish.value = true
   useEmitt({
@@ -185,7 +189,7 @@ onUnmounted(() => {
 <template>
   <div
     class="dv-common-layout dv-teleport-query"
-    :class="isDataEaseBi && 'dataease-w-h'"
+    :class="isDataEaseBi && !newWindowFromDiv && 'dataease-w-h'"
     v-if="loadFinish && !mobileConfig"
   >
     <DbToolbar />
diff --git a/core/core-frontend/src/views/data-visualization/index.vue b/core/core-frontend/src/views/data-visualization/index.vue
index d2d6121c39..01be425371 100644
--- a/core/core-frontend/src/views/data-visualization/index.vue
+++ b/core/core-frontend/src/views/data-visualization/index.vue
@@ -208,10 +208,13 @@ const checkPer = async resourceId => {
 }
 
 const loadFinish = ref(false)
-
+const newWindowFromDiv = ref(false)
 let p = null
 const XpackLoaded = () => p(true)
 onMounted(async () => {
+  if (window.location.hash.includes('#/dvCanvas')) {
+    newWindowFromDiv.value = true
+  }
   await new Promise(r => (p = r))
   loadFinish.value = true
   window.addEventListener('blur', releaseAttachKey)
@@ -311,7 +314,11 @@ eventBus.on('handleNew', handleNew)
 </script>
 
 <template>
-  <div ref="dvLayout" class="dv-common-layout" :class="isDataEaseBi && 'dataease-w-h'">
+  <div
+    ref="dvLayout"
+    class="dv-common-layout"
+    :class="isDataEaseBi && !newWindowFromDiv && 'dataease-w-h'"
+  >
     <DvToolbar />
     <div class="custom-dv-divider" />
     <el-container
diff --git a/core/core-frontend/src/views/template-market/index.vue b/core/core-frontend/src/views/template-market/index.vue
index 2be6931e94..f9da8d091f 100644
--- a/core/core-frontend/src/views/template-market/index.vue
+++ b/core/core-frontend/src/views/template-market/index.vue
@@ -162,6 +162,8 @@
 
 <script setup lang="ts">
 import { searchMarket } from '@/api/templateMarket'
+import { useEmbedded } from '@/store/modules/embedded'
+import { useAppStoreWithOut } from '@/store/modules/app'
 import elementResizeDetectorMaker from 'element-resize-detector'
 import { nextTick, reactive, watch, onMounted, ref, computed } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
@@ -175,7 +177,8 @@ import { XpackComponent } from '@/components/plugin'
 import { Base64 } from 'js-base64'
 const { t } = useI18n()
 const { wsCache } = useCache()
-
+const embeddedStore = useEmbedded()
+const appStore = useAppStoreWithOut()
 const interactiveStore = interactiveStoreWithOut()
 
 // full 正常展示 marketPreview 模板中心预览 createPreview 创建界面预览
@@ -187,7 +190,7 @@ const close = () => {
 }
 
 const title = computed(() => (state.curPosition === 'branch' ? '模板中心' : '使用模板新建'))
-
+const isDataEaseBi = computed(() => appStore.getIsDataEaseBi)
 const state = reactive({
   initReady: true,
   curPosition: 'branch',
@@ -430,10 +433,14 @@ const apply = template => {
     '&templateParams=' +
     Base64.encode(JSON.stringify(templateTemplate))
   let newWindow = null
+  let embeddedBaseUrl = ''
+  if (isDataEaseBi.value) {
+    embeddedBaseUrl = embeddedStore.baseUrl
+  }
   if (state.pid) {
-    newWindow = window.open(baseUrl + `&pid=${state.pid}`, '_blank')
+    newWindow = window.open(embeddedBaseUrl + baseUrl + `&pid=${state.pid}`, '_blank')
   } else {
-    newWindow = window.open(baseUrl, '_blank')
+    newWindow = window.open(embeddedBaseUrl + baseUrl, '_blank')
   }
   initOpenHandler(newWindow)
 }