<!DOCTYPE html>
|
<html lang="en">
|
|
<head>
|
<meta charset="UTF-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<title>Document</title>
|
<script src="./../JS/jquery-1.10.2.min.js"></script>
|
<script src="./../JS/common.js"></script>
|
<script src="./../JS/apiUrl.js"></script>
|
<style>
|
html,
|
body {
|
width: 100%;
|
height: 100%;
|
margin: 0;
|
padding: 0;
|
overflow: hidden;
|
}
|
</style>
|
</head>
|
|
<body>
|
<div style="position: absolute; width: 100%;height: 100%; background-color: rgba(0,0,0,0.48); margin: 0px; border: 0px;">
|
<div id="leftEarthPanel" style="width:49%; height: 100%;z-index:1000000;background:rgba(27,55,109,1); border:1px solid rgba(56,56,56,0.48);border-radius:20px;">
|
<div id="leftEarthTitle" style="width:100%; height:5%;color:white; ">
|
<div style="display:inline-block;width:5%;"></div>
|
<div id="nowDate" style="display:inline-block; width:20%; margin:5px; text-align:center; background:rgba(25,83,185,1);border:1px solid rgba(56,56,56,0.48);border-radius:20px;"></div>
|
<div style="display:inline-block;width:30%;"></div>
|
<div style="display:inline-block;margin:5px; width:40%; text-align:center; vertical-align:middle; background:rgba(25,83,185,1); border:1px solid rgba(56,56,56,0.48);border-radius:20px;">
|
<!-- <div style="display:inline-block;margin:5px;cursor:pointer;" onclick="ShowContRast(1)">资源量分析</div> -->
|
<div style="display:inline-block;margin:5px;">|</div>
|
<div style="display:inline-block;margin:5px;cursor:pointer;" onclick="ShowContRast(2)">文件</div>
|
<div style="display:inline-block;margin:5px;">|</div>
|
<div style="display:inline-block;margin:5px;cursor:pointer;" onclick="ShowContRast(3)">对比</div>
|
<div style="display:inline-block;margin:5px;">|</div>
|
<div style="display:inline-block;margin:5px;cursor:pointer;" onclick="ShowContRast(4)">清除</div>
|
</div>
|
</div>
|
</div>
|
<div id="rightEarthPanel" style="position:absolute;top:0px;left:49.5%; width: 50.5%; height: 100%; z-index:10;background:rgba(27,55,109,1); border:1px solid rgba(56,56,56,0.48);border-radius:20px;;">
|
<div id="rightEarthTitle" style="width:100%; height:5%;color:white;z-index:10; ">
|
<div style="display:inline-block;width:5%;"></div>
|
|
<div style="display:inline-block; width:20%; text-align:center; background:rgba(25,83,185,1);border:1px solid rgba(56,56,56,0.48);border-radius:20px;">
|
<select name="trains" onchange="showHistoryIMGLayer()" style="margin-bottom: 0px; width:100%; color:#8E8E8E;" id="lsyx_select_input">
|
<option value="2018">2018</option>
|
<option value="2017">2017</option>
|
<option value="2015">2015</option>
|
<option value="2014">2014</option>
|
<option value="2013">2013</option>
|
<option value="2008">2008</option>
|
</select>
|
</div>
|
<div style="display:inline-block;width:30%;"></div>
|
<div style="display:inline-block; margin:5px; width:40%;text-align:center; vertical-align:middle; background:rgba(25,83,185,1); border:1px solid rgba(56,56,56,0.48);border-radius:20px;">
|
<!-- <div style="display:inline-block;margin:5px;cursor:pointer;" onclick="ShowContRast(5)">资源量分析</div> -->
|
<div style="display:inline-block;margin:5px;">|</div>
|
<div style="display:inline-block;margin:5px;cursor:pointer;" onclick="ShowContRast(2)">文件</div>
|
<div style="display:inline-block;margin:5px;">|</div>
|
<div style="display:inline-block;margin:5px;cursor:pointer;" onclick="ShowContRast(3)">对比</div>
|
<div style="display:inline-block;margin:5px;">|</div>
|
<div style="display:inline-block;margin:5px;cursor:pointer;" onclick="ShowContRast(4)">清除</div>
|
</div>
|
</div>
|
</div>
|
<script>
|
var date = new Date();
|
|
|
var year = date.getFullYear(); //获取完整的年份(4位)
|
|
var month = date.getMonth() + 1; //获取当前月份(0-11,0代表1月)
|
|
var day = date.getDate(); //获取当前日(1-31)
|
document.getElementById("nowDate").innerHTML = year + "年" + month + "月" + day + "日";
|
|
function ShowContRast(res) {
|
switch (res) {
|
case 1:
|
window.external.loadMainWebFunc('showContrast', 'l1');
|
break;
|
case 2:
|
window.external.loadMainWebFunc('showContrast', 'l2');
|
break;
|
case 3:
|
window.external.loadMainWebFunc('showContrast', 'l3');
|
break;
|
case 4:
|
window.external.loadMainWebFunc('showContrast', 'l4');
|
break;
|
case 5:
|
window.external.loadMainWebFunc('showContrast', 'r1');
|
break;
|
}
|
}
|
|
function showHistoryIMGLayer() {
|
var value = document.getElementById("lsyx_select_input").value;
|
window.external.loadMainWebFunc('showHistoryIMGLayer', value);
|
}
|
</script>
|
</body>
|
|
</html>
|
