From 2270b800c990267f4b62da47fd911a26e22160fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=98=89=E8=B1=AA?=
 <42510293+ziyujiahao@users.noreply.github.com>
Date: Thu, 30 Oct 2025 14:53:34 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F=E6=8C=87?=
 =?UTF-8?q?=E6=A0=87=E5=8D=A1=E4=BA=8B=E4=BB=B6=E8=B7=B3=E8=BD=AC=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3=E9=97=AE=E9=A2=98=20(#17314)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/ComponentWrapper.vue               |  2 +-
 .../PreviewCanvasMobile.vue                   | 26 +++++++++++++++++--
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
index a82d07c516..59bdbcfd02 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
@@ -381,7 +381,7 @@ const onWrapperClick = e => {
           }
         } else {
           initOpenHandler(window.open(url, jumpType))
-          if (isMobile()) {
+          if (isDashboard() && isMobile()) {
             window.location.reload()
           }
         }
diff --git a/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue b/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue
index b5a96576fb..cf000a622f 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-import { onMounted, onUnmounted, reactive } from 'vue'
+import { nextTick, onMounted, onUnmounted, reactive, ref } from 'vue'
 import DePreview from '@/components/data-visualization/canvas/DePreview.vue'
 import router from '@/router/mobile'
 import { initCanvasDataMobile, initCanvasData } from '@/utils/canvasUtils'
@@ -16,10 +16,15 @@ import { setTitle } from '@/utils/utils'
 import EmptyBackground from '../../components/empty-background/src/EmptyBackground.vue'
 import { filterEnumMapSync } from '@/utils/componentUtils'
 import CanvasOptBar from '@/components/visualization/CanvasOptBar.vue'
+import { useEmitt } from '@/hooks/web/useEmitt'
+import { downloadCanvas2 } from '@/utils/imgUtils'
 
 const dvMainStore = dvMainStoreWithOut()
 const { t } = useI18n()
 const embeddedStore = useEmbedded()
+
+const previewCanvasContainer = ref(null)
+const downloadStatus = ref(false)
 const state = reactive({
   canvasDataPreview: null,
   canvasStylePreview: null,
@@ -42,6 +47,16 @@ const props = defineProps({
   ticketArgs: propTypes.string.def(null)
 })
 
+const downloadH2 = type => {
+  downloadStatus.value = true
+  nextTick(() => {
+    const vueDom = previewCanvasContainer.value.querySelector('.canvas-container')
+    downloadCanvas2(type, vueDom, state.dvInfo.name, () => {
+      downloadStatus.value = false
+    })
+  })
+}
+
 const loadCanvasDataAsync = async (dvId, dvType) => {
   const jumpInfoParam = embeddedStore.jumpInfoParam || router.currentRoute.value.query.jumpInfoParam
   let jumpParam
@@ -173,13 +188,20 @@ onUnmounted(() => {
   window.removeEventListener('popstate', handlePopState)
 })
 
+useEmitt({
+  name: 'canvasDownload',
+  callback: function (type = 'img') {
+    downloadH2(type)
+  }
+})
+
 defineExpose({
   loadCanvasDataAsync
 })
 </script>
 
 <template>
-  <div class="content" v-if="state.initState">
+  <div class="content" v-if="state.initState" ref="previewCanvasContainer">
     <canvas-opt-bar
       canvas-id="canvas-main"
       :canvas-style-data="state.canvasStylePreview || {}"