From 1f5010e1328314b9f90a2f12dd2a7a1fb8924f5f Mon Sep 17 00:00:00 2001 From: xufenglei <xufenglei> Date: Fri, 13 Jul 2018 14:43:18 +0800 Subject: [PATCH] 预报预警 --- src/app/routes/forecasting-warning/forecasting-warning.component.html | 42 +++++++++++++++++++++++++++++------------- 1 files changed, 29 insertions(+), 13 deletions(-) diff --git a/src/app/routes/forecasting-warning/forecasting-warning.component.html b/src/app/routes/forecasting-warning/forecasting-warning.component.html index a448091..ef02380 100644 --- a/src/app/routes/forecasting-warning/forecasting-warning.component.html +++ b/src/app/routes/forecasting-warning/forecasting-warning.component.html @@ -1,13 +1,29 @@ -<div class="content__title"> - <h1>������������������������</h1> -</div> -<nz-card [nzBordered]="false"> -<div class="sales-type-radio"> - <nz-radio-group > - <label nz-radio-button [nzValue]="'warning'"><span>������</span></label> - <label nz-radio-button [nzValue]="'forecasting'"><span>������</span></label> - </nz-radio-group> -</div> - -</nz-card> -<nz-card [nzBordered]="false"></nz-card> +<div class="content__title"> + <h1>������������������������</h1> +</div> +<nz-card [nzBordered]="false"> + <div class="sales-type-radio"> + <nz-radio-group [(ngModel)]="type" (ngModelChange)="changeType($event)"> + <label nz-radio-button [nzValue]="'warning'"><span>������</span></label> + <label nz-radio-button [nzValue]="'forecasting'"><span>������</span></label> + </nz-radio-group> + </div> + +</nz-card> + +<div nz-row > + <div nz-col [nzSpan]="12"><div id="warning_PM25" style="height: 300px; width: 100%"></div></div> + <div nz-col [nzSpan]="12"><div id="warning_PM10" style="height: 300px; width: 100%"></div></div> + <div nz-col [nzSpan]="12"><div id="warning_CO" style="height: 300px; width: 100%"></div></div> + <div nz-col [nzSpan]="12"><div id="warning_NO2" style="height: 300px; width: 100%"></div></div> + <div nz-col [nzSpan]="12"><div id="warning_O3" style="height: 300px; width: 100%"></div></div> + <div nz-col [nzSpan]="12"><div id="warning_SO2" style="height: 300px; width: 100%"></div></div> +</div> + +<div nz-row [ngStyle]="{'display':'none' }"> + <!-- --> + <div nz-col [nzSpan]="12"><div id="forecasting_temp" style="height: 300px; width: 100%"></div></div> + <div nz-col [nzSpan]="12"><div id="forecasting_humidity" style="height: 300px; width: 100%"></div></div> + <div nz-col [nzSpan]="12"><div id="forecasting_pressure" style="height: 300px; width: 100%"></div></div> + <div nz-col [nzSpan]="12"><div id="forecasting_uvi" style="height: 300px; width: 100%"></div></div> +</div> -- Gitblit v1.8.0