<div nz-row class="breadcrumbs" >
  <div nz-col nzSpan="16">
    <nz-breadcrumb class="padding-8-0">
      <nz-breadcrumb-item>
        首页
      </nz-breadcrumb-item>
      <nz-breadcrumb-item>
        <a>告警管理</a>
      </nz-breadcrumb-item>
      <nz-breadcrumb-item>
        告警记录
      </nz-breadcrumb-item>
    </nz-breadcrumb>
  </div>
  <div nz-col nzSpan="8" class="text-right">
    <button nz-button nzType="primary"><i class="anticon anticon-search"></i></button>
    <button nz-button nzType="primary"><i class="anticon anticon-sync"></i></button>
    <button nz-button nzType="primary"><i class="anticon anticon-arrows-alt"></i></button>
  </div>
</div>
<div nz-row [nzGutter]="4" class="search-form">
  <div nz-col nzSpan="3">
    <nz-select style="width: 100%;" nzShowSearch nzAllowClear nzPlaceHolder="选择级别" [(ngModel)]="obj.priorityName">
      <nz-option nzLabel="告警" nzValue="告警"></nz-option>
      <nz-option nzLabel="严重" nzValue="严重"></nz-option>
    </nz-select>
  </div>
  <div nz-col nzSpan="3">
    <nz-select style="width: 100%;" nzShowSearch nzAllowClear nzPlaceHolder="选择分组" [(ngModel)]="obj.groupid">
      <ng-container *ngFor="let item of groupList;">
        <nz-option nzLabel="{{item.name}}" nzValue="{{item.groupid}}"></nz-option>
      </ng-container>
    </nz-select>
  </div>
  <div nz-col nzSpan="3">
    <nz-select style="width: 100%;" nzShowSearch nzAllowClear nzPlaceHolder="选择设备类型" [(ngModel)]="obj.equipmentType" >
      <ng-container *ngFor="let item of warnCountList;">
        <nz-option nzLabel="{{item.equipmentType}}" nzValue="{{item.equipmentType}}"></nz-option>
      </ng-container>
    </nz-select>
  </div>
  <div nz-col nzSpan="7">
    <nz-radio-group style="width: 100%;" [(ngModel)]="timeType" (ngModelChange)="changeType()" [nzButtonStyle]="'solid'">
      <label nz-radio-button nzValue="1">今天</label>
      <label nz-radio-button nzValue="2">昨天</label>
      <label nz-radio-button nzValue="3">三天</label>
      <label nz-radio-button nzValue="4">一周</label>
      <label nz-radio-button nzValue="5">自定义</label>
    </nz-radio-group>
  </div>
  <div nz-col nzSpan="8" *ngIf="timeType == '5'">
    <nz-date-picker
            nzShowTime
            [(ngModel)]="obj.startTime"
            nzPlaceHolder="开始时间"
    ></nz-date-picker>
    <nz-date-picker
            nzShowTime
            nzFormat="yyyy-MM-dd HH:mm:ss"
            [(ngModel)]="obj.endTime"
            nzPlaceHolder="结束时间"
    ></nz-date-picker>
  </div>
</div>
<div nz-row class="search-form" style="border-top: none;padding: 0 0 15px 0;">
  <input [(ngModel)]="obj.name" nz-input placeholder="搜索">
  <button (click)="searchValue()" nz-button nzType="default"><i class="anticon anticon-search"></i>搜索</button>
</div>

<smart-warn-list #warnList></smart-warn-list>