From d83232bde0809e6e793524beb4efce9eabcde3cb Mon Sep 17 00:00:00 2001
From: ulleo <ulleo.wang@gmail.com>
Date: Thu, 25 Jan 2024 13:58:26 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=8C=87=E6=A0=87=E5=8D=A1-=E9=AB=98?=
 =?UTF-8?q?=E7=BA=A7-=E9=98=88=E5=80=BC=20=E9=A2=9C=E8=89=B2=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E5=90=8E=E5=B1=95=E7=A4=BA=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

【仪表板】指标卡-样式-指标值-后缀-更换字体颜色-保存后刷新页面-在指标值处进行任意操作字体颜色变更为了默认颜色
【仪表板】指标卡-高级-阈值-判断条件有误-未满足条件也改变了字体颜色
---
 .../indicator/DeIndicator.vue                 | 35 +++++--------------
 1 file changed, 8 insertions(+), 27 deletions(-)

diff --git a/core/core-frontend/src/custom-component/indicator/DeIndicator.vue b/core/core-frontend/src/custom-component/indicator/DeIndicator.vue
index e71f474348..3b51c055e9 100644
--- a/core/core-frontend/src/custom-component/indicator/DeIndicator.vue
+++ b/core/core-frontend/src/custom-component/indicator/DeIndicator.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { getData } from '@/api/chart'
-import { nextTick, ref, reactive, shallowRef, computed, CSSProperties, toRefs, watch } from 'vue'
+import { ref, reactive, shallowRef, computed, CSSProperties, toRefs } from 'vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { customAttrTrans, customStyleTrans, recursionTransObj } from '@/utils/canvasStyle'
 import { deepCopy } from '@/utils/utils'
@@ -82,12 +82,14 @@ const result = computed(() => {
   return _result
 })
 
+const indicatorColor = ref(DEFAULT_INDICATOR_STYLE.color)
+
 const thresholdColor = computed(() => {
+  let color = indicatorColor.value
   if (result.value === '-') {
-    return undefined
+    return color
   }
   const value = result.value
-  let color = undefined
   if (view.value.senior && view.value.senior.threshold?.labelThreshold?.length > 0) {
     const senior = view.value.senior
     for (let i = 0; i < senior.threshold.labelThreshold.length; i++) {
@@ -134,8 +136,6 @@ const thresholdColor = computed(() => {
       }
       if (flag) {
         break
-      } else if (i === senior.threshold.labelThreshold.length - 1) {
-        color = t.color
       }
     }
   }
@@ -167,7 +167,7 @@ const contentStyle = ref({
 })
 
 const indicatorClass = ref<CSSProperties>({
-  color: DEFAULT_INDICATOR_STYLE.color,
+  color: thresholdColor.value,
   'font-size': DEFAULT_INDICATOR_STYLE.fontSize + 'px',
   'font-family': defaultTo(
     CHART_CONT_FAMILY_MAP[DEFAULT_INDICATOR_STYLE.fontFamily],
@@ -214,22 +214,6 @@ const indicatorNameClass = ref<CSSProperties>({
   'font-synthesis': 'weight style'
 })
 
-function setThresholdColor(_value, _color) {
-  if (_color === undefined) {
-    return
-  }
-  if (_value === '-') {
-    return
-  }
-  indicatorClass.value.color = _color
-}
-
-watch([result, thresholdColor], (value, oldValue) => {
-  const _value = value[0]
-  const _color = value[1]
-  setThresholdColor(_value, _color)
-})
-
 const renderChart = async view => {
   if (!view) {
     return
@@ -265,10 +249,10 @@ const renderChart = async view => {
           contentStyle.value['justify-content'] = 'center'
       }
 
-      let color = customAttr.indicator.color
+      indicatorColor.value = customAttr.indicator.color
 
       indicatorClass.value = {
-        color: color,
+        color: thresholdColor.value,
         'font-size': customAttr.indicator.fontSize + 'px',
         'font-family': defaultTo(
           CHART_CONT_FAMILY_MAP[customAttr.indicator.fontFamily],
@@ -317,8 +301,6 @@ const renderChart = async view => {
       indicatorNameShow.value = false
     }
   }
-
-  setThresholdColor(result.value, thresholdColor.value)
 }
 
 const calcData = (view, callback) => {
@@ -333,7 +315,6 @@ const calcData = (view, callback) => {
           errMsg.value = res.msg
         } else {
           chartData.value = res?.data as Partial<Chart['data']>
-          console.log(chartData.value)
           emit('onDrillFilters', res?.drillFilters)
 
           dvMainStore.setViewDataDetails(view.id, chartData.value)