|  |  |  | 
|---|
|  |  |  | <!DOCTYPE HTML> | 
|---|
|  |  |  | <html> | 
|---|
|  |  |  | <head> | 
|---|
|  |  |  | <meta charset="utf-8"> | 
|---|
|  |  |  | <title>报表展示</title> | 
|---|
|  |  |  | </head> | 
|---|
|  |  |  | <body> | 
|---|
|  |  |  | <nz-spin [nzTip]="'正在读取数据...'" [nzSize]="'large'"[nzSpinning]="spinning"> </nz-spin> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div *ngFor="let i of sensorArr"> | 
|---|
|  |  |  | <div id ="mydiv{{i}}" style="height: 486px; width: 1000px"></div> | 
|---|
|  |  |  | </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 [ngStyle]="{'display':spinning ? 'none' : 'block' }"> | 
|---|
|  |  |  | <div *ngFor="let i of sensorArr"> | 
|---|
|  |  |  | <div id="mydiv{{i}}" style="height: 485.35px; width: 1000px"></div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="bg"  *ngIf="!spinning"> | 
|---|
|  |  |  | <div class="t_bg_b"> | 
|---|
|  |  |  | <h1>{{title}}数据报表总结分析</h1> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </body> | 
|---|
|  |  |  | </html> | 
|---|