xufenglei
2018-08-03 46d4905467aeaf1979613a156753b6625608820b
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<div class="content__title">
    <h1>警报类别占比</h1>
</div>
 
<nz-card [nzBordered]="false">
    <div nz-row [nzGutter]="24">
        <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">
            <div class="sales-card-extra">
                <div class="sales-type-radio">
                    <nz-radio-group [(ngModel)]="sensorKey" (ngModelChange)="changeSensorKey($event)" [nzSize]="'large'">
                        <label nz-radio-button [nzValue]="'e1'"><span>PM2.5</span></label>
                        <label nz-radio-button [nzValue]="'e2'"><span>PM10</span></label>
                        <label nz-radio-button [nzValue]="'e11'"><span>SO2</span></label>
                        <label nz-radio-button [nzValue]="'e16'"><span>NO2</span></label>
                        <label nz-radio-button [nzValue]="'e15'"><span>O3</span></label>
                        <label nz-radio-button [nzValue]="'e10'"><span>CO</span></label>
                    </nz-radio-group>
                </div>
            </div>
        </div>
    </div>
</nz-card>
 
<nz-card [nzBordered]="false">
    <div nz-row [nzGutter]="24">
        <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">
            <h4 class="margin:8px 0 32px 0;">站点排序结果</h4>
            <nz-table #keyTable [nzAjaxData]="_dataSet" nzSize="small" [nzIsPagination]="false">
                <thead nz-thead>
                <tr>
                    <th nz-th><span>序号</span></th>
                    <th nz-th><span>站点名称</span></th>
                    <th nz-th class="text-right">
                        <span>警报次数</span>
                        <nz-table-sort (nzValueChange)="sort('sum',$event)"></nz-table-sort>
                    </th>
                </tr>
                </thead>
                <tbody nz-tbody>
                <tr nz-tbody-tr *ngFor="let i of keyTable.data;let j = index">
                    <td nz-td>{{j + 1}}</td>
                    <td nz-td><a>{{i.name}}</a></td>
                    <td nz-td class="text-right">{{i.sum}}</td>
                </tr>
                </tbody>
            </nz-table>
        </div>
    </div>
</nz-card>