From c69ddde7828d777f04c6468c269aaa0aa03d72c9 Mon Sep 17 00:00:00 2001
From: fengxiang <110431245@qq.com>
Date: Thu, 02 Aug 2018 09:50:58 +0800
Subject: [PATCH] 文件修改
---
src/app/routes/dashboard/monitor/monitor.component.html | 98 +++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 98 insertions(+), 0 deletions(-)
diff --git a/src/app/routes/dashboard/monitor/monitor.component.html b/src/app/routes/dashboard/monitor/monitor.component.html
new file mode 100644
index 0000000..9b8223c
--- /dev/null
+++ b/src/app/routes/dashboard/monitor/monitor.component.html
@@ -0,0 +1,98 @@
+<div nz-row [nzGutter]="24" class="pt-lg">
+ <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="18">
+ <nz-card nzTitle="������������������������" [nzBordered]="false" class="mb-lg">
+ <div nz-row>
+ <div nz-col nzXs="24" nzSm="12" nzMd="6">
+ <number-info subTitle="������������������" [total]="'124,543,233'" suffix="���"></number-info>
+ </div>
+ <div nz-col nzXs="24" nzSm="12" nzMd="6">
+ <number-info subTitle="���������������������" [total]="'92%'"></number-info>
+ </div>
+ <div nz-col nzXs="24" nzSm="12" nzMd="6">
+ <number-info subTitle="������������������" [total]="lastTotalTime">
+ <ng-template #lastTotalTime><count-down [target]="30"></count-down></ng-template>
+ </number-info>
+ </div>
+ <div nz-col nzXs="24" nzSm="12" nzMd="6">
+ <number-info subTitle="������������������" [total]="234" suffix="���"></number-info>
+ </div>
+ </div>
+ <div class="map-chart">
+ <nz-tooltip [nzTitle]="'������������������'">
+ <img nz-tooltip src="https://gw.alipayobjects.com/zos/rmsportal/HBWnDEUXCnGnGrRfrpKa.png" alt="map" />
+ </nz-tooltip>
+ </div>
+ </nz-card>
+ </div>
+ <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="6">
+ <nz-card nzTitle="������������������" [nzBordered]="false" class="mb-lg">
+ <div class="active-chart">
+ <number-info subTitle="������������" total="������������������"></number-info>
+ <mini-area [animate]="false"
+ [line]="true"
+ [borderWidth]="2"
+ [height]="84"
+ [yAxis]="activeYAxis"
+ [data]="activeData"></mini-area>
+ <ng-container *ngIf="activeData?.length > 0">
+ <div class="active-grid">
+ <p>{{activeStat.max}} ������</p>
+ <p>{{activeStat.min}} ������</p>
+ </div>
+ <div class="active-legend">
+ <span>00:00</span>
+ <span>{{activeStat.t1}}</span>
+ <span>{{activeStat.t2}}</span>
+ </div>
+ </ng-container>
+ </div>
+ </nz-card>
+ <nz-card nzTitle="������������" [nzBordered]="false" [nzBodyStyle]="{'text-align': 'center'}" class="mb-lg">
+ <gauge [title]="'���������'" [height]="180" [percent]="87" [format]="couponFormat"></gauge>
+ </nz-card>
+ </div>
+</div>
+<div nz-row [nzGutter]="24">
+ <div nz-col nzXs="24" nzSm="24" nzLg="12" class="mb-lg">
+ <nz-card nzTitle="���������������" [nzBordered]="false" class="pie-card">
+ <div nz-row [nzGutter]="4" style="padding:16px 0">
+ <div nz-col [nzSpan]="8">
+ <pie [animate]="false"
+ [percent]="28"
+ subTitle="������������"
+ total="28%"
+ [height]="128"
+ [lineWidth]="2"></pie>
+ </div>
+ <div nz-col [nzSpan]="8">
+ <pie [animate]="false"
+ color="#5DDECF"
+ [percent]="22"
+ subTitle="������"
+ total="22%"
+ [height]="128"
+ [lineWidth]="2"></pie>
+ </div>
+ <div nz-col [nzSpan]="8">
+ <pie [animate]="false"
+ color="#2FC25B"
+ [percent]="32"
+ subTitle="������"
+ total="32%"
+ [height]="128"
+ [lineWidth]="2"></pie>
+ </div>
+ </div>
+ </nz-card>
+ </div>
+ <div nz-col nzXs="24" nzSm="24" nzLg="6" class="mb-lg">
+ <nz-card nzTitle="������������" [nzBordered]="false" [nzBodyStyle]="{'overflow': 'hidden'}">
+ <tag-cloud [data]="tags" [height]="165"></tag-cloud>
+ </nz-card>
+ </div>
+ <div nz-col nzXs="24" nzSm="24" nzLg="6" class="mb-lg">
+ <nz-card nzTitle="������������" [nzBordered]="false" [nzBodyStyle]="{'overflow': 'hidden'}">
+ <water-wave [title]="'������������������'" [percent]="34" [height]="165"></water-wave>
+ </nz-card>
+ </div>
+</div>
--
Gitblit v1.8.0