处理显示名称

gaoshp

2024-11-05 e2fdfe540eaf160dc7d063c60667041edcc64e86

 src/views/mdc/processParam/index.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-04-09 22:11:21
 * @LastEditors: gaoshp
 * @LastEditTime: 2024-11-03 17:26:18
 * @LastEditTime: 2024-11-05 22:55:01
 * @FilePath: /cps-web/src/views/mdc/processParam/index.vue
 实时看板
-->
@@ -184,7 +184,7 @@
            this.$HTTP.post('/api/mdc/process-parameter/item?current=1&size=1500', {
                endTime: this.timeRange.endTime,
                startTime: this.timeRange.startTime,
                item: item.name,
                item: item.dpName,
                methodEnum: "HOUR",
                workstationId: this.treeChecked.toString(),
                workstationName: ''
@@ -211,7 +211,6 @@
        },
        query() {
            if (!this.treeChecked.toString()) return
            console.log(this.treeChecked.toString(), '>>>>>>>>>/')
            this.$refs?.timeLine?.init({
                dates: this.time,
                workstationId: this.treeChecked.toString()
@@ -219,7 +218,6 @@
            this.list = []
            this.$HTTP.get('/api/mdc/process-parameter/params', { workstationId: this.treeChecked.toString() }).then(res => {
                if (res.code === 200) {
                    console.log('jkjkjkjkj', this.list)
                    this.list = res.data.map(v => {
                        let name = v.isProcessParam ? 'ProcessProgram' : v.dpName
                        return {
@@ -271,7 +269,6 @@
                } else {
                    this.setLineOptions(res.data.data, item.dpName)
                }
                console.log(this.list, '>>>>>>>>>>//////1')
            })
        },
        setLineOptions(data, myname) {
@@ -336,9 +333,13 @@
            let series = data.data.map((item, i) => {
                let current = Math.abs(moment(start).diff(moment(item.time)))
                start = item.time
                let name = i === 0 ? '' : data.data[i - 1].name
                let name = i === 0 ? '' : data.data[i - 1].value
                // if (myname === 'ProcessProgram') {
                name = item.value
                try {
                    name = item.value.slice(-50)
                } catch (err) {
                    name = item.value
                }
                // }
                // let color = !name ? 'transparent' : data.data[i - 1].color
                return {
@@ -364,7 +365,7 @@
                    tooltip: {
                        show: true,
                        trigger: 'item',
                        position: 'top',
                        // position: 'top',
                        triggerOn: 'click',
                        formatter: (value, ticket) => {
                            // console.log('----------1111')
@@ -374,7 +375,7 @@
                            // 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')}`
                            return `${name}:时段${moment(data.data[i - 1].time).format('HH:mm:ss')}-${moment(item.time).format('HH:mm:ss')}`
                        }
                    },
                }
@@ -413,12 +414,12 @@
                    },
                },
            }
            console.log(dayCharts, '>>>>>>>???')
            let index = this.list.findIndex(item => item.dpName === myname)
            this.list[index] = Object.assign({
                ...this.list[index],
                dayCharts
            })
            console.log(this.list, '>>>>>>>>>>>>>>>>>>>>>>111')
        },
        change(e) {
            this.timeStart = e[0] || moment().format('YYYY-MM-DD')