<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8" />
|
<title>水库</title>
|
<link rel="stylesheet" href="./css/qality.css">
|
|
</head>
|
|
<body>
|
<div class="river-course">
|
<div class="river-top">
|
<div class="reser-menu">
|
<ul>
|
<li class="on" id="qality_characteristics">基础信息</li>
|
<li id="qality_features">监测指标</li>
|
</ul>
|
</div>
|
</div>
|
<div class="reser-box">
|
<div class="qality-characteristics">
|
<table>
|
<tbody>
|
<tr>
|
<td>断面名称</td>
|
<td></td>
|
<td>流域</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>河流</td>
|
<td></td>
|
<td>监测时间</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>站点情况</td>
|
<td></td>
|
<td>当前水质</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>氨氮</td>
|
<td></td>
|
<td>浊度</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>水温</td>
|
<td></td>
|
<td>pH</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>溶解氧</td>
|
<td></td>
|
<td>电导率</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>藻密度</td>
|
<td></td>
|
<td>叶绿素α</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>总氮</td>
|
<td></td>
|
<td>总磷</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>高锰酸盐指数</td>
|
<td></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
|
<div class="qality-detection">
|
|
|
<div class="detection-top">
|
<span>监测类型:</span>
|
<select class="detection-select">
|
<option>总磷</option>
|
<option>总氮</option>
|
<option>叶绿素α</option>
|
<option>浊度</option>
|
<option>溶解氧</option>
|
<option>高锰酸盐</option>
|
<option>氨氮</option>
|
<option>水温</option>
|
<option>PH</option>
|
<option>藻密度</option>
|
<option>电导率</option>
|
</select>
|
|
</div>
|
|
<div class="detection-content">
|
<div id="detection-echarts">
|
|
</div>
|
|
<div class="detection-table">
|
<table class="table-thead river-thead">
|
<thead>
|
<tr>
|
<th>
|
<div>序号</div>
|
</th>
|
<th>
|
<div>时间</div>
|
</th>
|
<th>
|
<div>总磷(mg/L)</div>
|
</th>
|
</tr>
|
</thead>
|
</table>
|
<div class="comTbody">
|
<table class="table-tbody river-tbody" style="border-top: 0;">
|
<tbody id="detectionTable">
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
|
|
</div>
|
|
|
<div class="load-box-list">
|
<div class="rote-load">
|
<img src="./img/rote.jpg" alt="">
|
<span>正在加载</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<script src="../../js/jquery-1.11.3.min.js"></script>
|
<script src="../../js/echarts.min.js"></script>
|
<script src="../../libs/laydate/laydate.js"></script>
|
<script src="./js/qality.js"></script>
|
<script src="./js/start.js"></script>
|
<script src="./js/end.js"></script>
|
</body>
|
|
</html>
|
