From a0dc133b2089b3a4ba52b58f84769297f7766f6e Mon Sep 17 00:00:00 2001
From: junjun <junjie.xia@fit2cloud.com>
Date: Mon, 9 Jan 2023 13:06:48 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E8=A7=86=E5=9B=BE):=20=E8=BE=85=E5=8A=A9?=
 =?UTF-8?q?=E7=BA=BF=E6=94=AF=E6=8C=81=E5=AD=97=E4=BD=93=E5=A4=A7=E5=B0=8F?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/chart/chart/common/common.js    |  4 +-
 .../views/chart/chart/common/common_antv.js   |  4 +-
 .../chart/components/senior/AssistLine.vue    |  5 +++
 .../senior/dialog/AssistLineEdit.vue          | 42 +++++++++++++++----
 4 files changed, 44 insertions(+), 11 deletions(-)

diff --git a/frontend/src/views/chart/chart/common/common.js b/frontend/src/views/chart/chart/common/common.js
index de42b6f63a..627293d9ff 100644
--- a/frontend/src/views/chart/chart/common/common.js
+++ b/frontend/src/views/chart/chart/common/common.js
@@ -352,7 +352,7 @@ export function seniorCfg(chart_option, chart) {
               label: {
                 show: true,
                 color: ele.color,
-                fontSize: 10,
+                fontSize: ele.fontSize ? parseInt(ele.fontSize) : 10,
                 position: xAxis.position === 'bottom' ? 'insideStartTop' : 'insideEndTop',
                 formatter: function(param) {
                   return ele.name + ' : ' + valueFormatter(param.value, axisFormatterCfg)
@@ -374,7 +374,7 @@ export function seniorCfg(chart_option, chart) {
               label: {
                 show: true,
                 color: ele.color,
-                fontSize: 10,
+                fontSize: ele.fontSize ? parseInt(ele.fontSize) : 10,
                 position: yAxis.position === 'left' ? 'insideStartTop' : 'insideEndTop',
                 formatter: function(param) {
                   return ele.name + ' : ' + valueFormatter(param.value, axisFormatterCfg)
diff --git a/frontend/src/views/chart/chart/common/common_antv.js b/frontend/src/views/chart/chart/common/common_antv.js
index 21f4ea5abd..ebc0c25254 100644
--- a/frontend/src/views/chart/chart/common/common_antv.js
+++ b/frontend/src/views/chart/chart/common/common_antv.js
@@ -850,7 +850,7 @@ export function getAnalyse(chart) {
             style: {
               textBaseline: 'bottom',
               fill: ele.color,
-              fontSize: 10
+              fontSize: ele.fontSize ? parseInt(ele.fontSize) : 10
             }
           })
         } else {
@@ -864,7 +864,7 @@ export function getAnalyse(chart) {
             style: {
               textBaseline: 'bottom',
               fill: ele.color,
-              fontSize: 10
+              fontSize: ele.fontSize ? parseInt(ele.fontSize) : 10
             }
           })
         }
diff --git a/frontend/src/views/chart/components/senior/AssistLine.vue b/frontend/src/views/chart/components/senior/AssistLine.vue
index 0b9c24af06..97d97ee6c2 100644
--- a/frontend/src/views/chart/components/senior/AssistLine.vue
+++ b/frontend/src/views/chart/components/senior/AssistLine.vue
@@ -121,6 +121,11 @@ export default {
           senior = JSON.parse(chart.senior)
         }
         if (senior.assistLine) {
+          for (let i = 0; i < senior.assistLine.length; i++) {
+            if (!senior.assistLine[i].fontSize) {
+              senior.assistLine[i].fontSize = '10'
+            }
+          }
           this.assistLine = senior.assistLine
         } else {
           this.assistLine = []
diff --git a/frontend/src/views/chart/components/senior/dialog/AssistLineEdit.vue b/frontend/src/views/chart/components/senior/dialog/AssistLineEdit.vue
index 655a2a4a7c..85c3ee260c 100644
--- a/frontend/src/views/chart/components/senior/dialog/AssistLineEdit.vue
+++ b/frontend/src/views/chart/components/senior/dialog/AssistLineEdit.vue
@@ -41,7 +41,7 @@
         </el-col>
         <el-col
           v-if="item.field === '0'"
-          :span="8"
+          :span="6"
         >
           <el-input
             v-model="item.value"
@@ -54,7 +54,7 @@
         </el-col>
         <el-col
           v-if="item.field === '1'"
-          :span="8"
+          :span="6"
         >
           <el-select
             v-model="item.fieldId"
@@ -119,7 +119,24 @@
             />
           </el-select>
         </el-col>
-        <el-col :span="4">
+        <el-col :span="3">
+          <el-select
+            v-model="item.fontSize"
+            size="mini"
+            class="select-item"
+            style="margin-left: 10px;"
+            :placeholder="$t('chart.text_fontsize')"
+            @change="changeAssistLine"
+          >
+            <el-option
+              v-for="option in fontSize"
+              :key="option.value"
+              :label="option.name"
+              :value="option.value"
+            />
+          </el-select>
+        </el-col>
+        <el-col :span="3">
           <el-select
             v-model="item.lineType"
             size="mini"
@@ -135,7 +152,7 @@
           </el-select>
         </el-col>
         <el-col
-          :span="2"
+          :span="1"
           style="text-align: center;"
         >
           <el-color-picker
@@ -145,7 +162,7 @@
             @change="changeAssistLine"
           />
         </el-col>
-        <el-col :span="2">
+        <el-col :span="1">
           <el-button
             type="text"
             icon="el-icon-delete"
@@ -186,7 +203,8 @@ export default {
         value: '0',
         lineType: 'solid',
         color: '#ff0000',
-        curField: {}
+        curField: {},
+        fontSize: '10'
       },
       fieldOptions: [
         { label: this.$t('chart.field_fixed'), value: '0' },
@@ -198,7 +216,8 @@ export default {
         { label: this.$t('chart.line_type_dotted'), value: 'dotted' }
       ],
       predefineColors: COLOR_PANEL,
-      quotaData: []
+      quotaData: [],
+      fontSize: []
     }
   },
   watch: {
@@ -216,6 +235,15 @@ export default {
     },
     init() {
       this.lineArr = JSON.parse(JSON.stringify(this.line))
+
+      const arr = []
+      for (let i = 10; i <= 60; i = i + 2) {
+        arr.push({
+          name: i + '',
+          value: i + ''
+        })
+      }
+      this.fontSize = arr
     },
     addLine() {
       const obj = { ...this.lineObj,