页面 优化

xufenglei

2018-08-03 46d4905467aeaf1979613a156753b6625608820b

 src/app/routes/environment/management/management.component.html

@@ -1,16 +1,16 @@
<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">
        <chart-card [title]="'AQI优良天数'" total="112天" 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">
        <chart-card [title]="'PM2.5优良天数'" total="148天" 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">
        <chart-card [title]="'PM10优良天数'" total="156天" contentHeight="46px">
            <mini-progress height="46" percent="40" target="40" strokeWidth="8" color="#00a854"></mini-progress>
        </chart-card>
    </div>
@@ -22,8 +22,10 @@
            <ng-template #nzTitle>
                同期对比
                <small class="text-sm font-weight-normal"></small>
                <span class="text-md font-weight-normal" style="color:red">PM2.5</span>
            </ng-template>
            <timeline [data]="offlineChartData" [height]="239" [padding]="[0, 0, 0, 0]" [titleMap]="{ y1: '本月数据', y2: '上月同期' }"></timeline>
            <div id="PM25" style="height: 300px; width: 100%"></div>
            <!-- <timeline [data]="offlineChartData" [height]="239" [padding]="[0, 0, 0, 0]" [titleMap]="{ y1: '本月数据', y2: '上月同期' }"></timeline> -->
        </nz-card>
    </div>
</div>