From 7a9cedc65c1a9f2d8ca4513206767cdd4dd94246 Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Fri, 13 Jul 2018 11:06:02 +0800 Subject: [PATCH] 查询条件 默认设置 token 过期替换 --- src/app/routes/reports/query/query.component.ts | 119 +++++++++++++++++++++++++++++++++++------------------------ 1 files changed, 70 insertions(+), 49 deletions(-) diff --git a/src/app/routes/reports/query/query.component.ts b/src/app/routes/reports/query/query.component.ts index 03517bf..ffe5ddd 100644 --- a/src/app/routes/reports/query/query.component.ts +++ b/src/app/routes/reports/query/query.component.ts @@ -23,7 +23,7 @@ styleUrls: ['./query.component.less'] }) export class QueryComponent implements OnInit { - + // aqi������������ private aqiSort = { e1: 1, @@ -43,7 +43,7 @@ // }; public expandForm: boolean; // ��������� ������������ // public sensors: any[] = []; - public sensorOptions: any[] = []; + public sensorOptions: any[] = []; /** * ��������������������������������� * ��������������������������������������������������������������������� @@ -72,7 +72,7 @@ private _timeType: {showTime: boolean|{[key: string]: Function|boolean}, mode: 'month' | 'day', dateFormat: string } = {showTime: false, mode: 'day', dateFormat: 'YYYY���MM���DD���'}; // ���key-value������,������������������ private _sensors: {[key: string]: string} = {}; - private _sensorNames: string; + private _sensorNames: string; get sensorNames(): string { return this._sensorNames; } @@ -85,29 +85,27 @@ this.reloadChart(); this.switchSensor(this.chartSelectedIndex); // this.chartLoading = false; - } + } this.isChartCollapse = !this.isChartCollapse; } public deviceOptions: Device[] = []; public dataCondition: DataCondition = {areaRangeId: 320583, areaRange: AreaRange.AREA, deviceDimension: DeviceDimension.NONE}; public dimensionOptions: MonitorPoint[] = []; - + get actualYear(): number { return this.actualTime.getFullYear(); } - set actualYear(year) { + set actualYear(year) { this.actualTime.setFullYear(Number(year)); } dimensionsChange(text?: string) { - // switch (this.dimensionItem.value) { - // case DeviceDimension.MONITORPOINT: - // this.monitorPointsChange(text); break; - // case DeviceDimension.PROFESSION: - // this.professionsChange(text); break; - // } - - this.monitorPointsChange(text); + switch (this.dimensionItem.value) { + case DeviceDimension.MONITORPOINT: + this.monitorPointsChange(text); break; + case DeviceDimension.PROFESSION: + this.professionsChange(text); break; + } } professionsChange(text?: string) { this.http.get<ResultBean<any[]>>('profession/getall').subscribe( @@ -148,7 +146,7 @@ devicesChange(text?: string) { if (!!this.deviceDimension) { const example = new ExampleService(); - const deviceDimensionProperty = + const deviceDimensionProperty = this.dimensionItem.value === DeviceDimension.MONITORPOINT ? 'monitorPointId' : 'professionId'; if (!!text) { example.or().andEqualTo({ name: deviceDimensionProperty, value: this.deviceDimension.id }) @@ -177,7 +175,26 @@ public onChartInit(e): void { this.echartsIntance = e; } - constructor( + /** + * ������ sensor ������������������������ + * @param sensorKeys + */ + private mockSelectSensors(sensorKeys: string[]) { + // ������������ aqi 6��������� + // Object.keys(this.aqiSort) + sensorKeys.forEach( key => { + const sensor = this.sensorOptions[0].children.find( + sen => sen.sensorKey === key + ) + if (!!sensor) { + sensor['halfChecked'] = false; + sensor['checked'] = true; + const event = {node: {data: sensor}}; + this.onSensorSelect(event); + } + }); + } + constructor( private http: _HttpClient, private sensorsService: SensorsService, private deviceService: DeviceService, @@ -185,13 +202,13 @@ private monitorPointService: MonitorPointService, private msg: NzMessageService, private dateService: DateService, - ) { } - ngOnInit() { + ) { } + ngOnInit() { this.initPage(); // ������������ tree click ������ this.treeClickStream.debounceTime(1).subscribe( event => { - const data = event.node.data; - // console.log(data); + const data = event.node.data; + // console.log(data); if (data.id === -1) { const children = data.children; // ������������ @@ -222,7 +239,7 @@ delete this._sensors [data.id]; } const length = Object.keys(this._sensors).length; - parentData['halfChecked'] = length > 0 + parentData['halfChecked'] = length > 0 && this.sensorOptions[0].children.length > length; parentData['checked'] = !parentData['halfChecked'] && length !== 0; } @@ -234,6 +251,7 @@ this.sensorsService.getPagingList(null, null).subscribe( (res: PageBean) => { this.sensorOptions.push({id: -1, name: '������', isExpanded: true, children: res.data}); + this.mockSelectSensors(Object.keys(this.aqiSort)); } ); this.actualYearOptions = this.newArray(this.actualYear - 9, 10).map(item => Number(item)).reverse(); @@ -243,7 +261,7 @@ if (res.code === ResultCode.SUCCESS) { const org = res.data; const areas = new Array(3); - if (!!org.areaNames) { + if (!!org.areaNames) { const areaNames = org.areaNames; Object.keys(areaNames).forEach( key => { @@ -259,7 +277,7 @@ } } } - ); + ); } else { for (let i = 0; i < areas.length; i++) { switch (i) { @@ -314,8 +332,8 @@ let isChanged = false; isChanged = areas.some( (item , index: number) => { // this._areas[index] ���null ������ ������������������ - return this._areas.length < areas.length - || !this._areas[index] + return this._areas.length < areas.length + || !this._areas[index] || this._areas[index].value !== item.value; }); if ( isChanged ) { @@ -352,7 +370,7 @@ get deviceDimension(): {id: number, name: string} { return this._deviceDimension; } - set deviceDimension(value) { + set deviceDimension(value) { if (!!value) { // ������ ������������������ if (this._deviceDimension !== value) { @@ -366,7 +384,7 @@ this.device = null; this.deviceOptions = null; } - + } // ��������� ������ ������������ public _device: Device; @@ -377,20 +395,21 @@ get device(): Device { return this._device; } - + /** * ������ ��������������� - * + * * @readonly * @type {string} * @memberof QueryComponent - */ + */ private treeClickStream: Subject<any> = new Subject<any>(); public onTreeClickSelect(event): void { this.treeClickStream.next(event); } public onSensorSelect(event): void { + debugger; const data = event.node.data; if (data.id === -1 && data.halfChecked === false) { if (!!data.checked) { @@ -426,13 +445,13 @@ this._sensorNames = sensorNameList.join(', '); }, 1); } - public setTimeUnit(val: {label: string, value: TimeUnits} ) { + public setTimeUnit(val: {label: string, value: TimeUnits} ) { switch (val.value) { // YYYY-MM-DD HH:mm:ss case TimeUnits.MONTH: this._timeType.dateFormat = 'YYYY���'; // this._timeType.dateFormat = 'YYYY-MM'; - // this._timeType.mode = 'month'; + // this._timeType.mode = 'month'; // this._timeType.endShowTime = null; break; case TimeUnits.DAY: @@ -478,9 +497,10 @@ } return result; } - public loadGrid(): void { + public loadGrid(): void { // ������������ const sensors = Object.values(this._sensors); + debugger; if ( sensors.length === 0 ) { this.msg.error(' ������������ ������������'); return ; @@ -506,18 +526,18 @@ this.dataCondition.areaRangeId = item; switch (index) { case 0: this.dataCondition.areaRange = AreaRange.DEVICE; break; - case 1: + case 1: // ������������������ if (this.dimensionItem.value === DeviceDimension.MONITORPOINT) { - this.dataCondition.areaRange = AreaRange.MONITORPOINT; + this.dataCondition.areaRange = AreaRange.MONITORPOINT; // ��������������� } else { // ������������������������ this.switchAreas(); // ��������������������� - this.dataCondition.areaRangeId = areasData.slice(-1).pop(); + this.dataCondition.areaRangeId = areasData.slice(-1).pop(); } break; - case 2: + case 2: this.switchAreas(); break; } @@ -558,9 +578,9 @@ return {text: item}; } ); break; - } + } // ��������������������������������� - this.tableWidth = this.grid.columns.length * 80 + 160; + this.tableWidth = this.grid.columns.length * 80 + 160; this.reloadChart(); // ������������������ this.reloadChartTitle(); @@ -618,7 +638,7 @@ } } private reloadChart(): void { - const timeList = this.grid.columns.map(item => item.text); + const timeList = this.grid.columns.map(item => item.text); if (!!this.echartsIntance) { this.chartOption = null; this.echartsIntance.clear(); @@ -627,6 +647,7 @@ // if ( this.chartSelectedIndex < this.grid.data.length ) { // series = [{type: 'line', data: this.grid.data[this.chartSelectedIndex]}]; // } + this.initOpton({ xAxis : [{data : timeList}]}); this.chartLoading = true; } @@ -686,13 +707,13 @@ switch ( this.dataCondition.areaRange ) { case AreaRange.MONITORPOINT : names[0] = '������������'; - names[1] = this._deviceDimension.name; break; + names[1] = this._deviceDimension.name; break; case AreaRange.DEVICE : names[0] = '������'; names[1] = this._device.name; break; default : names[0] = ''; - names[1] = this._areas.map( item => item.label).join('/'); + names[1] = this._areas.map( item => item.label).join('/'); break; } // ������������ @@ -712,7 +733,7 @@ names[3] = moment(this.actualTime).format(this._timeType.dateFormat); if ( this.grid.data.length > this.chartSelectedIndex) { names[4] = this.grid.data[this.chartSelectedIndex].sensor.name; - } + } const title = names.join(' ') + ' ������'; if (title.trim() !== this._chartTitleTemp.trim()) { this._chartTitleTemp = title; @@ -724,8 +745,8 @@ } public switchSensor(index: number): void { this.chartSelectedIndex = index; - this.chartLoading = true; - this.reloadChartTitle(); + this.chartLoading = true; + this.reloadChartTitle(); setTimeout(() => { const series = [{type: 'line', data: this.grid.data[index].data}]; this.echartsIntance.setOption({ @@ -739,15 +760,15 @@ ], series: series }); - this.chartLoading = false; - }, 600); + this.chartLoading = false; + }, 600); } private getPeriodDate(value: Date , type?: 'start'|'end' ): Date { let month = 0; let day = 1; let hour = 0; let minute = 0; - let second = 0; + let second = 0; let millisecond = 0; if ('end' === type) { month = 11; @@ -776,7 +797,7 @@ public sensorTableFocus(index) { this.sensorTableFocusIndex = index; } - + public sensorTableBlur(index) { this.sensorTableFocusIndex = -1; } -- Gitblit v1.8.0