<!DOCTYPE html>
|
<html lang="en" style="height: 100%; background: white;">
|
<head>
|
<meta charset="UTF-8">
|
<title>江西省湿地资源综合信息应用平台</title>
|
|
<!--[if IE 8]>
|
<html lang="en" class="ie8 no-js"> <![endif]-->
|
<!--[if IE 9]>
|
<html lang="en" class="ie9 no-js"> <![endif]-->
|
<!--[if !IE]><!-->
|
|
<!--<![endif]-->
|
<!-- BEGIN HEAD -->
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
<!--[if lt IE 9]>
|
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
|
<script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
<![endif]-->
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
|
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
|
<script src="js/jquery.js"></script>
|
<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
|
<script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
|
<script src="js/echarts.min.js"></script>
|
<link rel="stylesheet" href="css/commonality.css">
|
<link rel="stylesheet" href="css/realTime.css">
|
<script src="js/realTime.js"></script>
|
</head>
|
<style>
|
.bott{
|
font-size: 0.8vw;
|
}
|
.selected{
|
background: #07d345;
|
}
|
</style>
|
<body onLoad="getLangDate()" style="height: 100%; background: white">
|
<div id="content" class="row" style="background: white;">
|
<div id="left-cont " class="col-md-5" style=" margin-top: 1.3%;
|
height: 97.5%;">
|
<div class="title" style="height: 4%;position: relative;
|
bottom: 1%;">
|
<div id="dateStr" class="word_grey" style="color: #989898;"></div>
|
<div class="name" style="color:#238811"><strong>青山湖实时数据</strong></div>
|
</div>
|
<div class="cont row">
|
<div class="col-md-12 map" id="border" style="height: 50%;width: 100%; margin-top: 2%;">
|
<iframe id="ganZhou" scrolling="no" src="map-polygon.html" frameborder="0" height="100%" width="100%"></iframe>
|
</div>
|
<div class="gauge col-md-12" style="text-align: center">
|
<input type="button" value="青山湖" id="RTData_4731" class="bott"/>
|
<input type="button" value="白沙湖" id="RTData_33094" class="bott" />
|
<input type="button" value="战备湖" id="RTData_76149" class="bott" />
|
</div>
|
<div class="col-md-12" style="height: 20%;">
|
<div class="col-md-4" style="height: 100%;">
|
<iframe id="wendu" scrolling="no" src="rainfall.html" frameborder="0" height="100%" width="100%"></iframe>
|
</div>
|
<div class="col-md-4" style="height: 100%;">
|
<iframe id="wendu1" scrolling="no" src="rainfall2.html" frameborder="0" height="100%" width="100%"></iframe>
|
</div>
|
<div class="col-md-4" style="height: 100%;">
|
<iframe id="wendu2" scrolling="no" src="rainfall3.html" frameborder="0" height="100%" width="100%"></iframe>
|
</div>
|
</div>
|
<div class="col-md-12" style="height: 20%;">
|
<div class="col-md-4" style="height: 100%;">
|
<iframe id="wendu3" scrolling="no" src="rainfall4.html" frameborder="0" height="100%" width="100%"></iframe>
|
</div>
|
<div class="col-md-4" style="height: 100%;">
|
<iframe id="wendu4" scrolling="no" src="rainfall5.html" frameborder="0" height="100%" width="100%"></iframe>
|
</div>
|
<div class="col-md-4" style="height: 100%;">
|
<iframe id="wendu5" scrolling="no" src="rainfall6.html" frameborder="0" height="100%" width="100%"></iframe>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div id="right-cont" class="col-md-7" style=" height: 98%;
|
margin-top: 1%; color:black;"> <!-- style="margin-top: 1%"-->
|
<div class="row" style="height: 33.33333%;">
|
<div class="col-md-6 " style="height: 100%;">
|
<div class="tit">
|
<div class="name1">水位分布统计图</div>
|
<div class="value">
|
90mm
|
</div>
|
</div>
|
<div class="map" style="height: auto;width: 100%;">
|
<iframe id="rain" scrolling="no" src="realTime_rainfall.html" frameborder="0" height="100%" width="100%"></iframe>
|
</div>
|
</div>
|
<div class="col-md-6" style="height: 100%;">
|
<div class="tit">
|
<div class="name1">水质分布统计图</div>
|
<div class="value">90mg/L</div>
|
</div>
|
<div class="map" style="height: auto;width: 100%;">
|
<iframe id="sediment" scrolling="no" src="realTime_sediment_.html" frameborder="0" height="100%" width="100%"></iframe>
|
|
</div>
|
</div>
|
</div>
|
<div class="row" style="height: 33.33333%;">
|
<div class="col-md-6" style="height: 100%;">
|
<div class="tit">
|
<div class="name1">空气温度时间统计图（近一周）</div>
|
<div class="value">
|
26mm
|
</div>
|
</div>
|
<div class="map" style="height: auto;width: 100%;">
|
<iframe id="condition" scrolling="no" src="realTime_condition.html" frameborder="0" height="100%" width="100%"></iframe>
|
|
</div>
|
</div>
|
<div class="col-md-6" style="height: 100%;">
|
<div class="tit">
|
<div class="name1">溶解氧和PH时间统计图</div>
|
<div class="value">
|
40mm
|
</div>
|
</div>
|
<div class="map" style="height: auto;width: 100%;">
|
<iframe id="evaporation" scrolling="no" src="realTime_evaporation.html" frameborder="0" height="100%" width="100%"></iframe>
|
</div>
|
</div>
|
</div>
|
<div class="row" style="height: 33.33333%;" >
|
<div class="col-md-6" style="height: 100%;">
|
<div class="tit">
|
<div class="name1">空气湿度时间统计图（近一周）</div>
|
<div class="value">
|
61L/s
|
</div>
|
</div>
|
<div class="map" style="height: auto;width: 100%;">
|
<iframe id="flow" scrolling="no" src="realTime_flow.html" frameborder="0" height="100%" width="100%"></iframe>
|
</div>
|
</div>
|
<div class="col-md-6" style="height: 100%;">
|
<div class="tit">
|
<div class="name1">电导率时间统计图</div>
|
<div class="value">
|
52
|
</div>
|
</div>
|
<div class="map" style="height: auto;width: 100%;">
|
<iframe id="waterLevel" scrolling="no" src="realTime_waterLevel.html" frameborder="0" height="100%" width="100%"></iframe>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
</div>
|
|
</body>
|
<script>
|
$(function () {
|
$("#RTData_4731").css("background","#07d345");
|
$('.bott').click(function(){
|
$(this).addClass('selected').siblings().removeClass('selected');
|
$("#RTData_4731").css("background","");
|
})
|
})
|
</script>
|
</html>
|
