From b924f0fdb5bb5e0f367dde6917ce344518ee224e Mon Sep 17 00:00:00 2001 From: xufenglei <xufenglei> Date: Tue, 27 Mar 2018 09:43:52 +0800 Subject: [PATCH] 报表优化 --- src/app/routes/report/report.component.html | 71 ++++++++++++++++++++++++++--------- 1 files changed, 53 insertions(+), 18 deletions(-) diff --git a/src/app/routes/report/report.component.html b/src/app/routes/report/report.component.html index db89772..42bf6e2 100644 --- a/src/app/routes/report/report.component.html +++ b/src/app/routes/report/report.component.html @@ -1,26 +1,61 @@ +<!DOCTYPE HTML> <html> - <body> - <nz-spin [nzTip]="'������������������...'"[nzSize]="'large'" [nzSpinning]="spinning"> - </nz-spin> - - <div > - <div id="head" style="height: 486px; width: 1000px" *ngIf="! spinning"> - <h1> - ������������������������ - </h1> - </div> +<head> + <meta charset="utf-8"> + <title>������������</title> +</head> +<body> + <nz-spin [nzTip]="'������������������...'" [nzSize]="'large'"[nzSpinning]="spinning"> </nz-spin> - <div id="content" style="display: none;"> - <div *ngFor="let i of sensorArr"> - <div id ="mydiv{{i}}" style="height: 487px; width: 1000px"></div> + <div> + <div class="bg" *ngIf="!spinning"> + <div class="t_bg"> + <img src="./assets/img/logo.png"> + + <h1>{{title}}������������������������</h1> + <div class="container"> + <div class="title"> + <div class="title_left"></div> + <div class="text"> + <span *ngFor="let item of items;let i = index"><span *ngIf="i > 0">���</span>{{item.monitorPointName}}</span> + <span>������������������</span> + </div> + <div class="title_right"></div> + <div class="clear_fix"></div> + </div> + </div> + + <div class="content"> + <div *ngFor="let item of items;let i = index"> + <div class="{{i % 2 == 0 ? 'left' : 'right'}}"> + <div class="text_t"> + <div class="text_t_left"></div> + <div class="text_t_bg">{{item.monitorPointName}}</div> + <div class="text_t_right"></div> + <div class="clear_fix"></div> + </div> + <p class="text1">���������������{{item.monitorPointAddress}}</p> + <p class="text1">���������������������{{item.deviceCount}}���</p> + <div class="clear_fix"></div> + </div> + </div> + <div class="clear_fix"></div> </div> </div> + </div> - <div id="foot" style="height: 486px; width: 1000px" *ngIf="! spinning"> - <h1> - ������������������ - </h1> + <div [ngStyle]="{'display':spinning ? 'none' : 'block' }"> + <div *ngFor="let i of sensorArr"> + <div id="mydiv{{i}}" style="height: 485.35px; width: 1000px"></div> </div> </div> - </body> + + <div class="bg" *ngIf="!spinning"> + <div class="t_bg_b"> + <h1>{{title}}������������������������</h1> + </div> + </div> + + </div> +</body> </html> -- Gitblit v1.8.0