修改

src/views/home/rawSheetYieldComponents/monthlyRelatedMetrics.vue

@@ -78,7 +78,7 @@ export default {
     // 达标标识判断（≥100返回1，<100返回0）
     getRateFlag(rate) {
       if (isNaN(rate) || rate === null || rate === undefined) return 0;
-      return rate >= 100 ? 1 : 0;
+      return +(rate >= 100 || rate === 0); // + 号将布尔值转为数字（true→1，false→0）
     },
 
     // 处理生产数据

src/views/home/rawSheetYieldComponents/operatingLineBarSale.vue

@@ -13,14 +13,14 @@ export default {
       resizeHandler: null, // 存储resize事件处理函数
       // 核心：基地名称与序号的映射表（固定顺序）
       baseNameToIndexMap: {
-        '宜兴': 1,
-        '漳州': 2,
+        '宜兴': 7,
+        '漳州': 8,
         '自贡': 3,
-        '桐城': 4,
-        '洛阳': 5,
-        '合肥': 6,
-        '宿迁': 7,
-        '秦皇岛': 8
+        '桐城': 2,
+        '洛阳': 9,
+        '合肥': 5,
+        '宿迁': 6,
+        '秦皇岛': 10
       }
     };
   },

src/views/home/rawSheetYieldComponents/verticalBarChart.vue

@@ -43,6 +43,10 @@ export default {
     }
   },
   methods: {
+    getRateFlag(rate) {
+      if (isNaN(rate) || rate === null || rate === undefined) return 0;
+      return +(rate >= 100 || rate === 0); // + 号将布尔值转为数字（true→1，false→0）
+    },
     updateChart() {
       const chartDom = this.$refs[this.refName];
       if (!chartDom) {
@@ -57,6 +61,8 @@ export default {
       this.myChart = echarts.init(chartDom);
       const diff = this.detailData.diff || 0
       const rate = this.detailData.rate || 0
+      const flagValue = this.getRateFlag(this.detailData.rate) || 0
+
       const option = {
         tooltip: {
           trigger: 'axis',
@@ -198,24 +204,31 @@ export default {
                 }
               },
               itemStyle: {
-                // 实际的渐变颜色（绿系渐变，与预算区分）
-                color: {
-                  type: 'linear',
-                  x: 0, y: 0, x2: 0, y2: 1,
-                  colorStops: [
-                    { offset: 0, color: '#AEEFE0' }, // 浅绿
-                    { offset: 1, color: '#76DABE' }  // 深绿
-                  ]
-                },
-                borderRadius: [4, 4, 0, 0],
-                borderWidth: 0,
-              },
+                color: flagValue === 1
+                  ? {
+                    type: 'linear',
+                    x: 0, y: 0, x2: 0, y2: 1,
+                    colorStops: [
+                      { offset: 0, color: 'rgba(174, 239, 224, 1)' },
+                      { offset: 1, color: 'rgba(118, 218, 190, 1)' }
+                    ]
+                  }
+                  : {
+                    type: 'linear',
+                    x: 0, y: 0, x2: 0, y2: 1,
+                    colorStops: [
+                      { offset: 0, color: 'rgba(253, 209, 129, 1)' },
+                      { offset: 1, color: 'rgba(249, 164, 74, 1)' }
+                    ]
+                  },
+                borderRadius: [4, 4, 0, 0]
+              }
             }, {
               value: this.detailData.target,
               label: {
                 show: true,
                 position: 'right',
-                offset: [-60, 25],
+                offset: [0, 25],
                 // 固定label尺寸：68px×20px
                 width: 68,
                 height: 20,

src/views/home/rawSheetYieldComponents/yearRelatedMetrics.vue

@@ -78,7 +78,7 @@ export default {
     // 达标标识判断（≥100返回1，<100返回0）
     getRateFlag(rate) {
       if (isNaN(rate) || rate === null || rate === undefined) return 0;
-      return rate >= 100 ? 1 : 0;
+      return +(rate >= 100 || rate === 0); // + 号将布尔值转为数字（true→1，false→0）
     },
 
     // 处理生产数据