修改bug

src/views/copilot/factoryData/components/BarChartBase.vue

@@ -4,19 +4,28 @@
       <span v-for="item in legend" :key="item.label" class="legend-item"
         :style="{ fontSize: isFullscreen ? '0.85vw' : '0.73vw' }">{{ item.label }}</span>
     </div> -->
+
     <div id="factoryEnergyChart" style="width: 100%; height: 100%"></div>
   </div>
 </template>
 <script>
 import { debounce } from "@/utils/debounce";
 import * as echarts from "echarts";
+// import CopilotButton from "./chartButton"
 export default {
+  components: {
+    // CopilotButton,
+  },
   name: "Energy",
   props: {
     // legend: {
     //   type: Array,
     //   required: true,
     // },
+    type: {
+      type: String,
+      default:'目标产量'
+    },
     energyCockpits: {
       type: Array,
       required: true,
@@ -27,6 +36,15 @@ export default {
       isFullscreen: false,
       actualOptions: null,
       chart: "",
+      // obj:{
+      //   seriesArr: [],
+      //   targetProduceArr: [],
+      //   planIn: [],
+      //   acIn: [],
+      //   acProduceArr: [],
+      //   scrapNum: [],
+      //   processNum: [],
+      // },
       options: {
         color: ["#FFD160", "#2760FF", "#12FFF5"],
         grid: {
@@ -172,6 +190,9 @@ export default {
     },
   },
   watch: {
+    type(val) {
+
+    },
     /** 全屏状态切换时，对柱子粗细和字体大小进行相应调整 */
     // isFullscreen(val) {
     //   this.actualOptions.series.map((item) => {
@@ -228,23 +249,80 @@ export default {
       }, 500)();
     },
     initChart() {
-      console.log("this.energyCockpits", this.energyCockpits);
-      let orderXAxis = ['目标产量', '计划投入量', '实际投入量', '实际产出量', '废品数量', '待再加工数量'];
-      // let n = 0;
-      let seriesArr = []
-      // let arr = []
-      // if (this.energyCockpits) {
-      //   this.energyCockpits.forEach(ele => {
-      //     arr.push()
-      //   });
-      // }
-      seriesArr[0] = this.energyCockpits.length != 0 && this.energyCockpits[0].targetProduction ? this.energyCockpits[0].targetProduction :0
-      seriesArr[1] = this.energyCockpits.length != 0 && this.energyCockpits[0].plannedInvestment ? this.energyCockpits[0].plannedInvestment : 0
-      seriesArr[2] = this.energyCockpits.length != 0 && this.energyCockpits[0].actualInvestment ? this.energyCockpits[0].actualInvestment : 0
-      seriesArr[3] = this.energyCockpits.length != 0 && this.energyCockpits[0].actualProduction ? this.energyCockpits[0].actualProduction : 0
-      seriesArr[4] = this.energyCockpits.length != 0 && this.energyCockpits[0].wasteNum ? this.energyCockpits[0].wasteNum : 0
-      seriesArr[5] = this.energyCockpits.length != 0 && this.energyCockpits[0].reworkNum ? this.energyCockpits[0].reworkNum : 0
-      console.log(seriesArr);
+      if (this.chart) {
+        this.chart.dispose();
+      }
+      this.chart = echarts.init(document.getElementById("factoryEnergyChart"));
+      const actualOptions = JSON.parse(JSON.stringify(this.options));
+      if (this.type === '目标产量') {
+        let orderXAxis = []
+        let targetProduceArr = []
+        if (this.energyCockpits) {
+          this.energyCockpits.forEach(ele => {
+            targetProduceArr.push(ele.targetProduction)
+            orderXAxis.push(ele.workOrderNumber)
+          });
+        }
+        actualOptions.xAxis.data = orderXAxis;
+        actualOptions.series[0].data = targetProduceArr;
+        // this.initChart(targetProduceArr, orderXAxis)
+      } else if (this.type === '计划投入') {
+        let orderXAxis = []
+        let planIn = []
+        if (this.energyCockpits) {
+          this.energyCockpits.forEach(ele => {
+            planIn.push(ele.plannedInvestment)
+            orderXAxis.push(ele.workOrderNumber)
+          });
+        }
+        actualOptions.xAxis.data = orderXAxis;
+        actualOptions.series[0].data = planIn;
+      } else if (this.type === '实际投入') {
+        let orderXAxis = []
+        let acIn = []
+        if (this.energyCockpits) {
+          this.energyCockpits.forEach(ele => {
+            acIn.push(ele.actualInvestment)
+            orderXAxis.push(ele.workOrderNumber)
+          });
+        }
+        actualOptions.xAxis.data = orderXAxis;
+        actualOptions.series[0].data = acIn;
+      } else if (this.type === '实际产出') {
+        let orderXAxis = []
+        let acProduceArr = []
+        if (this.energyCockpits) {
+          this.energyCockpits.forEach(ele => {
+            acProduceArr.push(ele.actualProduction)
+            orderXAxis.push(ele.workOrderNumber)
+          });
+        }
+        actualOptions.xAxis.data = orderXAxis;
+        actualOptions.series[0].data = acProduceArr;
+      } else if (this.type === '废品数量') {
+        let orderXAxis = []
+        let scrapNum = []
+        if (this.energyCockpits) {
+          this.energyCockpits.forEach(ele => {
+            scrapNum.push(ele.wasteNum)
+            orderXAxis.push(ele.workOrderNumber)
+          });
+        }
+        actualOptions.xAxis.data = orderXAxis;
+        actualOptions.series[0].data = scrapNum;
+      } else if (this.type === '待再加工') {
+        let orderXAxis = []
+        let processNum = []
+        if (this.energyCockpits) {
+          this.energyCockpits.forEach(ele => {
+            console.log(ele.reworkNum);
+            processNum.push(ele.reworkNum)
+            orderXAxis.push(ele.workOrderNumber)
+          });
+        }
+        actualOptions.xAxis.data = orderXAxis;
+        actualOptions.series[0].data = processNum;
+      }
 
       // let seriesArr = [
       //   {
@@ -286,13 +364,7 @@ export default {
       //     }
       //   }
       // }
-      if (this.chart) {
-        this.chart.dispose();
-      }
-      this.chart = echarts.init(document.getElementById("factoryEnergyChart"));
-      const actualOptions = JSON.parse(JSON.stringify(this.options));
-      actualOptions.xAxis.data = orderXAxis;
-      actualOptions.series[0].data = seriesArr;
+
       // actualOptions.series[0].name = seriesArr[0].name;
       // actualOptions.series[1].data = seriesArr[1].data;
       // actualOptions.series[1].name = seriesArr[1].name;