1

lzhe

2024-11-01 e5cdf3af17609b49138cec3e8fb200752365f651

 src/views/mdc/output-statistics.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-04-09 22:11:21
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-20 21:04:01
 * @LastEditTime: 2024-06-22 18:35:47
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/output-statistics.vue
 * 效率分析
-->
@@ -25,8 +25,9 @@
                            <MYTree v-model="treeChecked" show-checkbox></MYTree>
                        </el-main>
                        <el-footer>
                            <el-button @click="query">查询</el-button>
                            <el-button>导出</el-button>
                            <el-button type="primary" @click="query">查询</el-button>
                            <!-- <el-button @click="exportExcel">导出</el-button> -->
                            <exportDialog @export="exportExcel"></exportDialog>
                        </el-footer>
                    </el-container>
                </el-aside>
@@ -34,12 +35,14 @@
                    <el-main>
                        <el-tabs tab-position="top" v-model="activeName" type="card">
                            <el-tab-pane label="按班次统计" name="shift">
                                <Shift colname="产量" url="/api/blade-mdc/output" ref="shift"
                                <Shift :options="chartOption" :datasetNum="1" colname="产量"
                                    :colnameFn="val => { return val }" url="/api/mdc/output" ref="shift"
                                    v-if="activeName == 'shift'">
                                </Shift>
                            </el-tab-pane>
                            <el-tab-pane label="按时间周期统计" name="time">
                                <Time url="/api/blade-mdc/output" ref="time" v-if="activeName == 'time'">
                                <Time :resFn="val => val" :options="chartOption1" :colnameFn="val => { return val }"
                                    url="/api/mdc/output" ref="time" v-if="activeName == 'time'">

                                </Time>
                            </el-tab-pane>
@@ -56,12 +59,13 @@
import MYTree from './MYTree.vue'
import Shift from './components/Shift.vue'
import Time from './components/Time.vue'

import exportDialog from '@/layout/components/exportDialog.vue'
export default {
    components: {
        MYTree,
        Shift,
        Time
        Time,
        exportDialog
    },
    watch: {
        activeName() {
@@ -76,6 +80,85 @@
            activeName: 'shift',
            time: [],
            treeChecked: [],
            chartOption1: {
                title: {
                    text: '统计图表',
                    subtext: '',
                },
                grid: {
                    top: '80px'
                },
                tooltip: {
                    trigger: 'axis'
                },
                tooltip: {
                    trigger: 'axis',
                    valueFormatter: (params) => {
                        return params
                    }
                },
                xAxis: {
                    type: 'category',
                    axisLabel: {
                        interval: 'auto',
                    }
                },
                yAxis: {
                    type: 'value',
                    axisLabel: {
                        formatter: (value) => {
                            return value
                        }
                    },
                },
                dataZoom: [
                    { type: 'slider' }
                ],
                dataset: {
                    source: []
                },
                series: []
            },
            chartOption: {
                legend: {
                    type: 'plain',
                },
                title: {
                    text: '统计图表',
                    subtext: '',
                },
                grid: {
                    top: '80px'
                },
                tooltip: {
                    trigger: 'axis'
                },
                xAxis: {
                    type: 'category',
                },
                yAxis: {
                    type: 'value',
                    axisLabel: {
                        formatter: (value) => {
                            return value
                        }
                    },
                },
                dataZoom: [
                    { type: 'slider' }
                ],
                dataset: {
                    source: [
                        ['product', '班次1', '班次2'],
                    ]
                },
                series: [{
                    type: 'bar',
                },
                {
                    type: 'bar',
                }]
            },
            options: [
                {
                    label: '稼动率',
@@ -99,6 +182,22 @@
        this.query()
    },
    methods: {
        exportExcel(statisticalMethod) {
            this.$HTTP.post(`/api/mdc/output/export`, {
                startDate: this.time[0],
                endDate: this.time[1],
                statisticalMethod,
                queryType: 1,
                shiftIndexList: [1, 2],
                workStationIdList: this.treeChecked
            }).then(res => {
                if (res.success) {
                    window.open(res.data.link)
                } else {
                    this.$message.error(res.msg)
                }
            })
        },
        query() {
            this.$refs[this.activeName].init({
                endDate: this.time[1],