From 5e8d204e504388a3085934d7186489e8169ee9a8 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: Mon, 26 Jan 2026 12:28:58 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E4=BB=AA=E8=A1=A8?=
 =?UTF-8?q?=E6=9D=BF=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8Floading=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=20(#17873)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/dashboard/DashboardPreviewShow.vue     | 12 ++++++++++--
 .../src/views/data-visualization/PreviewShow.vue     | 12 ++++++++++--
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/core/core-frontend/src/views/dashboard/DashboardPreviewShow.vue b/core/core-frontend/src/views/dashboard/DashboardPreviewShow.vue
index 2c80617ba2..dda893f5a1 100644
--- a/core/core-frontend/src/views/dashboard/DashboardPreviewShow.vue
+++ b/core/core-frontend/src/views/dashboard/DashboardPreviewShow.vue
@@ -319,10 +319,18 @@ defineExpose({
         </div>
       </template>
       <template v-else-if="hasTreeData && mounted">
-        <empty-background :description="t('visualization.preview_select_tips')" img-type="select" />
+        <empty-background
+          v-if="dataInitState"
+          :description="t('visualization.preview_select_tips')"
+          img-type="select"
+        />
       </template>
       <template v-else-if="mounted">
-        <empty-background :description="t('visualization.have_none_resource')" img-type="none">
+        <empty-background
+          v-if="dataInitState"
+          :description="t('visualization.have_none_resource')"
+          img-type="none"
+        >
           <el-button v-if="rootManage && !isDataEaseBi" @click="createNew" type="primary">
             <template #icon>
               <Icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></Icon>
diff --git a/core/core-frontend/src/views/data-visualization/PreviewShow.vue b/core/core-frontend/src/views/data-visualization/PreviewShow.vue
index 3bf68ef63d..ced26a330d 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewShow.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewShow.vue
@@ -306,10 +306,18 @@ onBeforeMount(() => {
         </div>
       </template>
       <template v-else-if="hasTreeData && mounted">
-        <empty-background :description="t('visualization.select_screen_tips')" img-type="select" />
+        <empty-background
+          v-if="dataInitState"
+          :description="t('visualization.select_screen_tips')"
+          img-type="select"
+        />
       </template>
       <template v-else-if="mounted">
-        <empty-background :description="t('visualization.no_screen')" img-type="none">
+        <empty-background
+          v-if="dataInitState"
+          :description="t('visualization.no_screen')"
+          img-type="none"
+        >
           <el-button v-if="rootManage && !isDataEaseBi" @click="createNew" type="primary">
             <template #icon>
               <Icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></Icon>