| | |
| | | </div> |
| | | <nz-card [nzLoading]="loading" [nzBordered]="false" nzNoPadding class="sales-card"> |
| | | <ng-template #body> |
| | | <nz-tabset> |
| | | <nz-tabset (nzSelectedIndexChange)=selectedIndexChange($event) > |
| | | <nz-tab> |
| | | <ng-template #nzTabHeading>所有警报</ng-template> |
| | | <div nz-row> |
| | | <div nz-col nzXs="24" nzSm="24" nzMd="12" nzLg="16"> |
| | | <div class="bar"> |
| | | <bar height="295" [title]="'所有警报月度统计'" [data]="data.alarmData" color="purple"></bar> |
| | | <bar height="295" [title]="'所有警报月度统计'" [data]="alarmData._0" color="purple"></bar> |
| | | </div> |
| | | </div> |
| | | <div nz-col nzXs="24" nzSm="24" nzMd="12" nzLg="8"> |
| | |
| | | <div nz-row> |
| | | <div nz-col nzXs="24" nzSm="24" nzMd="12" nzLg="16"> |
| | | <div class="bar"> |
| | | <bar height="295" [title]="'一级警报月度统计'" [data]="data.alarmData_1" color="yellow"></bar> |
| | | <bar height="295" [title]="'一级警报月度统计'" [data]="alarmData._1" color="yellow"></bar> |
| | | </div> |
| | | </div> |
| | | <div nz-col nzXs="24" nzSm="24" nzMd="12" nzLg="8"> |
| | |
| | | <div nz-row> |
| | | <div nz-col nzXs="24" nzSm="24" nzMd="12" nzLg="16"> |
| | | <div class="bar"> |
| | | <bar height="295" [title]="'二级警报月度统计'" [data]="data.alarmData_2" color="orange"></bar> |
| | | <bar height="295" [title]="'二级警报月度统计'" [data]="alarmData._2" color="orange"></bar> |
| | | </div> |
| | | </div> |
| | | <div nz-col nzXs="24" nzSm="24" nzMd="12" nzLg="8"> |
| | |
| | | <div nz-row> |
| | | <div nz-col nzXs="24" nzSm="24" nzMd="12" nzLg="16"> |
| | | <div class="bar"> |
| | | <bar height="295" [title]="'三级警报月度统计'" [data]="data.alarmData_3" color="red"></bar> |
| | | <bar height="295" [title]="'三级警报月度统计'" [data]="alarmData._3" color="red"></bar> |
| | | </div> |
| | | </div> |
| | | <div nz-col nzXs="24" nzSm="24" nzMd="12" nzLg="8"> |