|
<div nz-row [nzGutter]="24">
|
<div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">
|
<nz-card [nzLoading]="loading" [nzBordered]="false" nzTitle="警报类别占比" [nzBodyStyle]="{'padding.px': 24}" class="sales-card" style="min-height: 482px;">
|
<ng-template #extra>
|
<div class="sales-card-extra">
|
<div class="sales-type-radio">
|
<nz-radio-group [(ngModel)]="salesType" (ngModelChange)="changeSaleType()" [nzSize]="'large'">
|
<label nz-radio-button [nzValue]="'1'"><span>PM2.5</span></label>
|
<label nz-radio-button [nzValue]="'2'"><span>PM10</span></label>
|
<label nz-radio-button [nzValue]="'3'"><span>SO2</span></label>
|
<label nz-radio-button [nzValue]="'4'"><span>NO3</span></label>
|
<label nz-radio-button [nzValue]="'5'"><span>O3</span></label>
|
<label nz-radio-button [nzValue]="'6'"><span>CO</span></label>
|
</nz-radio-group>
|
</div>
|
</div>
|
</ng-template>
|
<ng-template #body>
|
<h4 class="margin:8px 0 32px 0;">站点排序结果</h4>
|
|
<nz-table #keyTable [nzDataSource]="data.searchData" [nzPageSize]="5" nzSize="small">
|
<thead nz-thead>
|
<tr>
|
<th nz-th><span>序号</span></th>
|
<th nz-th><span>站点名称</span></th>
|
<th nz-th class="text-right">
|
<span>因子数值 mg/m3</span>
|
<nz-table-sort (nzValueChange)="sort('count',$event)"></nz-table-sort>
|
</th>
|
</tr>
|
</thead>
|
<tbody nz-tbody>
|
<tr nz-tbody-tr *ngFor="let i of keyTable.data">
|
<td nz-td>{{i.index}}</td>
|
<td nz-td><a (click)="msg.success(i.point)">{{i.point}}</a></td>
|
<td nz-td class="text-right">{{i.value}}</td>
|
</tr>
|
</tbody>
|
</nz-table>
|
</ng-template>
|
</nz-card>
|
</div>
|
</div>
|
