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

@@ -36,6 +36,8 @@ export default {
       isFullscreen: false,
       actualOptions: null,
       chart: "",
+      data: [],
+      orderXAxis:[],
       // obj:{
       //   seriesArr: [],
       //   targetProduceArr: [],
@@ -50,7 +52,7 @@ export default {
         grid: {
           left: "7%",
           right: "7%",
-          bottom: "8%",
+          bottom: "15%",
           top: "15%",
         },
         tooltip: {
@@ -66,6 +68,7 @@ export default {
             },
           },
           axisLabel: {
+            rotate:45,
             color: "rgba(255, 255, 255, 0.7)",
             fontSize: 12,
           },
@@ -191,7 +194,7 @@ export default {
   },
   watch: {
     type(val) {
-
+      this.initChart()
     },
     /** 全屏状态切换时，对柱子粗细和字体大小进行相应调整 */
     // isFullscreen(val) {
@@ -249,79 +252,62 @@ export default {
       }, 500)();
     },
     initChart() {
-      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 = []
+        this.orderXAxis = []
-        let targetProduceArr = []
+        this.data = []
         if (this.energyCockpits) {
           this.energyCockpits.forEach(ele => {
-            targetProduceArr.push(ele.targetProduction)
+            this.data.push(ele.targetProduction)
-            orderXAxis.push(ele.workOrderNumber)
+            this.orderXAxis.push(ele.workOrderNumber)
           });
         }
-        actualOptions.xAxis.data = orderXAxis;
-        actualOptions.series[0].data = targetProduceArr;
         // this.initChart(targetProduceArr, orderXAxis)
       } else if (this.type === '计划投入') {
-        let orderXAxis = []
+        this.orderXAxis = []
-        let planIn = []
+        this.data = []
         if (this.energyCockpits) {
           this.energyCockpits.forEach(ele => {
-            planIn.push(ele.plannedInvestment)
+            this.data.push(ele.plannedInvestment)
-            orderXAxis.push(ele.workOrderNumber)
+            this.orderXAxis.push(ele.workOrderNumber)
           });
         }
-        actualOptions.xAxis.data = orderXAxis;
-        actualOptions.series[0].data = planIn;
       } else if (this.type === '实际投入') {
-        let orderXAxis = []
+        this.orderXAxis = []
-        let acIn = []
+        this.data = []
         if (this.energyCockpits) {
           this.energyCockpits.forEach(ele => {
-            acIn.push(ele.actualInvestment)
+            this.data.push(ele.actualInvestment)
-            orderXAxis.push(ele.workOrderNumber)
+            this.orderXAxis.push(ele.workOrderNumber)
           });
         }
-        actualOptions.xAxis.data = orderXAxis;
-        actualOptions.series[0].data = acIn;
       } else if (this.type === '实际产出') {
-        let orderXAxis = []
+        this.orderXAxis = []
-        let acProduceArr = []
+        this.data = []
         if (this.energyCockpits) {
           this.energyCockpits.forEach(ele => {
-            acProduceArr.push(ele.actualProduction)
+            this.data.push(ele.actualProduction)
-            orderXAxis.push(ele.workOrderNumber)
+            this.orderXAxis.push(ele.workOrderNumber)
           });
         }
-        actualOptions.xAxis.data = orderXAxis;
-        actualOptions.series[0].data = acProduceArr;
       } else if (this.type === '废品数量') {
-        let orderXAxis = []
+        this.orderXAxis = []
-        let scrapNum = []
+        this.data  = []
         if (this.energyCockpits) {
           this.energyCockpits.forEach(ele => {
-            scrapNum.push(ele.wasteNum)
+            this.data.push(ele.wasteNum)
-            orderXAxis.push(ele.workOrderNumber)
+            this.orderXAxis.push(ele.workOrderNumber)
           });
         }
-        actualOptions.xAxis.data = orderXAxis;
-        actualOptions.series[0].data = scrapNum;
       } else if (this.type === '待再加工') {
-        let orderXAxis = []
+        this.orderXAxis = []
-        let processNum = []
+        this.data = []
         if (this.energyCockpits) {
           this.energyCockpits.forEach(ele => {
             console.log(ele.reworkNum);
-            processNum.push(ele.reworkNum)
+            this.data.push(ele.reworkNum)
-            orderXAxis.push(ele.workOrderNumber)
+            this.orderXAxis.push(ele.workOrderNumber)
           });
         }
-        actualOptions.xAxis.data = orderXAxis;
-        actualOptions.series[0].data = processNum;
       }
 
       // let seriesArr = [
@@ -370,6 +356,13 @@ export default {
       // actualOptions.series[1].name = seriesArr[1].name;
       // actualOptions.series[2].data = seriesArr[2].data;
       // actualOptions.series[2].name = seriesArr[2].name;
+      if (this.chart) {
+        this.chart.dispose();
+      }
+      this.chart = echarts.init(document.getElementById("factoryEnergyChart"));
+      const actualOptions = JSON.parse(JSON.stringify(this.options));
+      actualOptions.xAxis.data = this.orderXAxis;
+      actualOptions.series[0].data = this.data;
       this.actualOptions = actualOptions;
       this.chart.setOption(actualOptions);
     },

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

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-05-29 14:48:06
- * @LastEditTime: 2024-06-07 09:30:17
+ * @LastEditTime: 2024-06-07 14:11:01
  * @LastEditors: zhp
  * @Description:
 -->
@@ -49,7 +49,7 @@ export default {
   computed: {
     xAxis() {
       console.log(' this.companyId', this.companyId);
-      return this.companyId === 0 ? ["fto投入", "芯片产量", "标准组件产量"] : ["fto投入", "芯片产量", "标准组件产量", 'BIPV产量'];
+      return this.companyId === 0 ? ["FTO投入", "芯片产量", "标准组件产量"] : ["FTO投入", "芯片产量", "标准组件产量", 'BIPV产量'];
     },
     legend() {
       let items = [];

src/views/copilot/factoryData/hdIndex.vue

@@ -9,7 +9,7 @@
             :prodOutPut="prodOutPut" :prodFto="prodFto" :showBipv="show" />
         </db-container>
         <left-container title="工单监控" icon="order">
-          <order :prodOrder="prodOrder" />
+          <order @update:type="updateType" :type="type" :prodOrder="prodOrder" />
         </left-container>
         <!-- <db-container title="" icon="store"> -->
         <!-- <store :stock="stock" /> -->
@@ -47,6 +47,7 @@ export default {
   },
   data() {
     return {
+      type: '目标产量',
       companyId: 1,
       companyName: "邯郸中建材光电材料有限公司",
       period: 1,
@@ -75,6 +76,10 @@ export default {
     this.getMes();
   },
   methods: {
+    updateType(val) {
+      console.log(val)
+      this.type = val
+    },
     updateCompany(obj) {
       this.companyId = obj.companyId;
       this.companyName = obj.companyName;