From 8fb47696a934a9b903dc11bc3b4ca219e5a25280 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Thu, 21 Nov 2024 22:06:33 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E6=8E=A7=E5=88=B6=E5=8F=B0=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../core-frontend/src/hooks/web/useMoveLine.ts |  4 ++--
 .../views/dashboard/DashboardPreviewShow.vue   |  2 +-
 .../src/views/data-visualization/index.vue     | 18 ++++++++++--------
 3 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/core/core-frontend/src/hooks/web/useMoveLine.ts b/core/core-frontend/src/hooks/web/useMoveLine.ts
index f1413f3c0d..260e6c9ebf 100644
--- a/core/core-frontend/src/hooks/web/useMoveLine.ts
+++ b/core/core-frontend/src/hooks/web/useMoveLine.ts
@@ -8,7 +8,7 @@ export const useMoveLine = (type: Sidebar) => {
   const width = ref(wsCache.get(type) || 280)
 
   const getCoordinates = () => {
-    document.querySelector('.sidebar-move-line').className = 'sidebar-move-line dragging'
+    document.querySelector('.sidebar-move-line')?.className = 'sidebar-move-line dragging'
     document.addEventListener('mousemove', setCoordinates)
     document.addEventListener('mouseup', cancelEvent)
     document.querySelector('body').style['user-select'] = 'none'
@@ -26,7 +26,7 @@ export const useMoveLine = (type: Sidebar) => {
   }
 
   const cancelEvent = () => {
-    document.querySelector('.sidebar-move-line').className = 'sidebar-move-line'
+    document.querySelector('.sidebar-move-line')?.className = 'sidebar-move-line'
     document.querySelector('body').style['user-select'] = 'auto'
     wsCache.set(type, width.value)
     document.removeEventListener('mousemove', setCoordinates)
diff --git a/core/core-frontend/src/views/dashboard/DashboardPreviewShow.vue b/core/core-frontend/src/views/dashboard/DashboardPreviewShow.vue
index b366921486..fc78405a43 100644
--- a/core/core-frontend/src/views/dashboard/DashboardPreviewShow.vue
+++ b/core/core-frontend/src/views/dashboard/DashboardPreviewShow.vue
@@ -252,7 +252,7 @@ defineExpose({
     <el-container
       class="preview-area"
       :class="{ 'no-data': !hasTreeData }"
-      v-loading="requestStore.loadingMap[permissionStore.currentPath]"
+      v-loading="requestStore.loadingMap && requestStore.loadingMap[permissionStore.currentPath]"
     >
       <div
         @click="slideOpenChange"
diff --git a/core/core-frontend/src/views/data-visualization/index.vue b/core/core-frontend/src/views/data-visualization/index.vue
index dda91212b7..610d336f9f 100644
--- a/core/core-frontend/src/views/data-visualization/index.vue
+++ b/core/core-frontend/src/views/data-visualization/index.vue
@@ -251,13 +251,15 @@ listenGlobalKeyDown()
 
 const initScroll = () => {
   nextTick(() => {
-    const { width, height } = canvasStyleData.value
-    const mainWidth = canvasCenterRef.value.clientWidth
-    mainHeight.value = canvasCenterRef.value.clientHeight
-    const scrollX = (1.5 * width - mainWidth) / 2
-    const scrollY = (1.5 * height - mainHeight.value) / 2 + 20
-    // 设置画布初始滚动条位置
-    canvasOut.value.scrollTo(scrollX, scrollY)
+    if (canvasCenterRef.value) {
+      const { width, height } = canvasStyleData.value
+      const mainWidth = canvasCenterRef.value.clientWidth
+      mainHeight.value = canvasCenterRef.value.clientHeight
+      const scrollX = (1.5 * width - mainWidth) / 2
+      const scrollY = (1.5 * height - mainHeight.value) / 2 + 20
+      // 设置画布初始滚动条位置
+      canvasOut.value.scrollTo(scrollX, scrollY)
+    }
   })
 }
 const doUseCache = flag => {
@@ -477,7 +479,7 @@ eventBus.on('tabSort', tabSort)
     <div class="custom-dv-divider" />
     <el-container
       v-if="loadFinish"
-      v-loading="requestStore.loadingMap[permissionStore.currentPath]"
+      v-loading="requestStore.loadingMap && requestStore.loadingMap[permissionStore.currentPath]"
       element-loading-background="rgba(0, 0, 0, 0)"
       class="dv-layout-container"
       :class="{ 'preview-layout-container': previewStatus }"