From 98549ba497ca533ec295d3d71344ae5a3a1691ee Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Tue, 11 Jun 2024 14:13:18 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=A7=BB=E5=8A=A8=E7=AB=AF):=20=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E5=A4=A7=E5=B1=8F=E7=9A=84=E5=85=AC=E5=85=B1=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5=E9=80=9A=E8=BF=87=E6=89=8B=E6=9C=BA=E6=89=93=E5=BC=80?=
 =?UTF-8?q?=E4=BC=9A=E6=98=BE=E7=A4=BA=E2=80=9C=E8=B5=84=E6=BA=90=E4=B8=8D?=
 =?UTF-8?q?=E5=AD=98=E5=9C=A8=E6=88=96=E5=B7=B2=E7=BB=8F=E8=A2=AB=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E2=80=9D=20#9971?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/core-frontend/src/permission.ts          |  2 ++
 core/core-frontend/src/permissionMobile.ts    |  2 +-
 core/core-frontend/src/router/mobile.ts       |  7 ++++
 .../src/views/mobile/panel/NotSupport.vue     | 14 ++++++++
 .../src/views/share/link/mobile.vue           | 32 ++-----------------
 5 files changed, 27 insertions(+), 30 deletions(-)
 create mode 100644 core/core-frontend/src/views/mobile/panel/NotSupport.vue

diff --git a/core/core-frontend/src/permission.ts b/core/core-frontend/src/permission.ts
index 5cf6757e0c..af09bd08e9 100644
--- a/core/core-frontend/src/permission.ts
+++ b/core/core-frontend/src/permission.ts
@@ -39,6 +39,8 @@ router.beforeEach(async (to, from, next) => {
     loadDone()
     if (to.name === 'link') {
       window.location.href = window.origin + '/mobile.html#' + to.path
+    } else if (to.path === '/dvCanvas') {
+      window.location.href = window.origin + '/mobile.html#' + to.path
     } else if (
       wsCache.get('user.token') ||
       isDesktop ||
diff --git a/core/core-frontend/src/permissionMobile.ts b/core/core-frontend/src/permissionMobile.ts
index 0af6b4b952..3e2b3c5943 100644
--- a/core/core-frontend/src/permissionMobile.ts
+++ b/core/core-frontend/src/permissionMobile.ts
@@ -17,7 +17,7 @@ const { start, done } = useNProgress()
 const interactiveStore = interactiveStoreWithOut()
 
 const { loadStart, loadDone } = usePageLoading()
-const whiteList = ['/login', '/panel'] // 不重定向白名单
+const whiteList = ['/login', '/panel', '/dvCanvas'] // 不重定向白名单
 
 router.beforeEach(async (to, _, next) => {
   start()
diff --git a/core/core-frontend/src/router/mobile.ts b/core/core-frontend/src/router/mobile.ts
index 187efe98b7..72343698db 100644
--- a/core/core-frontend/src/router/mobile.ts
+++ b/core/core-frontend/src/router/mobile.ts
@@ -51,6 +51,13 @@ export const routes: AppRouteRecordRaw[] = [
     hidden: true,
     meta: {},
     component: () => import('@/views/mobile/panel/Mobile.vue')
+  },
+  {
+    path: '/dvCanvas',
+    name: 'dv',
+    hidden: true,
+    meta: {},
+    component: () => import('@/views/mobile/panel/NotSupport.vue')
   }
 ]
 
diff --git a/core/core-frontend/src/views/mobile/panel/NotSupport.vue b/core/core-frontend/src/views/mobile/panel/NotSupport.vue
new file mode 100644
index 0000000000..3f151c1e2f
--- /dev/null
+++ b/core/core-frontend/src/views/mobile/panel/NotSupport.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="not-support">请注意，数据大屏不支持在移动端查阅！</div>
+</template>
+
+<style lang="less" scoped>
+.not-support {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+}
+</style>
diff --git a/core/core-frontend/src/views/share/link/mobile.vue b/core/core-frontend/src/views/share/link/mobile.vue
index d30cfde54e..156e2a394b 100644
--- a/core/core-frontend/src/views/share/link/mobile.vue
+++ b/core/core-frontend/src/views/share/link/mobile.vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    :class="curType === 'dashboard' ? 'mobile-link-container' : 'link-container'"
-    v-loading="loading"
-  >
+  <div class="mobile-link-container" v-loading="loading">
     <LinkError v-if="!loading && !linkExist" />
     <Exp v-else-if="!loading && linkExp" />
     <PwdTips v-else-if="!loading && !pwdValid" />
@@ -15,22 +12,16 @@
       :dv-info="state.dvInfo"
       :cur-gap="state.curPreviewGap"
     ></de-preview>
-    <PreviewCanvas
-      v-else-if="curType !== 'dashboard'"
-      :class="{ 'hidden-link': loading }"
-      ref="pcanvas"
-      public-link-status="true"
-    />
   </div>
 </template>
 <script lang="ts" setup>
 import { onMounted, nextTick, ref, reactive } from 'vue'
 import { initCanvasDataMobile } from '@/utils/canvasUtils'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-import PreviewCanvas from '@/views/data-visualization/PreviewCanvas.vue'
 import DePreview from '@/components/data-visualization/canvas/DePreview.vue'
 import { ProxyInfo, shareProxy } from './ShareProxy'
 import Exp from './exp.vue'
+import router from '@/router/mobile'
 import LinkError from './error.vue'
 import PwdTips from './pwd.vue'
 const linkExist = ref(false)
@@ -83,8 +74,6 @@ const loadCanvasData = (dvId, weight?) => {
 }
 
 const curType = ref('')
-const pcanvas = ref(null)
-
 onMounted(async () => {
   const proxyInfo = (await shareProxy.loadProxy()) as ProxyInfo
   curType.value = proxyInfo.type || 'dashboard'
@@ -102,11 +91,8 @@ onMounted(async () => {
       dvMainStore.setPublicLinkStatus(true)
       loading.value = false
     } else {
-      const method = pcanvas?.value?.loadCanvasDataAsync
-      if (method) {
-        method(proxyInfo.resourceId, proxyInfo.type, null)
-      }
       loading.value = false
+      router.push('/dvCanvas')
     }
   })
 })
@@ -119,15 +105,3 @@ onMounted(async () => {
   position: relative;
 }
 </style>
-<style lang="less" scoped>
-.link-container {
-  position: absolute !important;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-.hidden-link {
-  display: none !important;
-}
-</style>