编辑时间轴组件

gaoshp

2024-04-23 88dc89d715828ae485cd00772c0c690b58a7b650

 src/views/mdc/components/Shift.vue

@@ -1,15 +1,16 @@
<!--
 * @Date: 2024-04-18 21:52:18
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-20 19:40:06
 * @LastEditTime: 2024-04-23 19:45:06
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/components/Shift.vue
-->
<template>
    <el-row>
        <el-col>
            <el-button-group>
                <el-button :type="btnListActive == item.id ? 'primary' : ''" v-for="item in btnList" :key="item.id">{{
                    item.title }}</el-button>
                <el-button size="small" @click="btnListActive = item.id"
                    :type="btnListActive == item.id ? 'primary' : ''" v-for="item in btnList" :key="item.id">{{
                        item.title }}</el-button>
            </el-button-group>
        </el-col>
        <el-col style="margin-top: 12px;">
@@ -29,7 +30,7 @@
                        <span>{{ scope.row.nameData['1'] }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="" label="效率">
                <el-table-column prop="" :label="colname">
                    <template #default="scope">
                        <span>{{ scope.row.data['1'] }}</span>
                    </template>
@@ -39,7 +40,7 @@
                        <span>{{ scope.row.nameData['2'] }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="" label="效率">
                <el-table-column prop="" :label="colname">
                    <template #default="scope">
                        <span>{{ scope.row.data['2'] }}</span>
                    </template>
@@ -52,6 +53,16 @@
<script>
import scEcharts from '@/components/scEcharts';
export default {
    props: {
        url: {
            default: '/api/blade-mdc/efficiency-analysis',
            type: String,
        },
        colname: {
            default: '',
            type: String,
        }
    },
    components: {
        scEcharts
    },
@@ -66,8 +77,23 @@
            option2: null,
        }
    },
    watch: {
        btnListActive(val) {
            this.query({
                ...this.params,
                startDate: val,
                endDate: val
            })
            this.queryChart({
                ...this.params,
                startDate: val,
                endDate: val
            })
        }
    },
    methods: {
        init(params) {
            this.params = params
            this.getTime({
                endDate: params.endDate,
                startDate: params.startDate,
@@ -105,7 +131,7 @@
                queryType: 0,
                statisticalMethod: this.statisticalMethod
            }
            return this.$HTTP.post('/api/blade-mdc/efficiency-analysis', dataSend, { params }).then(res => {
            return this.$HTTP.post(this.url, dataSend, { params }).then(res => {
                this.chartsData = res.data.items.records
                let option2 = {
                    legend: {
@@ -145,7 +171,7 @@
                }
                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]])
                    option2.dataset.source.push([v.workstationName, v.data[1] === '-' ? 0 : v.data[1], v.data[2] === '-' ? 0 : v.data[2]])
                });
                this.option2 = option2
                console.log(option2)
@@ -168,7 +194,7 @@
                    delete dataSend.size
                    delete dataSend.order
                    delete dataSend.prop
                    return await this.$HTTP.post('/api/blade-mdc/efficiency-analysis', dataSend, { params }).then(res => {
                    return await this.$HTTP.post(this.url, dataSend, { params }).then(res => {
                        return {
                            ...res,
                            data: res.data.items