You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 lines
3.7 KiB
100 lines
3.7 KiB
<div class="warningbox"> |
|
<div class="title"> |
|
<app-title [name]="'当日违规事件列表'"></app-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="3"> |
|
<span *ngIf="item.level === 1" style="color: #FF4B65;"> |
|
<img src="../../../assets/images/level1.png"> |
|
Ⅰ级违法事件 |
|
</span> |
|
<span *ngIf="item.level === 2" style="color: #FFBD4B;"> |
|
<img src="../../../assets/images/level2.png"> |
|
Ⅱ级违法事件 |
|
</span> |
|
<span *ngIf="item.level === 3" style="color: #23D9FF;"> |
|
<img src="../../../assets/images/level3.png"> |
|
Ⅲ级违法事件 |
|
</span> |
|
</div> |
|
<div nz-col nzSpan="4"> |
|
预警类型: {{item.type}} |
|
</div> |
|
<div nz-col nzSpan="5"> |
|
违规信息: {{item.content}} |
|
</div> |
|
<div nz-col nzSpan="5"> |
|
摄像头: {{item.site}} |
|
</div> |
|
<div nz-col nzSpan="5"> |
|
违规时间: {{item.time}} |
|
</div> |
|
<div nz-col nzSpan="2"> |
|
<button nz-button (click)="showModal()">查看</button> |
|
<nz-modal nzWidth="1100" nzWrapClassName="vertical-center-modal" [(nzVisible)]="isVisible" |
|
(nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()" [nzFooter]="null"> |
|
</nz-modal> |
|
|
|
<img style="margin-left: 24px;cursor: pointer;" src="../../../assets/images/excel.png" alt=""> |
|
</div> |
|
</div> |
|
</div> |
|
</div>
|
|
|