From f2ba617ce1c84abe601ccea71bca202635a37d78 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Thu, 21 Mar 2024 15:18:24 +0800
Subject: [PATCH 1/3] =?UTF-8?q?fix(=E5=B5=8C=E5=85=A5=E5=BC=8F):=20div=20?=
 =?UTF-8?q?=E5=B5=8C=E5=85=A5=E6=96=B9=E5=BC=8F=EF=BC=8C=E6=B2=A1=E6=9C=89?=
 =?UTF-8?q?=E5=BA=94=E7=94=A8=E7=B3=BB=E7=BB=9F=E7=9A=84=E5=A4=96=E8=A7=82?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/core-frontend/src/pages/panel/App.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/core/core-frontend/src/pages/panel/App.vue b/core/core-frontend/src/pages/panel/App.vue
index 125fc067fb..320a5a6695 100644
--- a/core/core-frontend/src/pages/panel/App.vue
+++ b/core/core-frontend/src/pages/panel/App.vue
@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import { shallowRef, defineAsyncComponent } from 'vue'
 import { propTypes } from '@/utils/propTypes'
+import { useAppearanceStoreWithOut } from '@/store/modules/appearance'
+
+const appearanceStore = useAppearanceStoreWithOut()
+appearanceStore.setAppearance()
 
 const VisualizationEditor = defineAsyncComponent(
   () => import('@/views/data-visualization/index.vue')

From aa421498026c14c296894fcae9d6d637b91f2534 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Thu, 21 Mar 2024 15:20:15 +0800
Subject: [PATCH 2/3] =?UTF-8?q?fix(=E5=B5=8C=E5=85=A5=E5=BC=8F):=20?=
 =?UTF-8?q?=E4=BB=AA=E8=A1=A8=E6=9D=BF/=E6=95=B0=E6=8D=AE=E5=A4=A7?=
 =?UTF-8?q?=E5=B1=8F=E8=AE=BE=E8=AE=A1=E5=99=A8=E5=B5=8C=E5=85=A5=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/dashboard/index.vue              | 18 +++++++++++++++++-
 .../src/views/data-visualization/index.vue     | 13 +++++++++++--
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/core/core-frontend/src/views/dashboard/index.vue b/core/core-frontend/src/views/dashboard/index.vue
index 830bd804f1..f264c9b67d 100644
--- a/core/core-frontend/src/views/dashboard/index.vue
+++ b/core/core-frontend/src/views/dashboard/index.vue
@@ -6,6 +6,7 @@ import findComponent from '../../utils/components'
 import DvSidebar from '../../components/visualization/DvSidebar.vue'
 import router from '@/router'
 import MobileConfigPanel from './MobileConfigPanel.vue'
+import { useAppStoreWithOut } from '@/store/modules/app'
 import { useEmitt } from '@/hooks/web/useEmitt'
 import DbToolbar from '@/components/dashboard/DbToolbar.vue'
 import ViewEditor from '@/views/chart/components/editor/index.vue'
@@ -47,6 +48,8 @@ const {
   dvInfo
 } = storeToRefs(dvMainStore)
 const dataInitState = ref(false)
+const appStore = useAppStoreWithOut()
+const isDataEaseBi = computed(() => appStore.getIsDataEaseBi)
 
 const state = reactive({
   datasetTree: [],
@@ -174,7 +177,11 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div class="dv-common-layout dv-teleport-query" v-if="loadFinish && !mobileConfig">
+  <div
+    class="dv-common-layout dv-teleport-query"
+    :class="isDataEaseBi && 'dataease-w-h'"
+    v-if="loadFinish && !mobileConfig"
+  >
     <DbToolbar />
     <el-container
       class="dv-layout-container"
@@ -255,6 +262,7 @@ onUnmounted(() => {
 .dv-common-layout {
   height: 100vh;
   width: 100vw;
+
   .dv-layout-container {
     height: calc(100vh - @top-bar-height);
     .left-sidebar {
@@ -283,6 +291,14 @@ onUnmounted(() => {
       height: 100%;
     }
   }
+
+  &.dataease-w-h {
+    height: 100%;
+    width: 100%;
+    .dv-layout-container {
+      height: calc(100% - @top-bar-height);
+    }
+  }
 }
 
 .preview-aside {
diff --git a/core/core-frontend/src/views/data-visualization/index.vue b/core/core-frontend/src/views/data-visualization/index.vue
index 90e79ec49c..e4c5fd2d1d 100644
--- a/core/core-frontend/src/views/data-visualization/index.vue
+++ b/core/core-frontend/src/views/data-visualization/index.vue
@@ -5,6 +5,7 @@ import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { contextmenuStoreWithOut } from '@/store/modules/data-visualization/contextmenu'
 import { composeStoreWithOut } from '@/store/modules/data-visualization/compose'
+import { useAppStoreWithOut } from '@/store/modules/app'
 import { storeToRefs } from 'pinia'
 import DvToolbar from '../../components/data-visualization/DvToolbar.vue'
 import ComponentToolBar from '../../components/data-visualization/ComponentToolBar.vue'
@@ -45,7 +46,8 @@ const eventCheck = e => {
   }
 }
 const mainCanvasCoreRef = ref(null)
-
+const appStore = useAppStoreWithOut()
+const isDataEaseBi = computed(() => appStore.getIsDataEaseBi)
 const dvMainStore = dvMainStoreWithOut()
 const snapshotStore = snapshotStoreWithOut()
 const contextmenuStore = contextmenuStoreWithOut()
@@ -300,7 +302,7 @@ eventBus.on('handleNew', handleNew)
 </script>
 
 <template>
-  <div ref="dvLayout" class="dv-common-layout">
+  <div ref="dvLayout" class="dv-common-layout" :class="isDataEaseBi && 'dataease-w-h'">
     <DvToolbar />
     <div class="custom-dv-divider" />
     <el-container
@@ -423,6 +425,13 @@ eventBus.on('handleNew', handleNew)
       height: 100%;
     }
   }
+  &.dataease-w-h {
+    height: 100%;
+    width: 100%;
+    .dv-layout-container {
+      height: calc(100% - @top-bar-height);
+    }
+  }
 }
 
 .preview-aside {

From 8e87ec668ebee99e136fee6d3dbccfda9dd87770 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Thu, 21 Mar 2024 15:20:51 +0800
Subject: [PATCH 3/3] =?UTF-8?q?fix(=E5=B5=8C=E5=85=A5=E5=BC=8F):=20?=
 =?UTF-8?q?=E4=BB=AA=E8=A1=A8=E6=9D=BF/=E6=95=B0=E6=8D=AE=E5=A4=A7?=
 =?UTF-8?q?=E5=B1=8F=E9=A2=84=E8=A7=88=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/core-frontend/src/pages/panel/DashboardPreview.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/core/core-frontend/src/pages/panel/DashboardPreview.vue b/core/core-frontend/src/pages/panel/DashboardPreview.vue
index 99b8bfdb91..e3e641e8f7 100644
--- a/core/core-frontend/src/pages/panel/DashboardPreview.vue
+++ b/core/core-frontend/src/pages/panel/DashboardPreview.vue
@@ -69,7 +69,7 @@ onBeforeMount(async () => {
 
 <style lang="less" scoped>
 .dashboard-preview {
-  width: 1000px;
-  height: 800px;
+  width: 100%;
+  height: 100%;
 }
 </style>