|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div nz-row [nzGutter]="24" class="pt-lg"> | 
|---|
|  |  |  | <div nz-col nzXs="24" nzMd="12"> | 
|---|
|  |  |  | <div nz-col style="display: block;" nzXs="24" nzMd="24"> | 
|---|
|  |  |  | <nz-card [nzBordered]="false"> | 
|---|
|  |  |  | <!-- <div echarts style="margin-top: 12px;" [options]="chartOption" [loading]="aqiChartLoading" class="line-chart" (chartInit)="onApiChartInit($event)"></div> --> | 
|---|
|  |  |  | </nz-card> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div nz-col nzXs="24" nzMd="12"> | 
|---|
|  |  |  | <nz-card [nzBordered]="false"> | 
|---|
|  |  |  | 22222222222 | 
|---|
|  |  |  | <ng-template #title> | 
|---|
|  |  |  | 空气质量预报   | 
|---|
|  |  |  | <nz-dropdown> | 
|---|
|  |  |  | <a class="ant-dropdown-link" nz-dropdown> | 
|---|
|  |  |  | PM2.5 <i class="anticon anticon-down"></i> | 
|---|
|  |  |  | </a> | 
|---|
|  |  |  | <ul nz-menu> | 
|---|
|  |  |  | <li nz-menu-item> | 
|---|
|  |  |  | PM10 | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li nz-menu-item> | 
|---|
|  |  |  | 一氧化碳 | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li nz-menu-item> | 
|---|
|  |  |  | 二氧化氮 | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li nz-menu-item> | 
|---|
|  |  |  | 二氧化硫 | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li nz-menu-item> | 
|---|
|  |  |  | 臭氧 | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | </ul> | 
|---|
|  |  |  | </nz-dropdown> | 
|---|
|  |  |  | </ng-template> | 
|---|
|  |  |  | <div echarts style="margin-top: 12px;" class="line-chart" [options]="aqiChartOption" [loading]="aqiChartLoading" (chartInit)="onApiChartInit($event)"></div> | 
|---|
|  |  |  | </nz-card> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div nz-row [nzGutter]="24" class="pt-lg"> | 
|---|
|  |  |  | <div nz-col style="display: block;" nzXs="24" nzMd="24"> | 
|---|
|  |  |  | <nz-card [nzBordered]="false"> | 
|---|
|  |  |  | <ng-template #title> | 
|---|
|  |  |  | 气象预报   | 
|---|
|  |  |  | <nz-dropdown> | 
|---|
|  |  |  | <a class="ant-dropdown-link" nz-dropdown> | 
|---|
|  |  |  | 温度<i class="anticon anticon-down"></i> | 
|---|
|  |  |  | </a> | 
|---|
|  |  |  | <ul nz-menu> | 
|---|
|  |  |  | <li nz-menu-item> | 
|---|
|  |  |  | 气压 | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li nz-menu-item> | 
|---|
|  |  |  | 湿度 | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li nz-menu-item> | 
|---|
|  |  |  | 风向 | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | <li nz-menu-item> | 
|---|
|  |  |  | 风速 | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | </ul> | 
|---|
|  |  |  | </nz-dropdown> | 
|---|
|  |  |  | </ng-template> | 
|---|
|  |  |  | <div echarts style="margin-top: 12px;" class="line-chart" [options]="meteChartOption" [loading]="meteChartLoading" (chartInit)="onMeteChartInit($event)"></div> | 
|---|
|  |  |  | </nz-card> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|