From 79f85203c463dcd1e2f557682bac01f6d2fff486 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Wed, 24 Jul 2024 14:49:20 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=B5=8C=E5=85=A5=E5=BC=8F):=20div=20?=
 =?UTF-8?q?=E5=B5=8C=E5=85=A5=E4=BB=AA=E8=A1=A8=E6=9D=BF=E5=92=8C=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E5=A4=A7=E5=B1=8F=20=E6=96=B0=E5=BB=BA=E5=92=8C?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E9=A1=B5=E9=9D=A2=E9=9C=80=E8=A6=81=E8=BF=94?=
 =?UTF-8?q?=E5=9B=9E=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/dashboard/DbToolbar.vue    | 15 +++++----
 .../data-visualization/DvToolbar.vue          | 11 ++++++-
 .../src/views/common/DeResourceTree.vue       | 33 +++----------------
 .../views/data-visualization/PreviewHead.vue  |  2 +-
 4 files changed, 25 insertions(+), 36 deletions(-)

diff --git a/core/core-frontend/src/components/dashboard/DbToolbar.vue b/core/core-frontend/src/components/dashboard/DbToolbar.vue
index 9ae7a2aab6..6ab9a5a0f6 100644
--- a/core/core-frontend/src/components/dashboard/DbToolbar.vue
+++ b/core/core-frontend/src/components/dashboard/DbToolbar.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ElMessage, ElMessageBox } from 'element-plus-secondary'
 import eventBus from '@/utils/eventBus'
+import { useEmbedded } from '@/store/modules/embedded'
 import { deepCopy } from '@/utils/utils'
 import { nextTick, reactive, ref, computed, toRefs } from 'vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
@@ -228,8 +229,14 @@ const backToMain = () => {
     backHandler(url)
   }
 }
