From 76b704127c0664810b52d512fc5550654d3b8b49 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Thu, 17 Oct 2024 15:06:11 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F?=
 =?UTF-8?q?=E3=80=81=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=A4=96=E9=83=A8=E5=8F=82=E6=95=B0=E5=BF=85=E5=A1=AB=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0=E6=A0=A1=E9=AA=8C=E7=A9=BA=E5=80=BC=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/DeEmpty.vue         | 27 +++++++++++++++++++
 .../data-visualization/canvas/DePreview.vue   |  2 ++
 .../src/pages/panel/DashboardPreview.vue      |  2 ++
 .../src/pages/panel/ViewWrapper.vue           |  2 ++
 .../modules/data-visualization/dvMain.ts      |  6 ++---
 .../data-visualization/PreviewCanvas.vue      |  2 ++
 .../PreviewCanvasMobile.vue                   |  2 ++
 7 files changed, 40 insertions(+), 3 deletions(-)
 create mode 100644 core/core-frontend/src/components/common/DeEmpty.vue

diff --git a/core/core-frontend/src/components/common/DeEmpty.vue b/core/core-frontend/src/components/common/DeEmpty.vue
new file mode 100644
index 0000000000..88999adb33
--- /dev/null
+++ b/core/core-frontend/src/components/common/DeEmpty.vue
@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { useI18n } from '@/hooks/web/useI18n'
+import EmptyBackground from '../empty-background/src/EmptyBackground.vue'
+
+const { t } = useI18n()
+</script>
+
+<template>
+  <el-row class="custom-position">
+    <empty-background description="t('visualization.select_dimension_hint')" img-type="noneWhite" />
+  </el-row>
+</template>
+
+<style scoped lang="less">
+.custom-position {
+  height: 100%;
+  width: 100%;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  flex-flow: row nowrap;
+  color: #646a73;
+  font-weight: 400;
+}
+</style>
diff --git a/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue b/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue
index a0e0ecd2a5..3212b5fcd3 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue
@@ -18,6 +18,7 @@ import CanvasFilterBtn from '@/custom-component/canvas-filter-btn/Component.vue'
 import { useEmitt } from '@/hooks/web/useEmitt'
 import DatasetParamsComponent from '@/components/visualization/DatasetParamsComponent.vue'
 import DeFullscreen from '@/components/visualization/common/DeFullscreen.vue'
+import EmptyBackground from '../../empty-background/src/EmptyBackground.vue'
 const dvMainStore = dvMainStoreWithOut()
 const { pcMatrixCount, curComponent, mobileInPc, canvasState } = storeToRefs(dvMainStore)
 const openHandler = ref(null)
