三级警报数据

xufenglei

2018-05-04 062df3fdc8a7309c23e3ec8add778a5982977647

 src/app/routes/dashboard/workplace/workplace.component.ts

@@ -1,3 +1,4 @@
import { environment } from "../../../../environments/environment";
import { zip } from 'rxjs/observable/zip';
import { Component, OnInit, OnDestroy } from '@angular/core';
import { NzMessageService } from 'ng-zorro-antd';
@@ -33,7 +34,7 @@
    activities: any[] = [];
    radarData: any[] = [];
    loading = true;

    public alarmData:any = {};
    members = [
        {
            id: 'members-1',
@@ -85,7 +86,25 @@
        private http2: HttpClient) {
    }

    selectedIndexChange(index) {
      if (!this.alarmData['_' + index]) {
        this.http2.get(environment.SERVER_BASH_URL + 'report/alarm-year', {params: {state: index > 0 ? index : null}}).subscribe((res: any) => {
          let data = [];
          for (let i = 0; i < res.data.length; i += 1) {
            let y = 0;
            if (!!res.data[i]) {
              y = res.data[i];
            }
            data.push({x: `${i + 1}月`, y: y});
          }
          this.alarmData['_' + index] = data;
        });
      }
    }
    
    ngOnInit() {
       this.selectedIndexChange(0);

        // const today = new Date().getTime();
        // const fakeDC = [60, 135, 70, 112, 80, 170, 200, 140, 52, 119, 164, 230];
        // for (let i = 0; i < 12; i += 1) {
@@ -148,17 +167,6 @@
            }
        );
        // this.avgDeviceCount = (this.totalDeviceCount / 12).toFixed(0);

        const alarmData = [];
        const alarmData_1 = [];
        const alarmData_2 = [];
        const alarmData_3 = [];
        for (let i = 0; i < 12; i += 1) {
            alarmData.push({ x: `${i + 1}月`, y: Math.floor(Math.random() * 1000) + 500 });
            alarmData_1.push({ x: `${i + 1}月`, y: Math.floor(Math.random() * 1000) + 100 });
            alarmData_2.push({ x: `${i + 1}月`, y: Math.floor(Math.random() * 1000) + 200 });
            alarmData_3.push({ x: `${i + 1}月`, y: Math.floor(Math.random() * 1000) + 300 });
        }

        const alertData = [];
        const alertData_1 = [];
@@ -251,11 +259,7 @@
            });
        }
        const res = {
            alarmData: alarmData,
            alarmData_1: alarmData_1,
            alarmData_2: alarmData_2,
            alarmData_3: alarmData_3,

            
            alertData: alertData,
            alertData_1: alertData_1,
            alertData_2: alertData_2,
@@ -275,6 +279,7 @@

        this.radarData = res.radarData;


        const avatars = [
            'https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png', // Alipay
            'https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png', // Angular