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.
155 lines
8.2 KiB
155 lines
8.2 KiB
<div class="recordsboxadmin" id="recordsboxadmin"> |
|
<div class="content"> |
|
<div class="search"> |
|
<form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()"> |
|
<!-- <nz-form-item class="searchParams"> |
|
<nz-form-control> |
|
<nz-select nzAllowClear 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-option nzValue="4" nzLabel="四级"></nz-option> |
|
</nz-select> |
|
</nz-form-control> |
|
</nz-form-item> |
|
|
|
<nz-form-item class="searchParams searchParamsLong"> |
|
<nz-form-control> |
|
<nz-tree-select [nzAllowClear]="false" [nzDropdownClassName]="'maxHeightTreeSelect'" |
|
nzShowSearch [(ngModel)]="defaultOrId" formControlName="organization" [nzNodes]="nodes" |
|
nzPlaceHolder="请选择所属机构" [nzExpandedIcon]="multiExpandedIconTpl"> |
|
</nz-tree-select> |
|
<ng-template #multiExpandedIconTpl let-node let-origin="origin"> |
|
<ng-container *ngIf="node.children.length == 0; else elseTemplate"> |
|
|
|
</ng-container> |
|
<ng-template #elseTemplate> |
|
<i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'" |
|
class="ant-tree-switcher-line-icon"></i> |
|
</ng-template> |
|
</ng-template> |
|
</nz-form-control> |
|
</nz-form-item> |
|
|
|
<nz-form-item class="searchParams"> |
|
<nz-form-control> |
|
<nz-select nzAllowClear id="type" (ngModelChange)="typeChange($event)" formControlName="type" |
|
nzPlaceHolder="请选择预警类型"> |
|
<nz-option *ngFor="let item of warningTypes" [nzValue]="item.key" [nzLabel]="item.key"> |
|
</nz-option> |
|
</nz-select> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<nz-form-item class="searchParams"> |
|
<nz-form-control> |
|
<nz-select nzAllowClear formControlName="event" nzPlaceHolder="请选择预警事件"> |
|
<nz-option *ngFor="let item of warningTypesDetails" [nzValue]="item.id" |
|
[nzLabel]="item.eventSystemName"> |
|
</nz-option> |
|
</nz-select> |
|
</nz-form-control> |
|
</nz-form-item> |
|
|
|
<nz-form-item class="searchParams"> |
|
<nz-form-control> |
|
<nz-select nzAllowClear id="site" formControlName="site" nzPlaceHolder="请选择区域"> |
|
<nz-option nzValue="出入口" nzLabel="出入口"></nz-option> |
|
<nz-option nzValue="加油区" nzLabel="加油区"></nz-option> |
|
<nz-option nzValue="油罐区" nzLabel="油罐区"></nz-option> |
|
<nz-option nzValue="便利店" nzLabel="便利店"></nz-option> |
|
<nz-option nzValue="办公区" nzLabel="办公区"></nz-option> |
|
<nz-option nzValue="其他区域" nzLabel="其他区域"></nz-option> |
|
</nz-select> |
|
</nz-form-control> |
|
</nz-form-item> |
|
|
|
<nz-form-item class="searchParams"> |
|
<nz-form-control> |
|
<nz-select nzAllowClear formControlName="manufacturer" nzPlaceHolder="请选择产品型号"> |
|
<nz-option nzValue="警棋1" nzLabel="警棋1"></nz-option> |
|
<nz-option nzValue="警棋2" nzLabel="警棋2"></nz-option> |
|
<nz-option nzValue="警棋3" nzLabel="警棋3"></nz-option> |
|
</nz-select> |
|
</nz-form-control> |
|
</nz-form-item> |
|
|
|
<nz-form-item class="searchParams"> |
|
<nz-form-control> |
|
<nz-select nzAllowClear formControlName="operation" nzPlaceHolder="请选择操作记录"> |
|
<nz-option nzValue="HandlerNotified" nzLabel="已推送"></nz-option> |
|
<nz-option nzValue="VerifierNotified" nzLabel="标记误报"></nz-option> |
|
</nz-select> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<nz-form-item class="searchParams"> |
|
<nz-form-control> |
|
<nz-select nzAllowClear formControlName="disposalState" nzPlaceHolder="请选择处置状态"> |
|
<nz-option nzValue="true" nzLabel="已通过"></nz-option> |
|
<nz-option nzValue="false" nzLabel="误报"></nz-option> |
|
</nz-select> |
|
</nz-form-control> |
|
</nz-form-item> --> |
|
<nz-form-item class="searchParams searchParams2"> |
|
<nz-form-control> |
|
<nz-range-picker [nzAllowClear]="false" formControlName="datePicker"></nz-range-picker> |
|
<br /> |
|
</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> |
|
<nz-form-item class="btn"> |
|
<nz-form-control> |
|
<button nz-button type="button" class="reset" (click)="export($event)"><i nz-icon |
|
[nzType]="'file'"></i>导出</button> |
|
</nz-form-control> |
|
</nz-form-item> |
|
</form> |
|
</div> |
|
|
|
<div class="tablebox" id="tablebox"> |
|
<nz-table [nzLoading]="tableSpin" [nzPageSize]='9999' #headerTable [nzData]="list" |
|
[nzShowPagination]="false" [nzScroll]="{ y:tableScrollHeight }" [nzNoResult]='null' |
|
nzTableLayout="fixed"> |
|
<thead> |
|
<tr> |
|
<th> |
|
序号 |
|
</th> |
|
<th>油站名称</th> |
|
<th>推送数</th> |
|
<th>误报数</th> |
|
<th>总数</th> |
|
<th>准确率</th> |
|
|
|
</tr> |
|
</thead> |
|
<tbody id="table"> |
|
<tr *ngFor="let item of headerTable.data;let key = index"> |
|
<td nzEllipsis [title]="key+1">{{key+1}}</td> |
|
<td nzEllipsis [title]="item.stationName">{{item.stationName}}</td> |
|
<td nzEllipsis [title]="item.positiveCount"> {{item.positiveCount}}</td> |
|
<td nzEllipsis [title]="item.totalCount - item.positiveCount"> {{item.totalCount - |
|
item.positiveCount}} |
|
</td> |
|
<td nzEllipsis [title]="item.totalCount"> {{item.totalCount}} |
|
</td> |
|
<td nzEllipsis [title]="item.positiveCount/item.totalCount"> |
|
{{item.positiveCount/item.totalCount}}</td> |
|
|
|
</tr> |
|
</tbody> |
|
</nz-table> |
|
</div> |
|
</div> |
|
</div> |