<!DOCTYPE HTML>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>报表展示</title>
|
</head>
|
<body>
|
<nz-spin [nzTip]="'正在读取数据...'" [nzSize]="'large'"[nzSpinning]="spinning"> </nz-spin>
|
|
<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 [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>
|
|
</div>
|
</body>
|
</html>
|
