From 7d4045bb727ac6e86939569258cbce1bd2adda58 Mon Sep 17 00:00:00 2001 From: xufenglei <xufenglei> Date: Thu, 29 Mar 2018 14:04:46 +0800 Subject: [PATCH] 报表优化 --- src/app/routes/report/report.component.ts | 45 ++++++++++++++++++++++----------------------- 1 files changed, 22 insertions(+), 23 deletions(-) diff --git a/src/app/routes/report/report.component.ts b/src/app/routes/report/report.component.ts index 4f85b42..64d1127 100644 --- a/src/app/routes/report/report.component.ts +++ b/src/app/routes/report/report.component.ts @@ -13,22 +13,11 @@ }) export class ReportComponent implements OnInit { - constructor( - public injector: Injector, - public http: HttpClient, - public activeRoute: ActivatedRoute, - public msgSrv: NzMessageService - ) { - for (let index = 0; index < 30; index++) { - this.sensorArr.push(index); - } - } - [x: string]: any; public spinning: boolean = true; - public echartOption = { + private echartOption = { backgroundColor: '', title: { text: '', @@ -72,16 +61,26 @@ series: [] }; - sensorArr: any = []; - items: any = []; - timeType: any = {}; - title: string; - timeArr = ['���', '���', '���', '���', '���']; - ngOnInit() { + public sensorArr: any = []; + public items: any = []; + public title: string; + private timeArr = ['���', '���', '���', '���', '���']; + public typeArr = ['year', 'month', 'day', 'hour']; + constructor( + public injector: Injector, + public http: HttpClient, + public activeRoute: ActivatedRoute, + public msgSrv: NzMessageService + ) { + for (let index = 0; index < 30; index++) { + this.sensorArr.push(index); + } + } + ngOnInit() { this.activeRoute.queryParams.subscribe(params => { const items = this.items = JSON.parse(params.items); - const timeType = this.timeType = JSON.parse(params.timeTypes); + const timeType = params.type; this.http.get(environment.SERVER_BASH_URL + 'report/compare', {params: params}).subscribe((res: any) => { if (res.code === 0) { this.msgSrv.error(res.message); @@ -89,12 +88,13 @@ const option = this.echartOption; const sensors = res.data.sensors; const timeArr = this.timeArr; + const label = timeArr[this.typeArr.indexOf(timeType)]; option.xAxis.data = res.data.times; - option.xAxis.name = timeArr[timeArr.indexOf(timeType.label) + 1]; + option.xAxis.name = timeArr[timeArr.indexOf(label) + 1]; for (let index = 0; index < sensors.length; index++) { const sensorKey = sensors[index]; const split = sensorKey.split('-'); - option.title.text = split[1] + timeType.label + '������������'; + option.title.text = split[1] + label + '������������'; option.yAxis.name = split[2] && split[2] !== 'null' ? '������:' + split[2] : ''; option.series = []; option.legend.data = []; @@ -105,7 +105,7 @@ } for (let i = 0; i < items.length; i++) { this.title = items[i].formatTime; - const legendName = items[i].formatTime + timeType.label + (items[i].mac ? items[i].deviceName : items[i].monitorPointName); + const legendName = items[i].formatTime + label + (items[i].mac ? items[i].deviceName : items[i].monitorPointName); option.legend.data[i] = legendName; option.series.push({ name: legendName, @@ -128,7 +128,6 @@ $('#mydiv' + i).remove(); } }); - $('#content').attr({style: "display: inline;"}); this.spinning = false; const title: any[] = this.title.replace(' ', '-').split('-'); this.title = ''; -- Gitblit v1.8.0