From a2bd66a59a51c84100474d1ce3eb79d7ed3b754e Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Tue, 31 Jul 2018 15:57:06 +0800 Subject: [PATCH] Merge branch 'master' of http://blit.7drlb.com:8888/r/screen_demo2 --- src/app/routes/statistics/calendar/aqi-detail/aqi-detail.component.html | 85 ++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 85 insertions(+), 0 deletions(-) diff --git a/src/app/routes/statistics/calendar/aqi-detail/aqi-detail.component.html b/src/app/routes/statistics/calendar/aqi-detail/aqi-detail.component.html new file mode 100644 index 0000000..19fe309 --- /dev/null +++ b/src/app/routes/statistics/calendar/aqi-detail/aqi-detail.component.html @@ -0,0 +1,85 @@ +<div class="modal-header"> + <div class="modal-title">{{formatDate}} ������������</div> +</div> +<nz-row nzGutter="8"> + <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md"> + <div nz-row nzType="flex" nzAlign="middle" class="bg-primary rounded-md"> + <div nz-col nzSpan="24" class="p-md text-white" style="height: 90px;text-align: center;"> + <div style="height: 40px;" class="h2 mt0"> + {{ dayData.data.quality }} + </div> + <p class="text-nowrap mb0">������������</p> + </div> + </div> + </div> + <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md"> + <div nz-row nzType="flex" nzAlign="middle" class="bg-success rounded-md"> + <div nz-col nzSpan="24" class="p-md text-white" style="height: 90px;text-align: center;"> + <div style="height: 40px;" class="h2 mt0"> + {{ dayData.data.CO }} <small>ug/m3</small> + </div> + <p class="text-nowrap mb0">������������</p> + </div> + </div> + </div> + <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md"> + <div nz-row nzType="flex" nzAlign="middle" class="bg-orange rounded-md"> + <div nz-col nzSpan="24" class="p-md text-white" style="height: 90px;text-align: center;"> + <div style="height: 40px;" class="h2 mt0"> + {{ dayData.data.O3 }} <small>mg/m3</small> + </div> + <p class="text-nowrap mb0">������</p> + </div> + </div> + </div> + <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md"> + <div nz-row nzType="flex" nzAlign="middle" class="bg-pink rounded-md"> + <div nz-col nzSpan="24" class="p-md text-white" style="height: 90px;text-align: center;"> + <div style="height: 40px;" class="h2 mt0"> + {{ dayData.data.NO2 }} <small>mg/m3</small> + </div> + <p class="text-nowrap">������������</p> + </div> + </div> + </div> + <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md"> + <div nz-row nzType="flex" nzAlign="middle" class="bg-primary rounded-md"> + <div nz-col nzSpan="24" class="p-md text-white" style="height: 90px;text-align: center;"> + <div style="height: 40px;" class="h2 mt0"> + {{ dayData.data.AQI }} + </div> + <p class="text-nowrap mb0">AQI</p> + </div> + </div> + </div> + <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md"> + <div nz-row nzType="flex" nzAlign="middle" class="bg-success rounded-md"> + <div nz-col nzSpan="24" class="p-md text-white" style="height: 90px;text-align: center;"> + <div style="height: 40px;" class="h2 mt0"> + {{ dayData.data.SO2 }} <small>mg/m3</small> + </div> + <p class="text-nowrap mb0">������������</p> + </div> + </div> + </div> + <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md"> + <div nz-row nzType="flex" nzAlign="middle" class="bg-orange rounded-md"> + <div nz-col nzSpan="24" class="p-md text-white" style="height: 90px;text-align: center;"> + <div style="height: 40px;" class="h2 mt0"> + {{ dayData.data.PM10 }} <small>mg/m3</small> + </div> + <p class="text-nowrap mb0">PM10</p> + </div> + </div> + </div> + <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md"> + <div nz-row nzType="flex" nzAlign="middle" class="bg-pink rounded-md"> + <div nz-col nzSpan="24" class="p-md text-white" style="height: 90px;text-align: center;"> + <div style="height: 40px;" class="h2 mt0"> + {{ dayData.data.PM2_5 }} <small>mg/m3</small> + </div> + <p class="text-nowrap">PM2.5</p> + </div> + </div> + </div> +</nz-row> \ No newline at end of file -- Gitblit v1.8.0