<nz-card [nzBordered]="true">
|
<div nz-row>
|
<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}}
|
</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>
|
</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"
|
[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>
|
</div>
|
<input type="button" value="text" width="100px;" (click)="_isSameDay"/>
|
</div>
|
</nz-card>
|
