修改

src/views/home/operatingComponents/operatingBar.vue

@@ -51,7 +51,7 @@ import * as echarts from 'echarts';
 export default {
   name: "Container",
   components: { operatingLineBar },
-  props: ["chartData",'dateData'],
+  props: ["chartData", 'dateData'],
   emits: ['sort-change'], // 声明事件（Vue3 推荐）
   data() {
     return {
@@ -177,12 +177,24 @@ export default {
               show: true,
               position: 'top',
               offset: [30, 0],
-              width: 68,
+              width: 100,
               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
                 }
@@ -395,7 +416,7 @@ export default {
         height: 24px;
         font-family: PingFangSC, PingFang SC;
         font-weight: 400;
-        font-size: 12px;
+        fontSize: 12px;
         line-height: 24px;
         font-style: normal;
         letter-spacing: 2px;
@@ -467,7 +488,7 @@ export default {
 
         .dropdown-option {
           padding: 6px 12px;
-          font-size: 12px;
+          fontSize: 12px;
           color: #333;
           cursor: pointer;
           text-align: left;