From 46d4905467aeaf1979613a156753b6625608820b Mon Sep 17 00:00:00 2001 From: xufenglei <xufenglei> Date: Fri, 03 Aug 2018 17:24:02 +0800 Subject: [PATCH] 页面 优化 --- src/app/routes/pollution/management/management.component.html | 90 +++++++++++++++++++++++--------------------- 1 files changed, 47 insertions(+), 43 deletions(-) diff --git a/src/app/routes/pollution/management/management.component.html b/src/app/routes/pollution/management/management.component.html index 3420e44..5c02801 100644 --- a/src/app/routes/pollution/management/management.component.html +++ b/src/app/routes/pollution/management/management.component.html @@ -1,45 +1,49 @@ - -<div nz-row [nzGutter]="24"> - <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24"> - <nz-card [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)]="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> - </ng-template> - <ng-template #body> - <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> - </ng-template> - </nz-card> - </div> +<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> -- Gitblit v1.8.0