修改看板样式

src/components/comparechart/leftup1Chart/chart.vue

@@ -114,11 +114,14 @@ export default {
               focus: 'series'
             },
             label: {
-              show: false,
-              position: 'top',
+              show: true,  // 修改为显示标签
+              position: 'inside',  // 修改为内部显示
               fontSize:14,
-              color:  "inherit"
+              color: '#fff'  // 修改为白色
             },
+            itemStyle: {
+              color: '#ff6666'  // 为不良数据添加明显的颜色
+            }
           },
           {
             name: '计划达成率%',
@@ -238,7 +241,7 @@ export default {
                 maxnumber= element.v_outqty;
               }
               //不良
-              series2.push(element.v_ngqty);
+              series2.push(element.v_ngqty);  // 修改为负值，使其向下堆叠
               //计划达成率
               series3.push(element.v_finishrate);
               //良率

src/views/compare/right.vue

@@ -23,14 +23,14 @@ export default {
   data() {
     return {
       config: {
-        header: ['车间', '计划数', '完成数', '达成比例%'],
+        header: ['车间', '计划数', '完成数', '达成率%','不良数','良品率%'],
         data: [],
         rowNum: 20,
         headerHeight: 35,
         headerBGC: 'rgba(15,19,37,0.1)',
         oddRowBGC: 'rgba(15,19,37,0.1)',
         evenRowBGC: 'rgba(23,28,51,0.1)',
-        columnWidth: [200, 190, 150],
+        columnWidth: [100, 100, 120,140,100,120],
         align: ['center', 'center', 'center', 'center']
       },
       refreshInterval: null,
@@ -88,7 +88,9 @@ export default {
         this.createCell(item.v_wccode, rowClass),
         this.createCell(item.v_planqty, rowClass),
         this.createCell(item.v_madeqty, rowClass),
-        this.createCell(item.v_rate, rowClass)
+        this.createCell(item.v_rate, rowClass),
+        this.createCell(item.v_ngqty, rowClass),
+        this.createCell(item.v_okrate, rowClass)
       ]
     },