扬尘监控 菜单 调整

xufenglei

2018-07-31 e2750980d182c135384dd3b691b2d28e297b7145

 src/app/routes/forecasting-warning/forecasting-warning.component.html

@@ -2,12 +2,34 @@
    <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>

   <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>

<nz-card [nzBordered]="false"></nz-card>



<div nz-row [ngStyle]="{'display':isShow ? 'block' : 'none'}">

   <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':isShow ? 'none' : 'block'}">

   <!-- 24小时 -->

   <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 nz-col [nzSpan]="12"><div id="forecasting_wind" style="height: 300px; width: 100%"></div></div>



   <!-- 15天 -->

   <div nz-col [nzSpan]="12"><div id="forecasting_temp_day" style="height: 300px; width: 100%"></div></div>

   <!-- <div nz-col [nzSpan]="12"><div id="forecasting_uvi" style="height: 300px; width: 100%"></div></div> -->



</div>