From ba218bd17ed9b3bf1f330294714850a09ac71c17 Mon Sep 17 00:00:00 2001
From: 沈斌 <bluelazysb@hotmail.com>
Date: Fri, 13 Jul 2018 11:11:58 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'

---
 src/app/routes/home-page/home-page/home-page.component.html |  109 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 109 insertions(+), 0 deletions(-)

diff --git a/src/app/routes/home-page/home-page/home-page.component.html b/src/app/routes/home-page/home-page/home-page.component.html
new file mode 100644
index 0000000..2b8d1c7
--- /dev/null
+++ b/src/app/routes/home-page/home-page/home-page.component.html
@@ -0,0 +1,109 @@
+<div class="content__title">
+    <h1>������������������</h1>
+</div>
+<div nz-row [nzGutter]="24" class="pt-lg">
+    <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">{{ cardData.api }}</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">{{ cardData.temperature }} ���</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">{{ cardData.windDirection }}</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">{{ cardData.pm25 }} mg/m��</div>
+                <p class="text-nowrap">PM2.5</p>
+            </div>
+        </div>
+    </div>
+</div>
+<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">
+            <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">
+            <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">
+            <mini-progress height="46" percent="40" target="40" strokeWidth="8" color="#00a854"></mini-progress>
+        </chart-card>
+    </div>
+</div>
+<div nz-row [nzGutter]="24" class="pt-lg">
+    <div nz-col nzXs="24" nzMd="24">
+        <nz-card [nzBordered]="false">
+            <ng-template #title>
+                AQI��������������� &nbsp;
+                <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>
+            <bar height="275" [data]="salesData"></bar>
+        </nz-card>
+    </div>
+</div>
+<div nz-row [nzGutter]="24" class="pt-lg">
+    <div nz-col nzXs="24" nzMd="24">
+        <nz-card [nzBordered]="false">
+            <ng-template #title>
+               ������������GIS������
+               <small class="text-sm font-weight-normal">������: 128</small>
+            </ng-template>
+            <iframe style="width: 100%; height: 500px;" target="_top" src="http://monitor-api2.7drlb.com/screen/map-page?areaCode=320583&accountId=1" frameborder="0"></iframe>
+        </nz-card>
+    </div>
+  </div>
+  <div nz-row [nzGutter]="24" class="pt-lg">
+      <div nz-col nzXs="24" nzMd="12">
+          <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
+          </nz-card>
+      </div>
+  </div>

--
Gitblit v1.8.0