修改

src/views/home/operatingComponents/yearRelatedMetrics.vue

@@ -86,10 +86,18 @@ export default {
       })
     },
     // 判断flag的核心方法
-    getRateFlag(rate) {
-      if (isNaN(rate) || rate === null || rate === undefined) return 0;
-      return +(rate >= 100 || rate === 0); // + 号将布尔值转为数字（true→1，false→0）
-    },
+getRateFlag(rate, real, target) {
+  if (isNaN(rate) || rate === null || rate === undefined) return 0;
+
+  // 1. 完成率 >= 100 => 达标
+  if (rate >= 100) return 1;
+
+  // 2. 完成率 = 0 且 (目标值=0 或 实际值=目标值=0) => 达标
+  if (rate === 0 && target === 0) return 1;
+
+  // 其他情况 => 未达标
+  return 0;
+},
 
     updateChart(data) {
       // 数据兜底
@@ -99,12 +107,12 @@ export default {
       // 核心修改：将flag整合到数据对象中，无需单独定义salesFlag/unitPriceFlag
       this.salesData = {
         ...salesItem, // 合并原有字段
-        flag: this.getRateFlag(salesItem.rate) // 新增flag字段
+        flag: this.getRateFlag(salesItem.rate, salesItem.real, salesItem.budget) // 新增flag字段
       };
 
       this.unitPriceData = {
         ...unitPriceItem, // 合并原有字段
-        flag: this.getRateFlag(unitPriceItem.rate) // 新增flag字段
+        flag: this.getRateFlag(unitPriceItem.rate, unitPriceItem.real, unitPriceItem.budget) // 新增flag字段
       };
 
       // 调试：确认整合后的数据