+const embeddedStore = useEmbedded()
 
 const backHandler = (url: string) => {
+  if (isEmbedded.value) {
+    embeddedStore.clearState()
+    useEmitt().emitter.emit('changeCurrentComponent', 'DashboardPanel')
+    return
+  }
   if (window['dataease-embedded-host'] && openHandler?.value) {
     const pm = {
       methodName: 'embeddedInteractive',
@@ -391,7 +398,7 @@ const onDvNameChange = () => {
   snapshotStore.recordSnapshotCache()
 }
 const appStore = useAppStoreWithOut()
-const isDataEaseBi = computed(() => appStore.getIsDataEaseBi)
+const isEmbedded = computed(() => appStore.getIsDataEaseBi || appStore.getIsIframe)
 
 const openHandler = ref(null)
 const initOpenHandler = newWindow => {
@@ -417,11 +424,7 @@ const initOpenHandler = newWindow => {
         <div class="middle-area"></div>
       </template>
       <template v-else>
-        <el-icon
-          v-if="!batchOptStatus && !isDataEaseBi"
-          class="custom-el-icon back-icon"
-          @click="backToMain()"
-        >
+        <el-icon v-if="!batchOptStatus" class="custom-el-icon back-icon" @click="backToMain()">
           <Icon class="toolbar-icon" name="icon_left_outlined" />
         </el-icon>
         <div class="left-area" v-if="editMode === 'edit' && !batchOptStatus">
diff --git a/core/core-frontend/src/components/data-visualization/DvToolbar.vue b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
index 6de07eae33..74acf3cb4d 100644
--- a/core/core-frontend/src/components/data-visualization/DvToolbar.vue
+++ b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
@@ -2,6 +2,7 @@
 import { ElMessage, ElMessageBox } from 'element-plus-secondary'
 import eventBus from '@/utils/eventBus'
 import { ref, nextTick, computed, toRefs } from 'vue'
+import { useEmbedded } from '@/store/modules/embedded'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { useAppStoreWithOut } from '@/store/modules/app'
@@ -179,7 +180,15 @@ const backToMain = () => {
     backHandler(url)
   }
 }
+const embeddedStore = useEmbedded()
+const isEmbedded = computed(() => appStore.getIsDataEaseBi || appStore.getIsIframe)
+
 const backHandler = (url: string) => {
+  if (isEmbedded.value) {
+    embeddedStore.clearState()
+    useEmitt().emitter.emit('changeCurrentComponent', 'ScreenPanel')
+    return
+  }
   if (window['dataease-embedded-host'] && openHandler?.value) {
     const pm = {
       methodName: 'embeddedInteractive',
@@ -247,7 +256,7 @@ const fullScreenPreview = () => {
         <div class="middle-area"></div>
       </template>
       <template v-else>
-        <el-icon v-if="!isDataEaseBi" class="custom-el-icon back-icon" @click="backToMain()">
+        <el-icon class="custom-el-icon back-icon" @click="backToMain()">
           <Icon class="toolbar-icon" name="icon_left_outlined" />
         </el-icon>
         <div class="left-area">
diff --git a/core/core-frontend/src/views/common/DeResourceTree.vue b/core/core-frontend/src/views/common/DeResourceTree.vue
index c52c00f35a..37bb196ee6 100644
--- a/core/core-frontend/src/views/common/DeResourceTree.vue
+++ b/core/core-frontend/src/views/common/DeResourceTree.vue
@@ -16,7 +16,6 @@ import { interactiveStoreWithOut } from '@/store/modules/interactive'
 const interactiveStore = interactiveStoreWithOut()
 import router from '@/router'
 import { useI18n } from '@/hooks/web/useI18n'
-import { parseUrl } from '@/utils/ParseUrl'
 import _ from 'lodash'
 import DeResourceCreateOptV2 from '@/views/common/DeResourceCreateOptV2.vue'
 import { useCache } from '@/hooks/web/useCache'
@@ -106,8 +105,7 @@ const dvSvgType = computed(() =>
   curCanvasType.value === 'dashboard' ? 'dv-dashboard-spine' : 'dv-screen-spine'
 )
 
-const isDataEaseBi = computed(() => appStore.getIsDataEaseBi)
-const isIframe = computed(() => appStore.getIsIframe)
+const isEmbedded = computed(() => appStore.getIsDataEaseBi || appStore.getIsIframe)
 
 const resourceTypeList = computed(() => {
   const list = [
@@ -281,7 +279,7 @@ const operation = (cmd: string, data: BusiTreeNode, nodeType: string) => {
         curCanvasType.value === 'dataV'
           ? `#/dvCanvas?opt=copy&pid=${params.pid}&dvId=${data.data}`
           : `#/dashboard?opt=copy&pid=${params.pid}&resourceId=${data.data}`
-      if (isDataEaseBi.value) {
+      if (isEmbedded.value) {
         embeddedStore.clearState()
         embeddedStore.setPid(params.pid as string)
         embeddedStore.setOpt('copy')
@@ -296,12 +294,6 @@ const operation = (cmd: string, data: BusiTreeNode, nodeType: string) => {
         )
         return
       }
-
-      if (isIframe.value) {
-        router.push(parseUrl(baseUrl))
-        return
-      }
-
       const newWindow = window.open(baseUrl, '_blank')
       initOpenHandler(newWindow)
     })
@@ -321,7 +313,7 @@ const addOperation = (
     const baseUrl =
       curCanvasType.value === 'dataV' ? '#/dvCanvas?opt=create' : '#/dashboard?opt=create'
     let newWindow = null
-    if (isDataEaseBi.value) {
+    if (isEmbedded.value) {
       embeddedStore.clearState()
       embeddedStore.setOpt('create')
       if (data?.id) {
@@ -333,11 +325,6 @@ const addOperation = (
       )
       return
     }
-
-    if (isIframe.value) {
-      router.push(parseUrl(data?.id ? baseUrl + `&pid=${data.id}` : baseUrl))
-      return
-    }
     if (data?.id) {
       newWindow = window.open(baseUrl + `&pid=${data.id}`, '_blank')
     } else {
@@ -362,7 +349,7 @@ function createNewObject() {
 
 const resourceEdit = resourceId => {
   const baseUrl = curCanvasType.value === 'dataV' ? '#/dvCanvas?dvId=' : '#/dashboard?resourceId='
-  if (isDataEaseBi.value) {
+  if (isEmbedded.value) {
     embeddedStore.clearState()
     if (curCanvasType.value === 'dataV') {
       embeddedStore.setDvId(resourceId)
@@ -376,10 +363,6 @@ const resourceEdit = resourceId => {
     return
   }
 
-  if (isIframe.value) {
-    router.push(parseUrl(baseUrl + resourceId))
-    return
-  }
   const newWindow = window.open(baseUrl + resourceId, '_blank')
   initOpenHandler(newWindow)
 }
@@ -396,7 +379,7 @@ const resourceCreateFinish = templateData => {
       ? '#/dvCanvas?opt=create&createType=template'
       : '#/dashboard?opt=create&createType=template'
   let newWindow = null
-  if (isDataEaseBi.value) {
+  if (isEmbedded.value) {
     embeddedStore.clearState()
     embeddedStore.setOpt('create')
     embeddedStore.setCreateType('template')
@@ -410,12 +393,6 @@ const resourceCreateFinish = templateData => {
     return
   }
 
-  if (isIframe.value) {
-    router.push(
-      parseUrl(state.templateCreatePid ? baseUrl + `&pid=${state.templateCreatePid}` : baseUrl)
-    )
-    return
-  }
   if (state.templateCreatePid) {
     newWindow = window.open(baseUrl + `&pid=${state.templateCreatePid}`, '_blank')
   } else {
diff --git a/core/core-frontend/src/views/data-visualization/PreviewHead.vue b/core/core-frontend/src/views/data-visualization/PreviewHead.vue
index 4b2dfed856..3b4535080a 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewHead.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewHead.vue
@@ -41,7 +41,7 @@ const downloadAsAppTemplate = downloadType => {
 }
 
 const dvEdit = () => {
-  if (isDataEaseBi.value) {
+  if (isDataEaseBi.value || isIframe.value) {
     embeddedStore.clearState()
     if (dvInfo.value.type === 'dataV') {
       embeddedStore.setDvId(dvInfo.value.id)