From aee3b7ea53df69cedae9e8210987000caf059c9f Mon Sep 17 00:00:00 2001
From: fengxiang <110431245@qq.com>
Date: Wed, 14 Mar 2018 13:25:05 +0800
Subject: [PATCH] query.html修复
---
src/app/routes/analysis/query/query.component.html | 175 ++++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 140 insertions(+), 35 deletions(-)
diff --git a/src/app/routes/analysis/query/query.component.html b/src/app/routes/analysis/query/query.component.html
index 97a90da..ba25972 100644
--- a/src/app/routes/analysis/query/query.component.html
+++ b/src/app/routes/analysis/query/query.component.html
@@ -3,49 +3,154 @@
<div nz-col [nzXs]="20" [nzSm]="8" class="header-info">
<p class="text-grey-dark">������������������</p>
<nz-dropdown>
- <a class="ant-dropdown-link" nz-dropdown>
- <p class="display-2">{{ lineChartSensorName }}<i class="anticon anticon-down"></i></p>
- </a>
- <ul style="height:280px;overflow:auto;" nz-menu>
- <li style="width:200px;cursor:pointer;" *ngFor="let sensor of sensorList"
- (click) = "lineChartCriteria.sensorKey=sensor.sensorKey" nz-menu-item>
- <p>
- {{sensor.name}}
+ <a class="ant-dropdown-link" nz-dropdown>
+ <p class="display-2">{{ lineChartSensorName }}
+ <i class="anticon anticon-down"></i>
</p>
- </li>
- </ul>
+ </a>
+ <ul style="height:280px; overflow:auto;" nz-menu>
+ <li style="width:200px; cursor:pointer;" *ngFor="let sensor of sensorList" (click)="lineChartCriteria.sensorKey=sensor.sensorKey"
+ nz-menu-item>
+ <p>
+ {{sensor.name}}
+ </p>
+ </li>
+ </ul>
</nz-dropdown>
<em></em>
</div>
<div nz-col [nzXs]="20" [nzSm]="8" class="header-info">
- <p class="text-grey-dark">���������������������</p>
- <nz-dropdown>
- <a class="ant-dropdown-link" nz-dropdown>
- <p class="display-2">{{ timePeriodUnitName }}<i class="anticon anticon-down"></i></p>
- </a>
- <ul nz-menu>
- <li style="width:60px;cursor:pointer;" *ngFor="let item of timeUnits"
- (click)="timePeriodUnitValue = item.value" nz-menu-item>
- <p>
- {{item.label}}
- </p>
- </li>
- </ul>
+ <p class="text-grey-dark">���������������������</p>
+ <nz-dropdown>
+ <a class="ant-dropdown-link" nz-dropdown>
+ <p class="display-2">{{ timePeriodUnitName }}
+ <i class="anticon anticon-down"></i>
+ </p>
+ </a>
+ <ul nz-menu>
+ <li style="width:60px; cursor:pointer;" *ngFor="let item of timeUnits" (click)="timePeriodUnitValue = item.value" nz-menu-item>
+ <p>
+ {{item.label}}
+ </p>
+ </li>
+ </ul>
</nz-dropdown>
<em></em>
</div>
- <div nz-col [nzSm]="8" class="header-info">
- <p class="text-grey-dark">���������������������</p>
- <nz-datepicker style="width: 42%;"
- [(ngModel)]="lineChartCriteria.timePeriod.startTime"
+ <div *ngIf="_timePeriodUnitValue!='YEAR'; else elseBlock" nz-col [nzSm]="8" class="header-info">
+ <p class="text-grey-dark">���������������������</p>
+ <nz-datepicker style="width: 42%;" [ngModel]="lineChartCriteria.timePeriod.startTime"
+ (ngModelChange) ="_timeChange($event,'start')"
[nzDisabledDate]="_disabledStartDate"
- nzShowTime="{{ !!timeType.timePickerOption?timeType.timePickerOption:false }}" [nzMode]="timeType.mode" [nzFormat]="timeType.dateFormat" [nzPlaceHolder]="'Start date'"></nz-datepicker>
- <span>-</span>
- <nz-datepicker style="width: 42%;"
- [nzDisabledDate]="_disabledEndDate"
- [(ngModel)]="lineChartCriteria.timePeriod.endTime"
- nzShowTime="{{ !!timeType.timePickerOption?timeType.timePickerOption:false }}" [nzMode]="timeType.mode" [nzFormat]="timeType.dateFormat" [nzPlaceHolder]="'End date'"></nz-datepicker>
+ [nzShowTime]="_startShowTime" [nzMode]="timeType.mode" [nzFormat]="timeType.dateFormat"
+ [nzPlaceHolder]="'Start date'"></nz-datepicker>
+ <span>-</span>
+ <nz-datepicker style="width: 42%;" [nzDisabledDate]="_disabledEndDate" [ngModel]="lineChartCriteria.timePeriod.endTime"
+ (ngModelChange) ="_timeChange($event,'end')"
+ [nzShowTime]="_endShowTime" [nzMode]="timeType.mode" [nzFormat]="timeType.dateFormat"
+ [nzPlaceHolder]="'End date'"></nz-datepicker>
</div>
- <input type="button" value="text" width="100px;" (click)="_isSameDay"/>
+ <ng-template #elseBlock>
+ <div nz-col [nzSm]="8" class="header-info">
+ <p class="text-grey-dark">���������������������</p>
+ <nz-input-number style="width: 42%;" [(ngModel)]="startYear" [nzMin]="minStartYear" [nzMax]="maxStartYear" [nzStep]="1" [nzAllowClear]="false"></nz-input-number>
+ <span>-</span>
+ <nz-input-number style="width: 42%;" [(ngModel)]="endYear" [nzMin]="minEndYear" [nzMax]="maxEndYear" [nzStep]="1" [nzAllowClear]="false"></nz-input-number>
+ </div>
+ </ng-template>
</div>
-</nz-card>
\ No newline at end of file
+</nz-card>
+<form nz-form [nzLayout]="'vertical'">
+<nz-card [nzBordered]="true" title="������������">
+ <div nz-row [nzGutter]="16">
+ <div nz-col nzMd="6" nzSm="12" nzXs="24">
+ <div nz-form-item nz-row>
+ <div nz-form-label nz-col>
+ <label>���������</label>
+ </div>
+ <div nz-form-control nz-col >
+ <nz-cascader [class.class123]="true" (nzChange)="setAreaCodes($event)" (nzLoad)="areaLazyLoad($event)" [nzPlaceHolder]="'������ ���/���/���'"
+ [nzAllowClear]="false" [nzChangeOnSelect]="true" [(ngModel)]="_areas" name="_areas">
+ </nz-cascader>
+ </div>
+ </div>
+ </div>
+ <div nz-col [nzMd]="{span:6, offset:3}" nzSm="12" nzXs="24">
+ <div nz-form-item nz-row>
+ <div nz-form-label nz-col>
+ <label>���������</label>
+ </div>
+ <div nz-form-control nz-col>
+ <nz-select name="_monitorPoint" style="width: 100%;" [ngModel]="_monitorPoint" (ngModelChange)="setMonitorPoint($event)"
+ nzAllowClear [nzPlaceHolder]="'������ ���������(������������������)'" nzShowSearch (nzSearchChange)="monitorPointsChange($event)"
+ [nzNotFoundContent]="'������������'">
+ <nz-option *ngFor="let option of monitorPoints" [nzLabel]="option.name" [nzValue]="option">
+ </nz-option>
+ </nz-select>
+ </div>
+
+ </div>
+ </div>
+ <div nz-col [nzMd]="{span:6, offset:3}" nzSm="12" nzXs="24">
+ <div nz-form-item nz-row>
+ <div nz-form-label nz-col>
+ <label>������ ( ������������������ )</label>
+ </div>
+ <div nz-form-control nz-col>
+ <nz-select name="_device" style="width: 100%;" [ngModel]="_device" (ngModelChange)="setDevice($event)" nzAllowClear [nzPlaceHolder]="'������ ���������(������������������)'"
+ nzShowSearch (nzSearchChange)="devicesChange($event)" [nzNotFoundContent]="'������������'">
+ <nz-option *ngFor="let option of devices" [nzLabel]="option.name" [nzValue]="option">
+ </nz-option>
+ </nz-select>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div nz-row [nzGutter]="16">
+ <div nz-col nzMd="6" nzSm="12" nzXs="24">
+ <div nz-form-item nz-row>
+ <div nz-form-label nz-col>
+ <label>������������</label>
+ </div>
+ <div nz-form-control nz-col >
+ <nz-select name="_dataTimeUnits" style="width: 100%;" [ngModel]="_dataTimeUnits" (ngModelChange)="setDataTimeUnits($event)" [nzPlaceHolder]="'������ ������������'">
+ <nz-option *ngFor="let option of dataTimeUnitsList" [nzLabel]="option.label" [nzValue]="option">
+ </nz-option>
+ </nz-select>
+ </div>
+ </div>
+ </div>
+ <div nz-col [nzMd]="{span:6, offset:3}" nzSm="12" nzXs="24">
+ <div nz-form-item nz-row>
+ <div nz-form-label nz-col>
+ <label>������������</label>
+ </div>
+ <div nz-form-control nz-col >
+ <nz-select name="_actualTime" style="width: 100%;" [ngModel]="_actualTime" (ngModelChange)="setActualTime($event)" [nzPlaceHolder]="'��������� ���������������������'"
+ [nzDisabled]="actualTimeDisabled">
+ <nz-option *ngFor="let option of actualTimes" [nzLabel]="option" [nzValue]="option">
+ </nz-option>
+ </nz-select>
+ </div>
+ </div>
+ </div>
+ <div nz-col [nzMd]="{span:6, offset:3}" nzSm="12" nzXs="24">
+ <div nz-form-item nz-row>
+ <div nz-form-label nz-col>
+ <span> </span>
+ </div>
+ <div nz-form-control nz-col >
+ <button nz-button [nzType]="'primary'"
+ (click) = "search($event)" [disabled]="false" class="mr-sm">
+ <i class="anticon anticon-search"></i>
+ <span>������</span>
+ </button>
+ </div>
+ </div>
+ </div>
+ </div>
+</nz-card>
+</form>
+<nz-card [nzBordered]="true">
+<div echarts [options]="chartOption" [loading]="chartLoading" class="line-chart" (chartInit)="onChartInit($event)"></div>
+</nz-card>
--
Gitblit v1.8.0