修改

src/views/home/fullCostAnalysisComponents/operatingBar.vue

@@ -181,8 +181,20 @@ export default {
               height: 20,
               formatter: (params) => {
                 const diff = data.diff || [];
+                const flags = data.flags || [];
                 const currentDiff = diff[params.dataIndex] || 0;
-                return `{rate|${currentDiff}}{text|差值}`;
+                const currentFlag = flags[params.dataIndex] || 0;
+
+                const prefix = currentFlag === 1 ? '+' : '-';
+
+                // 根据标志位选择不同的样式类
+                if (currentFlag === 1) {
+                  // 达标 - 使用 rate-achieved 样式
+                  return `{achieved|${prefix}${currentDiff}}{text|差值}`;
+                } else {
+                  // 未达标 - 使用 rate-unachieved 样式
+                  return `{unachieved|${prefix}${currentDiff}}{text|差值}`;
+                }
               },
               backgroundColor: {
                 type: 'linear',
@@ -210,11 +222,20 @@ export default {
                   fontSize: 11,
                   lineHeight: 20
                 },
-                rate: {
+                achieved: {
                   width: 'auto',
                   padding: [5, 0, 5, 10],
                   align: 'center',
-                  color: '#30B590',
+                  color: '#76DABE', // 与达标的 offset: 1 颜色一致
+                  fontSize: 11,
+                  lineHeight: 20
+                },
+                // 未达标样式
+                unachieved: {
+                  width: 'auto',
+                  padding: [5, 0, 5, 10],
+                  align: 'center',
+                  color: '#F9A44A', // 与未达标的 offset: 1 颜色一致
                   fontSize: 11,
                   lineHeight: 20
                 }