@@ -450,6 +451,7 @@ defineExpose({
     </template>
     <user-view-enlarge ref="userViewEnlargeRef"></user-view-enlarge>
   </div>
+  <empty-background v-if="!state.initState" description="参数不能为空" img-type="noneWhite" />
   <de-fullscreen ref="fullScreeRef"></de-fullscreen>
   <dataset-params-component ref="customDatasetParamsRef"></dataset-params-component>
   <XpackComponent ref="openHandler" jsname="L2NvbXBvbmVudC9lbWJlZGRlZC1pZnJhbWUvT3BlbkhhbmRsZXI=" />
diff --git a/core/core-frontend/src/pages/panel/DashboardPreview.vue b/core/core-frontend/src/pages/panel/DashboardPreview.vue
index 8411f11390..23030fe6a0 100644
--- a/core/core-frontend/src/pages/panel/DashboardPreview.vue
+++ b/core/core-frontend/src/pages/panel/DashboardPreview.vue
@@ -14,6 +14,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import request from '@/config/axios'
 import 'vant/es/nav-bar/style'
 import 'vant/es/sticky/style'
+import EmptyBackground from '../../components/empty-background/src/EmptyBackground.vue'
 const { wsCache } = useCache()
 const interactiveStore = interactiveStoreWithOut()
 const embeddedStore = useEmbedded()
@@ -128,6 +129,7 @@ onBeforeMount(async () => {
       show-position="preview"
     ></de-preview>
   </div>
+  <empty-background v-if="!state.initState" description="参数不能为空" img-type="noneWhite" />
 </template>
 
 <style lang="less" scoped>
diff --git a/core/core-frontend/src/pages/panel/ViewWrapper.vue b/core/core-frontend/src/pages/panel/ViewWrapper.vue
index 4fb555cc4e..15cc328432 100644
--- a/core/core-frontend/src/pages/panel/ViewWrapper.vue
+++ b/core/core-frontend/src/pages/panel/ViewWrapper.vue
@@ -10,6 +10,7 @@ import { ElMessage } from 'element-plus-secondary'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { useI18n } from '@/hooks/web/useI18n'
 import { XpackComponent } from '@/components/plugin'
+import EmptyBackground from '../../components/empty-background/src/EmptyBackground.vue'
 const { wsCache } = useCache()
 const interactiveStore = interactiveStoreWithOut()
 const embeddedStore = useEmbedded()
@@ -167,6 +168,7 @@ const onPointClick = param => {
     />
     <user-view-enlarge ref="userViewEnlargeRef"></user-view-enlarge>
   </div>
+  <empty-background v-if="!state.initState" description="参数不能为空" img-type="noneWhite" />
   <XpackComponent ref="openHandler" jsname="L2NvbXBvbmVudC9lbWJlZGRlZC1pZnJhbWUvT3BlbkhhbmRsZXI=" />
 </template>
 
diff --git a/core/core-frontend/src/store/modules/data-visualization/dvMain.ts b/core/core-frontend/src/store/modules/data-visualization/dvMain.ts
index a573bf9375..b24b3a49e4 100644
--- a/core/core-frontend/src/store/modules/data-visualization/dvMain.ts
+++ b/core/core-frontend/src/store/modules/data-visualization/dvMain.ts
@@ -1001,7 +1001,7 @@ export const dvMainStore = defineStore('dataVisualization', {
           if (targetInfo.required && userParamsIsNull) {
             // 要求用户必填 但是用户没有输入参数
             errorCount++
-            errorMes = errorMes + key + ';'
+            errorMes = errorMes + '[' + key + ']'
           } else if (
             userParamsIsNull &&
             targetInfo.enabledDefault &&
@@ -1015,8 +1015,8 @@ export const dvMainStore = defineStore('dataVisualization', {
           }
         })
         if (errorCount > 0) {
-          ElMessage.error('参数错误 ' + errorMes + '为必填参数')
-          throw new Error('参数错误 ' + errorMes + '为必填参数')
+          ElMessage.error('参数' + errorMes + '不能为空')
+          throw new Error('参数' + errorMes + '不能为空')
         }
       } else {
         return
diff --git a/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue b/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
index c461fd1911..11382bfb18 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
@@ -15,6 +15,7 @@ import { XpackComponent } from '@/components/plugin'
 import { propTypes } from '@/utils/propTypes'
 import { downloadCanvas2 } from '@/utils/imgUtils'
 import { setTitle } from '@/utils/utils'
+import EmptyBackground from '../../components/empty-background/src/EmptyBackground.vue'
 
 const dvMainStore = dvMainStoreWithOut()
 const { t } = useI18n()
@@ -186,6 +187,7 @@ defineExpose({
       :is-selector="props.isSelector"
       :download-status="downloadStatus"
     ></de-preview>
+    <empty-background v-if="!state.initState" description="参数不能为空" img-type="noneWhite" />
   </div>
   <XpackComponent
     jsname="L2NvbXBvbmVudC9lbWJlZGRlZC1pZnJhbWUvTmV3V2luZG93SGFuZGxlcg=="
diff --git a/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue b/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue
index db8d96e675..38b12429ca 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue
@@ -13,6 +13,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { XpackComponent } from '@/components/plugin'
 import { propTypes } from '@/utils/propTypes'
 import { setTitle } from '@/utils/utils'
+import EmptyBackground from '../../components/empty-background/src/EmptyBackground.vue'
 
 const dvMainStore = dvMainStoreWithOut()
 const { t } = useI18n()
@@ -171,6 +172,7 @@ defineExpose({
       :is-selector="props.isSelector"
     ></de-preview>
   </div>
+  <empty-background v-if="!state.initState" description="参数不能为空" img-type="noneWhite" />
   <XpackComponent
     jsname="L2NvbXBvbmVudC9lbWJlZGRlZC1pZnJhbWUvTmV3V2luZG93SGFuZGxlcg=="
     @loaded="XpackLoaded"