From fa81f591291042fb29e31e62323b78de574fe120 Mon Sep 17 00:00:00 2001
From: ulleo <ulleo.wang@gmail.com>
Date: Mon, 13 Nov 2023 15:30:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96tab=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E9=9A=90=E8=97=8F=E6=97=B6=E7=9A=84=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#6447
---
 .../components/widget/deWidget/TabStyle.vue   | 182 +++++++++---------
 .../src/views/antv/chartmix/index.vue         |   3 -
 2 files changed, 92 insertions(+), 93 deletions(-)

diff --git a/core/frontend/src/components/widget/deWidget/TabStyle.vue b/core/frontend/src/components/widget/deWidget/TabStyle.vue
index 9a802ec8a2..730c9f8619 100644
--- a/core/frontend/src/components/widget/deWidget/TabStyle.vue
+++ b/core/frontend/src/components/widget/deWidget/TabStyle.vue
@@ -16,108 +16,110 @@
       >
         <el-checkbox v-model="styleInfo.titleHide">隐藏</el-checkbox>
       </el-form-item>
-      <el-form-item
-        label="头部字体颜色"
-        prop="headFrontColor"
-      >
-        <div
-          class="picker-color-div"
-          @click="triggerTheme('headFontColor')"
+      <template v-if="!styleInfo.titleHide">
+        <el-form-item
+          label="头部字体颜色"
+          prop="headFrontColor"
         >
-          <el-input
-            v-model="styleInfo.headFontColor"
-            readonly
-            class="theme-input"
+          <div
+            class="picker-color-div"
+            @click="triggerTheme('headFontColor')"
           >
-            <el-color-picker
-              ref="headFontColorPicker"
-              slot="prefix"
+            <el-input
               v-model="styleInfo.headFontColor"
-              class="theme-picker"
-              @change="styleChange"
-            />
-          </el-input>
-        </div>
-      </el-form-item>
-      <el-form-item
-        label="头部字体选中颜色"
-        prop="headFontActiveColor"
-      >
-        <div
-          class="picker-color-div"
-          @click="triggerTheme('headFontActiveColor')"
+              readonly
+              class="theme-input"
+            >
+              <el-color-picker
+                ref="headFontColorPicker"
+                slot="prefix"
+                v-model="styleInfo.headFontColor"
+                class="theme-picker"
+                @change="styleChange"
+              />
+            </el-input>
+          </div>
+        </el-form-item>
+        <el-form-item
+          label="头部字体选中颜色"
+          prop="headFontActiveColor"
         >
-          <el-input
-            v-model="styleInfo.headFontActiveColor"
-            readonly
-            class="theme-input"
+          <div
+            class="picker-color-div"
+            @click="triggerTheme('headFontActiveColor')"
           >
-            <el-color-picker
-              ref="headFontActiveColorPicker"
-              slot="prefix"
+            <el-input
               v-model="styleInfo.headFontActiveColor"
-              class="theme-picker"
-              @change="styleChange"
-            />
-          </el-input>
-        </div>
-      </el-form-item>
-      <el-form-item
-        label="头部边框颜色"
-        prop="headBorderColor"
-      >
-        <div
-          class="picker-color-div"
-          @click="triggerTheme('headBorderColor')"
+              readonly
+              class="theme-input"
+            >
+              <el-color-picker
+                ref="headFontActiveColorPicker"
+                slot="prefix"
+                v-model="styleInfo.headFontActiveColor"
+                class="theme-picker"
+                @change="styleChange"
+              />
+            </el-input>
+          </div>
+        </el-form-item>
+        <el-form-item
+          label="头部边框颜色"
+          prop="headBorderColor"
         >
-          <el-input
-            v-model="styleInfo.headBorderColor"
-            readonly
-            class="theme-input"
+          <div
+            class="picker-color-div"
+            @click="triggerTheme('headBorderColor')"
           >
-            <el-color-picker
-              ref="headBorderColorPicker"
-              slot="prefix"
+            <el-input
               v-model="styleInfo.headBorderColor"
-              class="theme-picker"
-              @change="styleChange"
-            />
-          </el-input>
-        </div>
-      </el-form-item>
-      <el-form-item
-        label="头部边框选中颜色"
-        prop="headBorderActiveColor"
-      >
-        <div
-          class="picker-color-div"
-          @click="triggerTheme('headBorderActiveColor')"
+              readonly
+              class="theme-input"
+            >
+              <el-color-picker
+                ref="headBorderColorPicker"
+                slot="prefix"
+                v-model="styleInfo.headBorderColor"
+                class="theme-picker"
+                @change="styleChange"
+              />
+            </el-input>
+          </div>
+        </el-form-item>
+        <el-form-item
+          label="头部边框选中颜色"
+          prop="headBorderActiveColor"
         >
-          <el-input
-            v-model="styleInfo.headBorderActiveColor"
-            readonly
-            class="theme-input"
+          <div
+            class="picker-color-div"
+            @click="triggerTheme('headBorderActiveColor')"
           >
-            <el-color-picker
-              ref="headBorderActiveColorPicker"
-              slot="prefix"
+            <el-input
               v-model="styleInfo.headBorderActiveColor"
-              class="theme-picker"
-              @change="styleChange"
-            />
-          </el-input>
-        </div>
-      </el-form-item>
-      <el-form-item :label="$t('detabs.head_position')">
-        <el-radio-group
-          v-model="styleInfo.headPosition"
-          size="mini"
-        >
-          <el-radio-button label="left">{{ $t('chart.text_pos_left') }}</el-radio-button>
-          <el-radio-button label="center">{{ $t('chart.text_pos_center') }}</el-radio-button>
-          <el-radio-button label="right">{{ $t('chart.text_pos_right') }}</el-radio-button>
-        </el-radio-group>
-      </el-form-item>
+              readonly
+              class="theme-input"
+            >
+              <el-color-picker
+                ref="headBorderActiveColorPicker"
+                slot="prefix"
+                v-model="styleInfo.headBorderActiveColor"
+                class="theme-picker"
+                @change="styleChange"
+              />
+            </el-input>
+          </div>
+        </el-form-item>
+        <el-form-item :label="$t('detabs.head_position')">
+          <el-radio-group
+            v-model="styleInfo.headPosition"
+            size="mini"
+          >
+            <el-radio-button label="left">{{ $t('chart.text_pos_left') }}</el-radio-button>
+            <el-radio-button label="center">{{ $t('chart.text_pos_center') }}</el-radio-button>
+            <el-radio-button label="right">{{ $t('chart.text_pos_right') }}</el-radio-button>
+          </el-radio-group>
+        </el-form-item>
+      </template>
     </el-form>
     <i
       slot="reference"
diff --git a/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/views/antv/chartmix/index.vue b/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/views/antv/chartmix/index.vue
index 2bc5a0c21c..cb1134d365 100644
--- a/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/views/antv/chartmix/index.vue
+++ b/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/views/antv/chartmix/index.vue
@@ -485,9 +485,6 @@ export default {
 
       params.legend = this.getLegend(this.chart);
 
-
-      console.log(params)
-
       return params;
     },