From dfa66bad482cc836326ac6dfd647a9cba6573f60 Mon Sep 17 00:00:00 2001
From: ulleo <ulleo.wang@gmail.com>
Date: Fri, 14 Jun 2024 14:00:30 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=9B=BE=E8=A1=A8):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=9F=B1=E7=BA=BF=E7=BB=84=E5=90=88=E5=9B=BE=E6=9F=A5=E7=9C=8B?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../visualization/UserViewEnlarge.vue         | 41 +++++++++++++------
 1 file changed, 28 insertions(+), 13 deletions(-)

diff --git a/core/core-frontend/src/components/visualization/UserViewEnlarge.vue b/core/core-frontend/src/components/visualization/UserViewEnlarge.vue
index fcaa3ec7f8..7ae698b3e6 100644
--- a/core/core-frontend/src/components/visualization/UserViewEnlarge.vue
+++ b/core/core-frontend/src/components/visualization/UserViewEnlarge.vue
@@ -54,7 +54,14 @@
       class="enlarge-outer"
       v-if="dialogShow"
     >
-      <div class="enlarge-inner" ref="viewContainer" :style="customExport">
+      <div
+        class="enlarge-inner"
+        :class="{
+          'enlarge-inner-with-header': optType === 'details' && sourceViewType.includes('chart-mix')
+        }"
+        ref="viewContainer"
+        :style="customExport"
+      >
         <component-wrapper
           v-if="optType === 'enlarge'"
           class="enlarge-wrapper"
@@ -74,18 +81,20 @@
             <el-tab-pane :label="t('chart.drag_block_value_axis_left')" name="left"></el-tab-pane>
             <el-tab-pane :label="t('chart.drag_block_value_axis_right')" name="right"></el-tab-pane>
           </el-tabs>
-          <chart-component-s2
-            v-if="activeName === 'left'"
-            :view="viewInfo"
-            show-position="viewDialog"
-            ref="chartComponentDetails"
-          />
-          <chart-component-s2
-            v-else-if="activeName === 'right'"
-            :view="viewInfo"
-            show-position="viewDialog"
-            ref="chartComponentDetails2"
-          />
+          <div style="flex: 1">
+            <chart-component-s2
+              v-if="activeName === 'left'"
+              :view="viewInfo"
+              show-position="viewDialog"
+              ref="chartComponentDetails"
+            />
+            <chart-component-s2
+              v-else-if="activeName === 'right'"
+              :view="viewInfo"
+              show-position="viewDialog"
+              ref="chartComponentDetails2"
+            />
+          </div>
         </template>
       </div>
     </div>
@@ -360,12 +369,18 @@ defineExpose({
     width: 100%;
     height: 100%;
   }
+  .enlarge-inner-with-header {
+    display: flex;
+    flex-direction: column;
+  }
   .enlarge-wrapper {
     width: 100%;
     height: 100%;
   }
 }
 .tab-header {
+  margin-top: -10px;
+  margin-bottom: 10px;
   --ed-tabs-header-height: 34px;
   --custom-tab-color: #646a73;