udpate

gaoshp

2024-04-20 ab1ea48f5a77cd02ffbadc0622ac2f2ecec45a81

 src/views/mdc/components/Shift.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-04-18 21:52:18
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-20 11:31:18
 * @LastEditTime: 2024-04-20 19:40:06
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/components/Shift.vue
-->
<template>
@@ -12,7 +12,7 @@
                    item.title }}</el-button>
            </el-button-group>
        </el-col>
        <el-col>
        <el-col style="margin-top: 12px;">
            <el-card shadow="never">
                <scEcharts height="300px" :option="option2"></scEcharts>
            </el-card>
@@ -63,33 +63,7 @@
            btnList: [],
            btnListActive: '',
            chartsData: [],
            option2: {
                title: {
                    text: '统计图表',
                    subtext: '基础折线图',
                },
                grid: {
                    top: '80px'
                },
                tooltip: {
                    trigger: 'axis'
                },
                xAxis: {
                    type: 'category',
                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                },
                yAxis: {
                    type: 'value'
                },
                series: [{
                    data: [120, 200, 150, 80, 70, 110, 130],
                    type: 'line',
                },
                {
                    data: [110, 180, 120, 120, 60, 90, 110],
                    type: 'line',
                }]
            },
            option2: null,
        }
    },
    methods: {
@@ -133,6 +107,48 @@
            }
            return this.$HTTP.post('/api/blade-mdc/efficiency-analysis', dataSend, { params }).then(res => {
                this.chartsData = res.data.items.records
                let option2 = {
                    legend: {
                        type: 'plain',
                    },
                    title: {
                        text: '统计图表',
                        subtext: '',
                    },
                    grid: {
                        top: '80px'
                    },
                    tooltip: {
                        trigger: 'axis'
                    },
                    xAxis: {
                        type: 'category',
                    },
                    yAxis: {
                        type: 'value'
                    },
                    dataZoom: [
                        { type: 'slider' }
                    ],
                    dataset: {
                        source: [
                            ['product', '班次1', '班次2'],

                        ]
                    },
                    series: [{
                        type: 'bar',
                    },
                    {
                        type: 'bar',
                    }]
                }
                option2.dataset.source = [['product', '班次1', '班次2']]
                res.data.items.records.forEach(v => {
                    option2.dataset.source.push([v.workstationName, v.data[1] === '-' ? 0 : v.data[1], v.data[2] === '-' ? 0 : v.data[1]])
                });
                this.option2 = option2
                console.log(option2)
            })
        },
        query(params) {