| | |
|---|
| | | <!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="bg" *ngIf="!spinning">
|
|---|
| | | <div class="t_bg">
|
|---|
| | | <img src="./assets/img/logo.png">
|
|---|
| | |
|
|---|
| | | <h1>2018年01月昆山环境监测报告</h1>
|
|---|
| | | <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>
|
|---|
| | | <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="left">
|
|---|
| | | <h2>{{item.monitorPointName}}</h2>
|
|---|
| | | <p class="text1">公司地址：{{item.monitorPointAddress}}</p>
|
|---|
| | | <p class="text1">该公司拥有设备{{item.deviceCount}}台</p>
|
|---|
| | | <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>
|
|---|
| | | <div class="clear_fix"></div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | <div id="content" style="display: none;">
|
|---|
| | | <div [ngStyle]="{'display':spinning ? 'none' : 'block' }">
|
|---|
| | | <div *ngFor="let i of sensorArr">
|
|---|
| | | <div id="mydiv{{i}}" style="height: 487px; width: 1000px"></div>
|
|---|
| | | <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="foot" style="height: 486px; width: 1000px">
|
|---|
| | | <h1>检测报告结论</h1>
|
|---|
| | | </div> -->
|
|---|
| | |
|
|---|
| | | <div class="bg" *ngIf="! spinning">
|
|---|
| | | <div class="t_bg_b">
|
|---|
| | | <h1>2018年01月份数据报表总结分析</h1>
|
|---|
| | | <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>
|
|---|
| | |
|
|---|
