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}}&nbsp;&nbsp;������������</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 }}&nbsp;<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 }}&nbsp;<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 }}&nbsp;<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 }}&nbsp;<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 }}&nbsp;<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 }}&nbsp;<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