@ -170,94 +170,55 @@
< / nz-form-item >
< / form >
< / div >
< div class = "tablebox" >
< div class = "table" >
< div nz-row class = "th" >
< div nz-col nzSpan = "1" style = "text-align: center;" >
< span > 序号< / span >
< / div >
< div nz-col nzSpan = "2" style = "text-align: center ; white-space:nowrap ;
overflow:hidden;
text-overflow:ellipsis;">
< span style = "margin-right:46px;" >
预警级别
< / span >
< / div >
< div nz-col nzSpan = "2" >
预警类型
< / div >
< div nz-col nzSpan = "2" >
预警事件
< / div >
< div nz-col nzSpan = "2" >
所属公司
< / div >
< div nz-col nzSpan = "3" >
管理区域
< / div >
< div nz-col nzSpan = "2" >
加油站
< / div >
< div nz-col nzSpan = "2" >
预警区域
< / div >
< div nz-col nzSpan = "2" >
摄像头名称
< / div >
< div nz-col nzSpan = "3" >
预警时间
< / div >
< div nz-col nzSpan = "2" >
状态
< / div >
< div nz-col nzSpan = "1" >
操作
< / div >
< / div >
< div class = "tbody" id = "tbody" >
< div nz-row class = "tr" * ngFor = "let item of list;let key = index" >
< div nz-col nzSpan = "1" style = "text-align: center;" >
< span > {{key + 1}}< / span >
< / div >
< div nz-col nzSpan = "2" >
< img style = "margin-left: 18px;" * ngIf = "item.violation.level == 1" src = "../../../assets/images/level1.png"
< div class = "tablebox" id = "tablebox" >
< nz-table [ nzLoading ] = " tableSpin " [ nzPageSize ] = ' 99999 ' # headerTable [ nzData ] = " list " [ nzShowPagination ] = " false "
[nzScroll]="{ y:tableScrollHeight }" [nzNoResult]='null' nzTableLayout="fixed">
< thead >
< tr >
< th nzWidth = "5%" style = "text-align: center;" > 序号< / th >
< th > 预警级别< / th >
< th > 预警类型< / th >
< th > 预警事件< / th >
< th > 所属公司< / th >
< th > 管理区域< / th >
< 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 " style = "text-align: center;" >
{{key + 1}}
< / td >
< td nzEllipsis [ title ] = " item . locationName " >
< img * ngIf = "item.violation.level == 1" src = "../../../assets/images/level1.png"
alt="">
< img style = "margin-left: 18px;" * ngIf = "item.violation.level == 2" src = "../../../assets/images/level2.png"
< img * ngIf = "item.violation.level == 2" src = "../../../assets/images/level2.png"
alt="">
< img style = "margin-left: 18px;" * ngIf = "item.violation.level == 3" src = "../../../assets/images/level3.png"
< img * ngIf = "item.violation.level == 3" src = "../../../assets/images/level3.png"
alt="">
< img style = "margin-left: 18px;" * ngIf = "item.violation.level == 4" src = "../../../assets/images/level4.png"
< img * ngIf = "item.violation.level == 4" src = "../../../assets/images/level4.png"
alt="">
< span * ngIf = "item.violation.level == 1" > Ⅰ级< / span >
< span * ngIf = "item.violation.level == 2" > Ⅱ级< / span >
< span * ngIf = "item.violation.level == 3" > Ⅲ级< / span >
< span * ngIf = "item.violation.level == 4" > Ⅳ级< / span >
< / div >
< div nz-col nzSpan = "2" [ title ] = " item . violation . violationType " >
{{item.violation.violationType}}
< / div >
< div nz-col nzSpan = "2" [ title ] = " item . violation . eventSystemName " >
{{item.violation.eventSystemName}}
< / div >
< div nz-col nzSpan = "2" [ title ] = " item . gasStation . companyName " >
{{item.gasStation.companyName}}
< / div >
< div nz-col nzSpan = "3" [ title ] = " item . gasStation . locationName " >
{{item.gasStation.locationName}}
< / div >
< div nz-col nzSpan = "2" [ title ] = " item . gasStation . stationName " >
{{item.gasStation.stationName}}
< / div >
< div nz-col nzSpan = "2" [ title ] = " item . violateArea " >
{{item.violateArea}}
< / div >
< div nz-col nzSpan = "2" [ title ] = " item . cameraNo " >
{{item.cameraNo}}
< / div >
< div nz-col nzSpan = "3" >
< / td >
< td nzEllipsis [ title ] = " item . violation . violationType " > {{item.violation.violationType}}< / td >
< td nzEllipsis [ title ] = " item . violation . eventSystemName " > {{item.violation.eventSystemName}}< / td >
< td nzEllipsis [ title ] = " item . gasStation . companyName " > {{item.gasStation.companyName}}< / td >
< td nzEllipsis [ title ] = " item . gasStation . locationName " > {{item.gasStation.locationName}}< / td >
< td nzEllipsis [ title ] = " item . gasStation . stationName " > {{item.gasStation.stationName}}< / td >
< td > {{item.violateArea}}< / td >
< td > {{item.cameraNo}}< / td >
< td >
{{item.violateTime | date:"yyyy-MM-dd HH:mm:ss"}}
< / div >
< div nz-col nzSpan = "2" >
< / td >
< td >
< ng-container * ngIf = "!item.positive; else elseTemplate" >
误报
< / ng-container >
@ -265,21 +226,13 @@
< span * ngIf = "item.handleTime" > 已处置< / span >
< span * ngIf = "!item.handleTime" style = "color: #FF4B65;" > 未处置< / span >
< / ng-template >
< / div >
< div nz-col nzSpan = "1" >
< / t d>
< t d>
< span class = "look" ( click ) = " look ( item ) " style = "margin-right: 12px;" > 查看< / span >
<!-- <span *ngIf="!item.handleTime" style="color: #36A2FF;cursor: pointer;" (click)="dispose(item)">处置</span>
< span * ngIf = "item.handleTime" style = "color: rgba(145, 204, 255, 0.24);;" > 处置< / span > -->
< / div >
< / div >
< div nz-row class = "tr" * ngIf = "tableSpin" >
< div nz-col nzSpan = "24" style = "text-align: center;" >
< nz-spin nzSimple > < / nz-spin >
< / div >
< / div >
< / div >
< / div >
< / td >
< / tr >
< / tbody >
< / nz-table >
< / div >
< / div >
< / div >