alarm-list.component.html

<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 (click)="ngOnInit()" nz-button nzType="primary"><i class="anticon anticon-sync"></i></button>
    <smart-full-screen></smart-full-screen>
  </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 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.equipmentTypeId}}"></nz-option>
      </ng-container>
    </nz-select>
  </div>
  <div nz-col nzSpan="7">
    <nz-radio-group style="width: 100%;" [(ngModel)]="timeType" (ngModelChange)="changeType($event)">
      <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
            [nzFormat]="timeFormat"
            [(ngModel)]="dateBegin"
            nzPlaceHolder="开始时间"></nz-date-picker>
    <nz-date-picker
            [nzFormat]="timeFormat"
            [(ngModel)]="dateEnd"
            nzPlaceHolder="结束时间"></nz-date-picker>
  </div>
</div>
<div nz-row class="search-form" style="border-top: none;padding: 0 0 15px 0;">
  <div nz-col nzSpan="16">
    <input style="width: 15%;" [(ngModel)]="obj.name" nz-input placeholder="告警信息">
    <button (click)="searchValue()" nz-button nzType="default"><i class="anticon anticon-search"></i>搜索</button>
  </div>
  <div nz-col nzSpan="8" class="text-right">
    <button [nzLoading]="isDownload" (click)="downLoadExcel()" nz-button nzType="default"><i class="anticon anticon-download"></i>下载</button>
  </div>
</div>

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