From 5c1577b6f7be92ed38d4ccd4cae2e51461cc158b Mon Sep 17 00:00:00 2001
From: fengxiang <110431245@qq.com>
Date: Fri, 13 Jul 2018 10:20:12 +0800
Subject: [PATCH] 注销错误，打开mock
---
src/app/routes/home-page/home-page/home-page.component.html | 161 ++++++++++++++++++++++++++++++++++-------------------
1 files changed, 103 insertions(+), 58 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
index b4d5ddb..2b8d1c7 100644
--- a/src/app/routes/home-page/home-page/home-page.component.html
+++ b/src/app/routes/home-page/home-page/home-page.component.html
@@ -1,64 +1,109 @@
<div class="content__title">
- <h1>������������������</h1>
+ <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]="'������������������'"
- total="78%"
- contentHeight="46px"
- [action]="action4"
- [footer]="footer4">
- <ng-template #action4>
- <nz-tooltip [nzTitle]="'������������'">
- <nz-icon nz-tooltip nzType="info-circle-o"></nz-icon>
- </nz-tooltip>
- </ng-template>
- <mini-progress
- height="46"
- percent="78"
- strokeWidth="8"
- target="80"
- color="#13C2C2"></mini-progress>
- <ng-template #footer4>
- <div class="d-flex justify-content-between">
- <trend flag="up">���������<span class="pl-sm">12%</span></trend>
- <trend flag="down">���������<span class="pl-sm">11%</span></trend>
+ <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>
- </ng-template>
- </chart-card>
+ </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���������������
+ <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