车间正品率、工单进度统计、其他样式处理

yangfeng

2023-12-05 f5976f38c33048020de1b116ffa004b0d889a14d

 src/views/cockpitPage/index.vue

@@ -18,7 +18,10 @@
      ></OrderCompleteRadio>
    </template>
    <template #leftBlock5>
      <WorkOrderProgress :table-data="workOrderData"></WorkOrderProgress>
      <WorkOrderProgress
        :work-order-finish-rate="workOrderFinishRate"
        :table-data="workOrderData"
      ></WorkOrderProgress>
    </template>
    <template #leftBlock6>
      <PerSonnelProductivity
@@ -33,7 +36,7 @@
      <MaterialChart :chartData="materialChartData"></MaterialChart>
    </template>
    <template #rightBlock3>
      <BarChart></BarChart>
      <BarChart :chartData="barChartData"></BarChart>
    </template>
  </BackgroundBoardLayout>
</template>
@@ -91,6 +94,7 @@
      },
      // 工单进度统计
      workOrderData: [],
      workOrderFinishRate: "",
      // 人员生产效率
      perSonnelChartData: {
        datax: [],
@@ -106,13 +110,18 @@
        datax: [],
        datay: [],
      },
      // 车间正品率
      barChartData: {
        total: 0,
        rate: "0",
        datax: [],
        datay: [],
        datay2: [],
      },
    };
  },
  mounted() {
    this.getDashboard();
    // setInterval(() => {
    //   this.getDashboard();
    // }, 30000);
  },
  watch: {},
  methods: {
@@ -136,11 +145,13 @@
          this.setRightBlock1(res.data);
          // 物料需求统计
          this.setRightBlock2(res.data);
          // 车间正品率
          this.setRightBlock3(res.data);
        })
        .finally(() => {
          setTimeout(() => {
            this.getDashboard();
          }, 30000);
          }, 300000);
        });
    },
    // 处理左上数据
@@ -215,6 +226,7 @@
    },
    // 工单进度统计
    setLeftBlock5(data) {
      this.workOrderFinishRate = data?.WorkOrderFinishRate.toString() ?? "0";
      let list = data.WorkOrderStats.map((item) => {
        let completeProgerss = [];
        for (let i = 0; i < item.ProcedureNum; i++) {
@@ -246,7 +258,6 @@
        this.perSonnelChartData.datax.push(item.Name);
        this.perSonnelChartData.datay.push(parseFloat(item.Value));
      });
      console.log(this.perSonnelChartData.datay);
      // 人员技能饼图
      let chartData2 = [];
      chartData2 = data.WorkerTypeStats.map((item) => {
@@ -275,6 +286,19 @@
        this.materialChartData.datay.push(parseFloat(item.Value));
      });
    },
    // 车间正品率
    setRightBlock3(data) {
      this.barChartData.total = data.TodayFinishAmount;
      this.barChartData.rate = data.TodayQualifiedRate;
      this.barChartData.datax = [];
      this.barChartData.datay = [];
      this.barChartData.datay2 = [];
      data.WorkshopStats.map((item) => {
        this.barChartData.datax.push(item.Name);
        this.barChartData.datay.push(parseFloat(item.Qualified));
        this.barChartData.datay2.push(parseFloat(item.Defective));
      });
    },
  },
};
</script>