<div>
|
<div class="popup">
|
<div class="p-main two">
|
<div class="cloce"></div>
|
<div id="poput-m-t-video">
|
<!-- <div class="title">名称:江豚湾</div>
|
<video id="video1" class="video-js vjs-default-skin" width="640" height="480"
|
data-setup='{"controls" : true, "autoplay" : true, "preload" : "auto"}'>
|
<source src="http://171.34.197.243:701/rtp/34020000001110000104_34020000001310000006.flv" type="video/x-flv">
|
</video> -->
|
</div>
|
</div>
|
<div class="p-main three">
|
<div class="cloce"></div>
|
<div class="layui-tab layui-tab-brief" lay-filter="popup-main">
|
<ul class="layui-tab-title">
|
<li class="layui-this">测站详情</li>
|
<li>实时数据</li>
|
<li>历史记录</li>
|
</ul>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<div class="xiangqing">
|
</div>
|
</div>
|
<div class="layui-tab-item ">
|
<div class="shishishuju">
|
<div class="heard">
|
<div>当前站点:<span>南矶山备战湖</span> </div>
|
<div>监测时间:<span>2021-05-06 10:07:00</span> </div>
|
</div>
|
<div class="layui-tab">
|
<ul class="layui-tab-title">
|
<li class="layui-this">水文与水资源数据</li>
|
<li>空气质量数据</li>
|
<li>气象数据</li>
|
</ul>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<table class="layui-table">
|
<colgroup>
|
<col width="150">
|
<col width="150">
|
<col width="200">
|
<col>
|
</colgroup>
|
<thead>
|
<tr>
|
<th>名称</th>
|
<th>数值</th>
|
<th>单位</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td>水温</td>
|
<td>0</td>
|
<td>℃</td>
|
</tr>
|
<tr>
|
<td>PH值</td>
|
<td>0</td>
|
<td>无量纲</td>
|
</tr>
|
<tr>
|
<td>溶解氧</td>
|
<td>0</td>
|
<td>ppm</td>
|
</tr>
|
<tr>
|
<td>电导率</td>
|
<td>0</td>
|
<td>S/m</td>
|
</tr>
|
<tr>
|
<td>叶绿素a</td>
|
<td>0</td>
|
<td>ug/L</td>
|
</tr>
|
<tr>
|
<td>浑浊度</td>
|
<td>0</td>
|
<td>NTU</td>
|
</tr>
|
<tr>
|
<td>化学需氧量</td>
|
<td>0</td>
|
<td>无量纲</td>
|
</tr>
|
<tr>
|
<td>总磷</td>
|
<td>0</td>
|
<td>mg/L</td>
|
</tr>
|
|
</tbody>
|
</table>
|
</div>
|
<div class="layui-tab-item">空气质量数据</div>
|
<div class="layui-tab-item">气象数据</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-tab-item">
|
<div class="lishijilv">
|
<div class="heard">
|
<div class="left">
|
<div class="layui-form">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<!-- <label class="layui-form-label">日期范围</label> -->
|
<div class="layui-inline" id="test6">
|
<div class="layui-input-inline">
|
<input type="text" autocomplete="off" id="test-startDate-1"
|
class="layui-input" placeholder="开始日期">
|
</div>
|
<div class="layui-form-mid">-</div>
|
<div class="layui-input-inline">
|
<input type="text" autocomplete="off" id="test-endDate-1"
|
class="layui-input" placeholder="结束日期">
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<button type="button" class="layui-btn layui-btn-normal">查询</button>
|
<button type="button" class="layui-btn layui-btn-danger">清空</button>
|
</div>
|
<div class="rights">当前站点:<span>南矶山备战湖</span> </div>
|
</div>
|
<div class="layui-tab">
|
<ul class="layui-tab-title">
|
<li class="layui-this">水文与水资源数据</li>
|
<li>空气质量数据</li>
|
<li>气象数据</li>
|
</ul>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<div style="width: 1100px;height:380px;" class="popup-threse-shuiwenEcharts" id="popup-threse-shuiwenEcharts">
|
|
</div>
|
</div>
|
<div class="layui-tab-item">空气质量数据</div>
|
<div class="layui-tab-item">气象数据</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|