From 4642970278cd973399ce24a0c460c21a5110e193 Mon Sep 17 00:00:00 2001 From: 沈斌 <bluelazysb@hotmail.com> Date: Fri, 13 Jul 2018 12:51:12 +0800 Subject: [PATCH] updates --- src/app/routes/environment/management/management.component.html | 59 ++++++++++++++++++++++------------------------------------- 1 files changed, 22 insertions(+), 37 deletions(-) diff --git a/src/app/routes/environment/management/management.component.html b/src/app/routes/environment/management/management.component.html index 9f31405..dd5cde4 100644 --- a/src/app/routes/environment/management/management.component.html +++ b/src/app/routes/environment/management/management.component.html @@ -1,44 +1,29 @@ +<div nz-row [nzGutter]="24" class="pt-lg"> + <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="8"> + <chart-card [title]="'API������������'" total="216���" contentHeight="46px"> + <mini-progress height="46" percent="60" target="60" strokeWidth="8" color="#13C2C2"></mini-progress> + </chart-card> + </div> + <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="8"> + <chart-card [title]="'PM2.5������������'" total="158���" contentHeight="46px"> + <mini-progress height="46" percent="50" target="50" strokeWidth="8" color="#108ee9"></mini-progress> + </chart-card> + </div> + <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="8"> + <chart-card [title]="'PM10������������'" total="112���" contentHeight="46px"> + <mini-progress height="46" percent="40" target="40" strokeWidth="8" color="#00a854"></mini-progress> + </chart-card> + </div> +</div> <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> + <nz-card [nzTitle]="nzTitle" [nzBordered]="false"> + <ng-template #nzTitle> + ������������ + <small class="text-sm font-weight-normal"></small> </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> + <timeline [data]="offlineChartData" [height]="239" [padding]="[0, 0, 0, 0]" [titleMap]="{ y1: '������������', y2: '������������' }"></timeline> </nz-card> </div> </div> -- Gitblit v1.8.0