默认2

gaoshp

2024-06-18 179136b6d89e4d24c37fc3981848f62b5673495c

 src/views/mdc/processParam/index.vue

@@ -198,14 +198,20 @@
            }).then(res => {
                if (res.code === 200) {
                    if (item.name !== 'DeviceStatus') {
                        this.tableData = res.data.records
                        this.tableData = res.data.records.map(v => {
                            return {
                                ...v,
                            }
                        })
                    } else {
                        this.tableData = res.data.records.map(item => {
                            return {
                                ...item,
                                value: this.legend.find(v => v.code === item.value)?.name
                            }
                        })
                    }
                    this.tableData = res.data.records.map(item => {
                        return {
                            ...item,
                            value: this.legend.find(v => v.code === item.value)?.name
                        }
                    })

                    this.drawer = true
                }
            })
@@ -258,7 +264,7 @@
        },
        setLineOptions(data, myname) {
            if (!data) return
            console.log(data, myname)
            // console.log(data, myname)
            let xAxis = data?.map(item => {
                return item.time
            })
@@ -297,7 +303,6 @@
                    dayCharts: {}
                })
            } else {
                console.log(myname, '>>>>>>???????????>>>>>>', yAxisData)
                let index = this.list.findIndex(item => item.name === myname)
                this.list[index] = Object.assign({
                    ...this.list[index],
@@ -331,34 +336,48 @@
                    stack: 'total',
                    barWidth: '20px',
                    data: [current / total],
                    label: {
                    // label: {
                    //     show: true,
                    //     position: 'insideLeft',
                    //     color: '#FFF',
                    //     formatter: params => {
                    //         if (i == 0 || current === 0) return ''
                    //         return `${name}:开始时间${moment(data.data[i - 1].time).format('HH:mm')}-${moment(item.time).format('HH:mm')}`
                    //     }
                    // },
                    // itemStyle: {
                    //     // color, // 这一行固定的颜色值需要删除或注释
                    //     borderColor: '#FFF',
                    //     borderWidth: 1
                    // },
                    tooltip: {
                        show: true,
                        position: 'insideLeft',
                        color: '#FFF',
                        formatter: params => {
                        trigger: 'item',
                        position: 'top',
                        triggerOn: 'click',
                        formatter: (value, ticket) => {
                            // console.log('----------1111')
                            // let add = Math.abs(moment(this.timeRange.startTime).diff(moment(this.timeRange.endTime))) * value
                            // let current = moment(this.timeRange.startTime).add(add, 'ms')
                            // console.log('--11111111------------', current)
                            // return current.format('HH:mm')
                            // return value
                            if (i == 0 || current === 0) return ''
                            return `${name}:开始时间${moment(data.data[i - 1].time).format('HH:mm')}-${moment(item.time).format('HH:mm')}`
                        }
                    },
                    itemStyle: {
                        // color, // 这一行固定的颜色值需要删除或注释
                        borderColor: '#FFF',
                        borderWidth: 1
                    },
                }
            })
            let dayCharts = {
                // tooltip: {
                //     position: ['50%', '50%'],
                //     formatter: (value, ticket) => {
                //         console.log('>>>>>>>>>>>>____________', value, ticket)
                //         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')
                //     }
                // },
                legend: [
                ],
                tooltip: {
                    position: ['50%', '50%'],
                    // formatter: (value, ticket) => {
                    //     // console.log('>>>>>>>>>>>>____________', value, ticket)
                    //     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')
                    // }
                },
                title: {
                    text: '',
                    subtext: '',
@@ -380,6 +399,7 @@
                    },
                },
            }
            console.log(dayCharts, '>>>>>>>???')
            let index = this.list.findIndex(item => item.name === myname)
            this.list[index] = Object.assign({
                ...this.list[index],