| | |
|---|
| | | <!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 *ngIf="item.monitorPointId" 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 id="pieChar" style="height: 485.35px; width: 1000px"></div> -->
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="bg" *ngIf="!spinning">
|
|---|
| | | <div class="t_bg_b">
|
|---|
| | | <h1>{{title}}数据报表总结分析</h1>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | | </html>
|
|---|
