<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8" />
|
<title>水库</title>
|
<link rel="stylesheet" href="./css/reservoir.css">
|
|
</head>
|
|
<body>
|
<div class="river-course">
|
<div class="river-top">
|
<div class="reser-menu">
|
<ul>
|
<li class="on" id="reservoir_characteristics">水库水情</li>
|
<li>基础信息</li>
|
<li>水库水文特征值</li>
|
<li>库容曲线</li>
|
</ul>
|
</div>
|
</div>
|
<div class="reser-box">
|
|
<div class="river-two river-con">
|
<div class="river-box-top">
|
<div style="position: absolute; left: 5px;">
|
<div class="river-data">
|
<input class="datainp time-icon" id="inpstart_zr" type="text" placeholder="开始日期"
|
readonly><span>至</span><input class="datainp time-icon" id="inpend_zr" type="text"
|
placeholder="结束日期" readonly>
|
</div>
|
<input type="button" value="查询" class="river-btn" id="eigthRiverBtn" />
|
<div class="select">
|
<div class="input_in">
|
<input type="text" value="快速查询" readonly="readonly" />
|
</div>
|
<div class="city hide" id="eightRiverSel">
|
<ul>
|
<li data="本月">本月</li>
|
<li data="上月">上月</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="water-flow" id="waterOrFlowEchart">
|
|
</div>
|
<div class="water-tab river-popup-table">
|
<table class="table-thead river-thead">
|
<thead>
|
<tr>
|
<th>
|
<div>序号</div>
|
</th>
|
<th>
|
<div>时间</div>
|
</th>
|
<th>
|
<div>水位(m)</div>
|
</th>
|
<th>
|
<div>水势</div>
|
</th>
|
<th>
|
<div>流量(m³/s)</div>
|
</th>
|
</tr>
|
</thead>
|
</table>
|
<div class="comTbody">
|
<table class="table-tbody river-tbody" style="border-top: 0;">
|
<tbody id="waterOrFlowTable">
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
|
<div class="reservoir-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>出库流量</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>库水位</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>
|
</tbody>
|
</table>
|
</div>
|
|
<div class="water-trait">
|
<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>最低水位发生时间</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>最高水位</td>
|
<td></td>
|
<td>最高水位发生时间</td>
|
<td></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
|
<!-- 库容曲线 -->
|
<div class="capacity-acurve">
|
<div>
|
<div class='capacity-acurve-echarts'>
|
|
</div>
|
<div class="capacity-acurve-table">
|
<table>
|
<thead>
|
<tr>
|
<th>水位(m)</th>
|
<th>库容(百万m³)</th>
|
</tr>
|
</thead>
|
</table>
|
<div>
|
<table>
|
<tbody>
|
</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/reservoir.js"></script>
|
<script src="./js/start.js"></script>
|
<script src="./js/end.js"></script>
|
</body>
|
|
</html>
|
