Merge pull request #6660 from ulleo/dev

feat: 优化tab设置选择隐藏时的样式

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"

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;
     },