update

gaoshp

2024-04-29 29694f6c7e7830dc99e76692b433b92384d34a9b

 src/views/console/base/Shiftsystem.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-04-09 20:19:46
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-28 23:55:44
 * @LastEditTime: 2024-04-29 01:19:37
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/console/base/Shiftsystem.vue
-->
<template>
@@ -50,8 +50,9 @@
                        </el-timeline-item>
                    </el-timeline>
                </el-row>
                <el-row>

                <el-row style="margin-top: 20px;">
                    <scEcharts style="width:100%" height="300px" :option="dayCharts">
                    </scEcharts>
                </el-row>
            </el-main>
        </el-container>
@@ -62,9 +63,11 @@
<script>
import Dialog from './Dialog.vue'
import moment from 'moment';
import scEcharts from '@/components/scEcharts';
export default {
    components: {
        Dialog
        Dialog,
        scEcharts
    },
    computed: {
        dateFormat: () => {
@@ -90,6 +93,50 @@
                    time: `${this.dateFormat(item.shiftStartTime)}-${this.dateFormat(item.shiftEndTime)}`
                }
            })
        },
        dayCharts() {
            if (!this?.info?.shiftDetailVOList?.length) return
            let yData = this.info.shiftDetailVOList.map(item => {
                return item.indexName
            })
            let series = this.info.shiftDetailVOList.map(item => {
                let base = moment().format('YYYY-MM-DD') + ' 00:00:00'
                return {
                    name: item.indexName,
                    type: 'bar',
                    data: [moment(base).add(item.shiftStartTime, 'm').format('YYYY-MM-DD HH:mm:ss').unix(), moment(base).add(item.shiftEndTime, 'm').format('YYYY-MM-DD HH:mm:ss').unix()],
                    label: {
                        show: true
                    }
                }

            })
            console.log(series)
            return {
                title: {
                    text: '班制概览'
                },
                legend: {},
                xAxis: {
                    type: 'value',
                    // interval: 3600,
                    // axisLabel: {
                    //     // formatter: (value, index) => {
                    //     //     // let add = Math.abs(moment(this.timeRange.startTime).diff(moment(this.timeRange.endTime))) * value
                    //     //     // let current = moment(this.timeRange.startTime).add(add, 'ms')
                    //     //     // return current.format('HH:mm')
                    //     //     return value
                    //     // }
                    // },
                },
                yAxis: {
                    type: 'category',
                    data: yData
                },
                series: {

                }
            }
        }
    },
    data() {