Merge pull request #8633 from dataease/pr@dev-v2_view

Pr@dev v2 view

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')

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>

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 {

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 {