|
|
|
|
<div class="warningbox">
|
|
|
|
|
<div class="title">
|
|
|
|
|
当日违规事件列表
|
|
|
|
|
</div>
|
|
|
|
|
<div class="search">
|
|
|
|
|
<form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
|
|
|
|
|
<nz-form-item class="searchParams">
|
|
|
|
|
<nz-form-control>
|
|
|
|
|
<nz-select id="level" formControlName="level" nzPlaceHolder="请选择级别">
|
|
|
|
|
<nz-option nzValue="1" nzLabel="一级"></nz-option>
|
|
|
|
|
<nz-option nzValue="2" nzLabel="二级"></nz-option>
|
|
|
|
|
<nz-option nzValue="3" nzLabel="三级"></nz-option>
|
|
|
|
|
</nz-select>
|
|
|
|
|
</nz-form-control>
|
|
|
|
|
</nz-form-item>
|
|
|
|
|
|
|
|
|
|
<nz-form-item class="searchParams">
|
|
|
|
|
<nz-form-control>
|
|
|
|
|
<nz-select id="type" formControlName="type" nzPlaceHolder="请选择事件类型">
|
|
|
|
|
<nz-option nzValue="1" nzLabel="一级"></nz-option>
|
|
|
|
|
<nz-option nzValue="2" nzLabel="二级"></nz-option>
|
|
|
|
|
<nz-option nzValue="3" nzLabel="三级"></nz-option>
|
|
|
|
|
</nz-select>
|
|
|
|
|
</nz-form-control>
|
|
|
|
|
</nz-form-item>
|
|
|
|
|
|
|
|
|
|
<nz-form-item class="searchParams">
|
|
|
|
|
<nz-form-control>
|
|
|
|
|
<nz-select id="site" formControlName="site" nzPlaceHolder="请选择地点">
|
|
|
|
|
<nz-option nzValue="1" nzLabel="一级"></nz-option>
|
|
|
|
|
<nz-option nzValue="2" nzLabel="二级"></nz-option>
|
|
|
|
|
<nz-option nzValue="3" nzLabel="三级"></nz-option>
|
|
|
|
|
</nz-select>
|
|
|
|
|
</nz-form-control>
|
|
|
|
|
</nz-form-item>
|
|
|
|
|
|
|
|
|
|
<nz-form-item class="searchParams">
|
|
|
|
|
<nz-form-control [nzSm]="16" [nzXs]="24">
|
|
|
|
|
<nz-date-picker id="datePicker" formControlName="datePicker" nzPlaceHolder="请选择时间"></nz-date-picker>
|
|
|
|
|
</nz-form-control>
|
|
|
|
|
</nz-form-item>
|
|
|
|
|
|
|
|
|
|
<nz-form-item class="btn">
|
|
|
|
|
<nz-form-control>
|
|
|
|
|
<button nz-button type="submit" class="submit"><i nz-icon [nzType]="'search'"></i>查询</button>
|
|
|
|
|
</nz-form-control>
|
|
|
|
|
</nz-form-item>
|
|
|
|
|
|
|
|
|
|
<nz-form-item class="btn">
|
|
|
|
|
<nz-form-control>
|
|
|
|
|
<button nz-button type="button" class="reset"
|
|
|
|
|
(click)="resetForm($event)"
|
|
|
|
|
><i nz-icon [nzType]="'sync'"></i>重置</button>
|
|
|
|
|
</nz-form-control>
|
|
|
|
|
</nz-form-item>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="warningnumber">
|
|
|
|
|
<span class="num">39</span>
|
|
|
|
|
<span class="today">今日违规</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="listbox">
|
|
|
|
|
<div nz-row class="listitem" *ngFor="let item of list">
|
|
|
|
|
<div nz-col nzSpan="4">
|
|
|
|
|
<span *ngIf="item.level === 1">Ⅰ级违法事件</span>
|
|
|
|
|
<span *ngIf="item.level === 2">Ⅱ级违法事件</span>
|
|
|
|
|
<span *ngIf="item.level === 3">Ⅲ级违法事件</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div nz-col nzSpan="4">
|
|
|
|
|
编号:{{item.num}}
|
|
|
|
|
</div>
|
|
|
|
|
<div nz-col nzSpan="5">
|
|
|
|
|
违规行为:{{item.content}}
|
|
|
|
|
</div>
|
|
|
|
|
<div nz-col nzSpan="4">
|
|
|
|
|
违规地点:{{item.site}}
|
|
|
|
|
</div>
|
|
|
|
|
<div nz-col nzSpan="5">
|
|
|
|
|
违规时间:{{item.time}}
|
|
|
|
|
</div>
|
|
|
|
|
<div nz-col nzSpan="2">
|
|
|
|
|
<button nz-button>查看</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
