<!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}}{{item.professionName}}</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}}{{item.professionName}}</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?item.deviceCount:0}}台</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 id="conclusion" class="bg" *ngIf="!spinning && isShow" >
|
<div class="t_bg_b">
|
<h1>{{title}}数据报表总结分析</h1>
|
<div class="table_bg">
|
<div class="table_t">
|
<p class="t04">建议采取的措施</p>
|
<p class="t03">健康影响</p>
|
<p class="t02">超标警报次数排行</p>
|
<p class="t01">污染物</p>
|
<div class="clear_fix"></div>
|
</div>
|
<div class="table_text" *ngFor="let item of resultArr;let i = index">
|
<img src="./assets/img/No{{i+1}}.png" style="float: left;">
|
<div class="table_tab_bg">
|
<p class="tab1">{{item.sensorName}}</p>
|
<p class="tab2">{{item.monitorPointName}}({{item.result}})</p>
|
<p class="tab3">{{item.effect}}</p>
|
<p class="tab4">{{item.measures}}</p>
|
<div class="clear_fix"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</body>
|
</html>
|
