| | |
| | | groupCurr: { |
| | | categories: [], |
| | | data: [] |
| | | }, |
| | | monInfoLine: { |
| | | names: [], |
| | | categories: [], |
| | | data: [] |
| | | } |
| | | } |
| | | }, |
| | | historyData: [] |
| | | }, |
| | | methods: { |
| | | searchAll: function searchAll() { |
| | |
| | | record_time: '2019-11-27 10:28:26', |
| | | group_vol: 48.5, |
| | | online_vol: 0, |
| | | test_curr: -98 |
| | | test_curr: -98, |
| | | mon_vol: 10 |
| | | }, { |
| | | mon_num: 2, |
| | | record_num: 1, |
| | | record_time: '2019-11-27 10:28:26', |
| | | group_vol: 48.5, |
| | | online_vol: 0, |
| | | test_curr: -98 |
| | | test_curr: -98, |
| | | mon_vol: 8 |
| | | }, { |
| | | mon_num: 3, |
| | | record_num: 1, |
| | | record_time: '2019-11-27 10:28:26', |
| | | group_vol: 48.5, |
| | | online_vol: 0, |
| | | test_curr: -98 |
| | | test_curr: -98, |
| | | mon_vol: 11 |
| | | }, { |
| | | mon_num: 4, |
| | | record_num: 1, |
| | | record_time: '2019-11-27 10:28:26', |
| | | group_vol: 48.5, |
| | | online_vol: 0, |
| | | test_curr: -98 |
| | | test_curr: -98, |
| | | mon_vol: 10 |
| | | }, { |
| | | mon_num: 1, |
| | | record_num: 2, |
| | | record_time: '2019-11-27 10:28:30', |
| | | group_vol: 48.8, |
| | | online_vol: 48, |
| | | test_curr: -80 |
| | | test_curr: -80, |
| | | mon_vol: 5 |
| | | }, { |
| | | mon_num: 2, |
| | | record_num: 2, |
| | | record_time: '2019-11-27 10:28:30', |
| | | group_vol: 48.8, |
| | | online_vol: 48, |
| | | test_curr: -80 |
| | | test_curr: -80, |
| | | mon_vol: 15 |
| | | }, { |
| | | mon_num: 3, |
| | | record_num: 2, |
| | | record_time: '2019-11-27 10:28:30', |
| | | group_vol: 48.8, |
| | | online_vol: 48, |
| | | test_curr: -80 |
| | | test_curr: -80, |
| | | mon_vol: 8 |
| | | }, { |
| | | mon_num: 4, |
| | | record_num: 2, |
| | | record_time: '2019-11-27 10:28:30', |
| | | group_vol: 48.8, |
| | | online_vol: 48, |
| | | test_curr: -80 |
| | | test_curr: -80, |
| | | mon_vol: 9 |
| | | }] |
| | | }); |
| | | self.loading.hide(); |
| | |
| | | var groupVol = [[], []]; |
| | | // 组端电流 |
| | | var groupCurr = [[]]; |
| | | |
| | | // 单体信息 |
| | | var monLine = []; |
| | | var monNum = []; |
| | | // 遍历res.data |
| | | for (var i = 0; i < res.data.length; i++) { |
| | | var data = res.data[i]; |
| | |
| | | // 设置组端电流 |
| | | groupCurr[0].push(data.test_curr); |
| | | } |
| | | var num = data.mon_num - 1; |
| | | // 设置单体信息 |
| | | if (!monLine[num]) { |
| | | monLine[num] = []; |
| | | } |
| | | monLine[num].push(data.mon_vol); |
| | | } |
| | | |
| | | // 设置电池单体编号 |
| | | for (var i = 0; i < monLine.length; i++) { |
| | | monNum.push('#' + (i + 1)); |
| | | } |
| | | |
| | | // 设置端电压数据 |
| | | this.lineChart.groupVol.categories = dates; |
| | | this.lineChart.groupVol.data = groupVol; |
| | | // 设置组端电流数据 |
| | | this.lineChart.groupCurr.categories = dates; |
| | | this.lineChart.groupCurr.data = groupVol; |
| | | this.lineChart.groupCurr.data = groupCurr; |
| | | |
| | | // 设置单体信息 |
| | | this.lineChart.monInfoLine.categories = dates; |
| | | this.lineChart.monInfoLine.data = monLine; |
| | | this.lineChart.monInfoLine.names = monNum; |
| | | |
| | | // 更新折线图 |
| | | this.updateLineGraph(); |
| | | }, |
| | | updateLineGraph: function updateLineGraph() { |
| | | // bui.alert(7788); |
| | | this.$refs['groupVolLine'].setOption(this.lineChart.groupVol); |
| | | this.$refs['groupCurrLine'].setOption(this.lineChart.groupCurr); |
| | | this.$refs['monInfoLine'].setOption(this.lineChart.monInfoLine); |
| | | } |
| | | }, |
| | | computed: { |