From 12b04f145bae740e1971036b1e2dfc1bc224d17b Mon Sep 17 00:00:00 2001
From: fengxiang <110431245@qq.com>
Date: Wed, 11 Jul 2018 14:38:47 +0800
Subject: [PATCH] Revert "框架调整"
---
src/app/routes/dashboard/monitor/monitor.component.html | 78 +++++++++++++++++++++++++++++++++++++++
1 files changed, 78 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..f3acdf5
--- /dev/null
+++ b/src/app/routes/dashboard/monitor/monitor.component.html
@@ -0,0 +1,78 @@
+<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>
+ <g2-mini-area [animate]="false" [line]="true" [borderWidth]="2" [height]="84" [yAxis]="activeYAxis" [data]="activeData"></g2-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">
+ <g2-gauge [title]="'���������'" [height]="180" [percent]="87" [format]="couponFormat"></g2-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">
+ <g2-pie [animate]="false" [percent]="28" subTitle="������������" total="28%" [height]="128" [lineWidth]="2"></g2-pie>
+ </div>
+ <div nz-col [nzSpan]="8">
+ <g2-pie [animate]="false" color="#5DDECF" [percent]="22" subTitle="������" total="22%" [height]="128" [lineWidth]="2"></g2-pie>
+ </div>
+ <div nz-col [nzSpan]="8">
+ <g2-pie [animate]="false" color="#2FC25B" [percent]="32" subTitle="������" total="32%" [height]="128" [lineWidth]="2"></g2-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'}">
+ <g2-tag-cloud [data]="tags" [height]="165"></g2-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'}">
+ <g2-water-wave [title]="'������������������'" [percent]="34" [height]="165"></g2-water-wave>
+ </nz-card>
+ </div>
+</div>
--
Gitblit v1.8.0