From c8cd8f5ef3795f583d2442ba4e10bf3f6fa906d5 Mon Sep 17 00:00:00 2001
From: wisonic <shaochuan.wu@fit2cloud.com>
Date: Thu, 14 Aug 2025 17:34:48 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E5=9B=BE=E8=A1=A8):=20=E6=9B=B4?=
 =?UTF-8?q?=E6=8D=A2=E6=95=B0=E6=8D=AE=E9=9B=86=E5=90=8E=EF=BC=8C=E8=BF=87?=
 =?UTF-8?q?=E6=BB=A4=E5=99=A8=E4=B9=9F=E6=A0=87=E7=BA=A2=E5=81=9A=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA=20#16353?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/chart/components/editor/index.vue   | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/core/core-frontend/src/views/chart/components/editor/index.vue b/core/core-frontend/src/views/chart/components/editor/index.vue
index bc95162997..3d0ef2b65b 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -513,6 +513,17 @@ const quotaItemRemove = item => {
 const isFilterActive = computed(() => {
   return !!view.value.customFilter?.items?.length
 })
+const isFilterInvalid = computed(() => {
+  if (!view.value.customFilter?.items?.length) {
+    return false
+  }
+  if (!view.value.tableId) {
+    return false
+  }
+  const item = view.value.customFilter.items[0]
+  const valid = allFields.value.some(f => f.id === item.fieldId)
+  return !valid
+})
 
 const drillItemChange = () => {
   recordSnapshotInfo('calcData')
@@ -3157,7 +3168,11 @@ const deleteChartFieldItem = id => {
                           <div
                             class="tree-btn"
                             v-if="isFilterActive || themes === 'dark'"
-                            :class="{ 'tree-btn--dark': themes === 'dark', active: isFilterActive }"
+                            :class="{
+                              'tree-btn--dark': themes === 'dark',
+                              active: isFilterActive,
+                              invalid: isFilterInvalid
+                            }"
                             @click="openTreeFilter"
                           >
                             <el-icon style="margin-right: 2px; font-size: 12px">
@@ -4678,6 +4693,11 @@ span {
         color: #3370ff;
         border-color: #3370ff;
       }
+
+      &.invalid {
+        color: red !important;
+        border-color: red !important;
+      }
     }
 
     :deep(.tree-btn_secondary) {