diff --git a/src/views/energySources/component/equipmentStatus.vue b/src/views/energySources/component/equipmentStatus.vue index 0175a06..3dc4b8a 100644 --- a/src/views/energySources/component/equipmentStatus.vue +++ b/src/views/energySources/component/equipmentStatus.vue @@ -22,8 +22,7 @@ export default { }, created() { this.$nextTick(() => { - // this.getData() - this.echartsInit() + this.getData() }) }, @@ -37,11 +36,12 @@ export default { getData() { getInstrumentRunStatus({ manufacturerBrand: this.userInfo.dept_name }).then(res => { // this.tableData = res.data.data; - console.log(res.data.data) // this.yearNum = data.currentYear.toString().split('') // this.monthNum = data.currentMonth.toString().split('') // this.yesterdayNum = data.yesterday.toString().split('') // this.todayNum = data.today.toString().split('') + + this.echartsInit(res.data.data) }) }, getLongestSubArray(obj) { @@ -57,260 +57,13 @@ export default { return longest; }, - echartsInit() { - let arr = [ - { - "name": "浇筑风机", //设备名称 - "list": [ - { - "time": "8:00", //时间 - "runStatus": "1" //运行状态 1:运行 2:关机 - }, - { - "time": "10:41", - "runStatus": "2" - }, - { - "time": "11:42", - "runStatus": "1" - }, - { - "time": "11:52", - "runStatus": "1" - }, - { - "time": "12:02", - "runStatus": "1" - }, - { - "time": "12:46", - "runStatus": "1" - } - ] - }, - { - "name": "炉台风机", - "list": [ - { - "time": "8:00", //时间 - "runStatus": "1" //运行状态 1:运行 2:关机 - }, - { - "time": "13:41", - "runStatus": "1" - }, - { - "time": "13:42", - "runStatus": "1" - }, - { - "time": "13:52", - "runStatus": "1" - }, - { - "time": "14:02", - "runStatus": "2" - }, - { - "time": "14:46", - "runStatus": "1" - } - ] - }, - // { - // "name": "车间总成", - // "list": [ - // { - // "time": "11:40", - // "runStatus": "1" - // }, - // { - // "time": "11:41", - // "runStatus": "1" - // }, - // { - // "time": "11:42", - // "runStatus": "1" - // }, - // { - // "time": "11:46", - // "runStatus": "1" - // } - // ] - // }, - // { - // "name": "立床1", - // "list": [ - // { - // "time": "11:40", - // "runStatus": "1" - // }, - // { - // "time": "11:41", - // "runStatus": "1" - // }, - // { - // "time": "11:42", - // "runStatus": "1" - // }, - // { - // "time": "11:46", - // "runStatus": "1" - // } - // ] - // }, - // { - // "name": "立床2", - // "list": [ - // { - // "time": "11:40", - // "runStatus": "1" - // }, - // { - // "time": "11:41", - // "runStatus": "1" - // }, - // { - // "time": "11:42", - // "runStatus": "1" - // }, - // { - // "time": "11:46", - // "runStatus": "1" - // } - // ] - // }, - // { - // "name": "烘干箱", - // "list": [ - // { - // "time": "11:40", - // "runStatus": "1" - // }, - // { - // "time": "11:41", - // "runStatus": "1" - // }, - // { - // "time": "11:42", - // "runStatus": "1" - // }, - // { - // "time": "11:46", - // "runStatus": "1" - // } - // ] - // }, - // { - // "name": "打磨风机", - // "list": [ - // { - // "time": "11:40", - // "runStatus": "1" - // }, - // { - // "time": "11:41", - // "runStatus": "1" - // }, - // { - // "time": "11:42", - // "runStatus": "1" - // }, - // { - // "time": "11:46", - // "runStatus": "1" - // } - // ] - // }, - // { - // "name": "离心车间排风机", - // "list": [ - // { - // "time": "11:40", - // "runStatus": "1" - // }, - // { - // "time": "11:41", - // "runStatus": "1" - // }, - // { - // "time": "11:42", - // "runStatus": "1" - // }, - // { - // "time": "11:46", - // "runStatus": "1" - // } - // ] - // }, - // { - // "name": "空压机3", - // "list": [ - // { - // "time": "11:40", - // "runStatus": "1" - // }, - // { - // "time": "11:41", - // "runStatus": "1" - // }, - // { - // "time": "11:42", - // "runStatus": "1" - // }, - // { - // "time": "11:46", - // "runStatus": "1" - // } - // ] - // }, - // { - // "name": "空压机2", - // "list": [ - // { - // "time": "11:40", - // "runStatus": "1" - // }, - // { - // "time": "11:41", - // "runStatus": "1" - // }, - // { - // "time": "11:42", - // "runStatus": "1" - // }, - // { - // "time": "11:46", - // "runStatus": "1" - // } - // ] - // }, - // { - // "name": "空压机1", - // "list": [ - // { - // "time": "11:40", - // "runStatus": "1" - // }, - // { - // "time": "11:41", - // "runStatus": "1" - // }, - // { - // "time": "11:42", - // "runStatus": "1" - // }, - // { - // "time": "11:46", - // "runStatus": "1" - // } - // ] - // } - ] + echartsInit(arr) { + let day8 = this.$moment().startOf('day').add(8, 'hours').valueOf(); let day20 = this.$moment().startOf('day').add(20, 'hours').valueOf(); let yAxisData = arr.map(r => r.name) + let d = yAxisData.map(r => '-') let source = arr.map(r => r.list) let seriesArr = [] @@ -330,7 +83,7 @@ export default { value: this.$moment(`${y} ${m.time}`).valueOf(), itemStyle: { normal: { - color: m.runStatus == 2 ? "#0084FF" : '#44516d', + color: m.runStatus == 2 ? "#44516d" : '#0084FF', }, }, runStatus: m.runStatus @@ -342,7 +95,7 @@ export default { barWidth: "14", showBackground: false, data: sdata, - // z: seriesArr.length - idx + z: seriesArr.length - idx }) }) let seriesDataF = seriesData[seriesData.length - 1].data @@ -448,7 +201,7 @@ export default { }, }, z: -1, - data: ['-', '-'], + data: d, }, ...seriesData ] diff --git a/src/views/energySourcesProvince/component/electricity.vue b/src/views/energySourcesProvince/component/electricity.vue index 7dc2f9f..4f75079 100644 --- a/src/views/energySourcesProvince/component/electricity.vue +++ b/src/views/energySourcesProvince/component/electricity.vue @@ -9,6 +9,8 @@