省市区兼容旧版本

fengxiang

2018-06-19 27bd4a08bf807f4f6132bb524da33490b6d22f87

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

@@ -1,4 +1,4 @@
import { environment } from "../../../../environments/environment";
import { environment } from '../../../../environments/environment';
import { zip } from 'rxjs/observable/zip';
import { Component, OnInit, OnDestroy } from '@angular/core';
import { NzMessageService } from 'ng-zorro-antd';
@@ -20,21 +20,31 @@
})
export class DashboardWorkplaceComponent implements OnInit, OnDestroy {

    totalDeviceCountList: any[] = [];
    totalDeviceCountList = null;
    totalDeviceCount = '';
    avgDeviceCount = '';
    deviceCountLoading = true;
    // 报警统计
    alarmCountList:{x: string,y: number}[] = null;
    alarmCountList: {x: string, y: number}[] = null;
    alarmCountCurrMonth = '';
    alarmCountCurrDay = '';// 单月报警次数
    alarmCountCurrDay = ''; // 单月报警次数
    alarmCountLoading = true;
    operationLoading = true;
    operNormalPercent = 0;
    activities: any[] = [];
    radarData: any[] = [];
    loading = true;
    public alarmData:any = {};
    public alarmData: any = {};
    public alarmDatas = [
        { title: '所有', color: 'purple', data: [] },
        { title: '一级', color: 'yellow', data: [] },
        { title: '二级', color: 'orange', data: [] },
        { title: '三级', color: 'red', data: [] }
    ];
    public alertData = [[], [], [], []];
    salesType = '0';
    salesTotal = 0;
    salesPieData: any;
    members = [
        {
            id: 'members-1',
@@ -69,15 +79,7 @@
        end: null
    };

    rankingListData: any[] = [
        { title: `PM 2.5`, total: 230 },
        { title: `PM 10`, total: 175 },
        { title: `二氧化硫`, total: 123 },
        { title: `二氧化氮`, total: 92 },
        { title: `甲醛`, total: 39 },
        { title: `氯气`, total: 24 },
        { title: `一氧化碳`, total: 8 }
    ];
    rankingListData: any[] = [];

    constructor(
        private deviceService: DeviceService,
@@ -87,23 +89,65 @@
    }

    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;
        });
      }
        this.rankingListData = [];
        if (this.alarmDatas[index].data.length < 1) {
            this.http2.get(environment.SERVER_BASH_URL + 'report/alarm-year', { params: { state: index > 0 ? index : null } }).subscribe((res: any) => {
                const data = [];
                for (let i = 0; i < res.data.length; i += 1) {
                    data.push({ x: `${i + 1}月`, y: !!res.data[i] ? res.data[i] : 0 });
                }
                this.alarmDatas[index].data = data;
            });
        }
        if (this.alertData[index].length > 0) {
            this.alertData[index].forEach(item => {
                this.rankingListData.push(
                    {
                        title: item.x,
                        total: item.y
                    }
                );
            });
        } else {
            this.http2.get(environment.SERVER_BASH_URL + 'report/alarm-month', { params: { state: index > 0 ? index : null } }).subscribe((res: any) => {
                const data = [];
                for (let i = 0; i < res.data.length; i += 1) {
                    for (const key in res.data[i]) {
                        data.push({ x: key, y: res.data[i][key] });
                        this.rankingListData.push(
                            {
                                title: key,
                                total: res.data[i][key]
                            }
                        );
                    }
                }
                this.alertData[index] = data;
            });
        }
    }
    

    changeSaleType() {
        if (this.alertData[this.salesType].length > 0) {
            this.salesPieData = this.alertData[this.salesType];
            this.salesTotal = this.salesPieData.reduce((pre, now) => now.y + pre, 0);
        } else {
            this.http2.get(environment.SERVER_BASH_URL + 'report/alarm-month', { params: { state: this.salesType === '0' ? null : this.salesType } }).subscribe((res: any) => {
                const data = [];
                for (let i = 0; i < res.data.length; i += 1) {
                    for (const key in res.data[i]) {
                        data.push({ x: key, y: res.data[i][key] });
                    }
                }
                this.salesPieData = this.alertData[this.salesType] = data;
                this.salesTotal = this.salesPieData.reduce((pre, now) => now.y + pre, 0);
            });
        }
    }

    ngOnInit() {
       this.selectedIndexChange(0);
        this.selectedIndexChange(0);
        this.changeSaleType();

        // const today = new Date().getTime();
        // const fakeDC = [60, 135, 70, 112, 80, 170, 200, 140, 52, 119, 164, 230];
@@ -116,50 +160,45 @@
        //     });
        //     this.totalDeviceCount += fakeDC[i];
        // }
        let example1 = new ExampleService();
        let mo = moment();
        example1.or().andGreaterThanOrEqualTo({ name: "createTime", value: mo.format('YYYY-MM-01 00:00:00') });
        let example2 = new ExampleService();
        let example3 = new ExampleService();
        example3.or().andNotEqualTo({name:'state',value:4});
        const example1 = new ExampleService();
        const mo = moment();
        example1.or().andGreaterThanOrEqualTo({ name: 'createTime', value: mo.format('YYYY-MM-01 00:00:00') });
        const example2 = new ExampleService();
        const example3 = new ExampleService();
        example3.or().andNotEqualTo({name: 'state', value: 4});
        zip(this.deviceService.countByExample(example1),
            this.deviceService.countByExample(example2),
            this.http.get<ResultBean<{time: string,count: number}[]>>('device/count-by-times',{start:mo.format('YYYY-01-01 00:00:00'),end:mo.format('YYYY-12-31 23:59:59')}),
            this.http.get<ResultBean<{time: string, count: number}[]>>('device/count-by-times', {start: mo.format('YYYY-01-01 00:00:00'), end: mo.format('YYYY-12-31 23:59:59')}),
            this.deviceService.countByExample(example3)).subscribe(
                ([rWtihAvg, rWithToltal,rWithList,rWithNormal]) => {
                    if (!!rWtihAvg.code && !!rWithToltal&&!!rWithList.code) {
                ([rWtihAvg, rWithToltal, rWithList, rWithNormal]) => {
                    if (!!rWtihAvg.code && !!rWithToltal && !!rWithList.code) {
                        this.avgDeviceCount = ToolsService.toThousands(rWtihAvg.data.toString());
                        this.totalDeviceCount = ToolsService.toThousands(rWithToltal.data.toString());
                        rWithList.data.forEach( item =>{
                            this.totalDeviceCountList.push(
                                {
                                    x:item.time,
                                    y:item.count
                                }
                            );
                        this.totalDeviceCountList = rWithList.data.map(item => {
                            return {x: item.time, y: item.count};
                        });
                        this.operNormalPercent = Math.round(rWithNormal.data/rWithToltal.data*100);
                        this.operNormalPercent = Math.round(rWithNormal.data / rWithToltal.data * 100);
                        this.deviceCountLoading = false;
                        this.operationLoading = false;
                    }
                }
            );
        zip(
            this.http.get<ResultBean<{time: string,count: number}[]>>("alarm/count-by-times",{start: mo.format('YYYY-MM-01 00:00:00'),end: null,timeUnits: TimeUnits.DAY}),
            this.http.get<ResultBean<{time: string,count: number}[]>>("alarm/count-by-times",{start: mo.format('YYYY-MM-01 00:00:00'),end: null}),
            this.http.get<ResultBean<{time: string,count: number}[]>>("alarm/count-by-times",{start: mo.format('YYYY-MM-DD 00:00:00'),end: null})
            this.http.get<ResultBean<{time: string, count: number}[]>>('alarm/count-by-times', {start: mo.format('YYYY-MM-01 00:00:00'), end: null, timeUnits: TimeUnits.DAY}),
            this.http.get<ResultBean<{time: string, count: number}[]>>('alarm/count-by-times', {start: mo.format('YYYY-MM-01 00:00:00'), end: null}),
            this.http.get<ResultBean<{time: string, count: number}[]>>('alarm/count-by-times', {start: mo.format('YYYY-MM-DD 00:00:00'), end: null})
        ).subscribe(
            ([rWithList,rWithMonth,rWithDay]) => {
                 if(!!rWithList.code&&!!rWithMonth.code&&!!rWithDay.code){
            ([rWithList, rWithMonth, rWithDay]) => {
                 if (!!rWithList.code && !!rWithMonth.code && !!rWithDay.code) {
                    this.alarmCountList = rWithList.data.map(
                        item => {
                            return {x:item.time,y:item.count};
                            return {x: item.time, y: item.count};
                        }
                    );
                    if(!!rWithMonth.data&&rWithMonth.data.length>0){
                    if (!!rWithMonth.data && rWithMonth.data.length > 0) {
                        this.alarmCountCurrMonth = ToolsService.toThousands(rWithMonth.data[0].count.toString());
                    }    
                    if(!!rWithDay.data&&rWithDay.data.length>0) {
                    if (!!rWithDay.data && rWithDay.data.length > 0) {
                        this.alarmCountCurrDay =  ToolsService.toThousands(rWithDay.data[0].count.toString());
                    }
                    this.alarmCountLoading = false;
@@ -168,16 +207,6 @@
        );
        // this.avgDeviceCount = (this.totalDeviceCount / 12).toFixed(0);

        const alertData = [];
        const alertData_1 = [];
        const alertData_2 = [];
        const alertData_3 = [];
        for (let i = 0; i < 7; i += 1) {
            alertData.push({ x: this.rankingListData[i].title, y: Math.floor(Math.random() * 1000) + 500 });
            alertData_1.push({ x: this.rankingListData[i].title, y: Math.floor(Math.random() * 1000) + 100 });
            alertData_2.push({ x: this.rankingListData[i].title, y: Math.floor(Math.random() * 1000) + 200 });
            alertData_3.push({ x: this.rankingListData[i].title, y: Math.floor(Math.random() * 1000) + 300 });
        }

        const visitData = [];
        const beginDay = new Date().getTime();
@@ -259,11 +288,6 @@
            });
        }
        const res = {
            
            alertData: alertData,
            alertData_1: alertData_1,
            alertData_2: alertData_2,
            alertData_3: alertData_3,

            visitData: visitData,
            visitData2: visitData2,
@@ -275,7 +299,6 @@

        this.data = res;
        this.loading = false;
        this.changeSaleType();

        this.radarData = res.radarData;

@@ -428,22 +451,6 @@
                }
            })
        ];
    }

    salesType = '0';
    salesPieData: any;
    salesTotal = 0;
    changeSaleType() {
        if (this.salesType == '0') {
            this.salesPieData = this.data.alertData;
        } else if (this.salesType == '1') {
            this.salesPieData = this.data.alertData_1;
        } else if (this.salesType == '2') {
            this.salesPieData = this.data.alertData_2;
        } else if (this.salesType == '3') {
            this.salesPieData = this.data.alertData_3;
        }
        if (this.salesPieData) this.salesTotal = this.salesPieData.reduce((pre, now) => now.y + pre, 0);
    }

    handlePieValueFormat(value: any) {