<!DOCTYPE html>
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<style type="text/css">
|
* {
|
margin: 0px;
|
padding: 0px;
|
}
|
|
html {
|
height: 100%;
|
width: 100%;
|
}
|
|
body {
|
height: 100%;
|
width: 100%;
|
overflow: hidden;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
background-color: #000000;
|
font-family: 'Microsoft YaHei';
|
}
|
|
.border {
|
margin: 6px;
|
height: calc(100% - 14px );
|
width: calc(100% - 14px );
|
border: solid 1px #4075B4;
|
}
|
|
.content {
|
height: 100%;
|
width: 100%;
|
}
|
|
.FourBorder {
|
position: absolute;
|
margin: -2px;
|
height: calc(100% - 10px );
|
width: calc(100% - 10px );
|
z-index: -1;
|
}
|
|
.topleft {
|
position: absolute;
|
left: 0;
|
top: 0;
|
height: 20px;
|
width: 20px;
|
border-top: solid 2px #0EFCFF;
|
border-left: solid 2px #0EFCFF;
|
}
|
|
.topright {
|
position: absolute;
|
right: 0;
|
top: 0;
|
height: 20px;
|
width: 20px;
|
border-top: solid 2px #0EFCFF;
|
border-right: solid 2px #0EFCFF;
|
}
|
|
.bottomleft {
|
position: absolute;
|
left: 0;
|
bottom: 0;
|
height: 20px;
|
width: 20px;
|
border-bottom: solid 2px #0EFCFF;
|
border-left: solid 2px #0EFCFF;
|
}
|
|
.bottomright {
|
position: absolute;
|
right: 0;
|
bottom: 0;
|
height: 20px;
|
width: 20px;
|
border-bottom: solid 2px #0EFCFF;
|
border-right: solid 2px #0EFCFF;
|
}
|
.top{
|
height: 8%;
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-around;
|
color: #ffffff;
|
}
|
|
|
.checkName{
|
height:20px;
|
width:100%;
|
color:#ffffff;
|
display:flex;
|
flex-direction:row;
|
align-items:center;
|
}
|
.ckDiv{
|
margin-left:15px;
|
margin-right:30px;
|
height:20px;
|
width:20px;
|
background-color:deepskyblue;
|
border-radius:2px;
|
}
|
.center1{
|
height:50px;
|
width:100%;
|
display:flex;
|
flex-direction:row;
|
align-items:center;
|
color:#ffffff;
|
}
|
.ctitle{
|
margin-left:20px;
|
margin-right:20px;
|
}
|
select::-ms-expand {
|
display: none;
|
}
|
|
select {
|
width: 50%;
|
height: 20px;
|
background-color: rgba(0,0,0,0.1);
|
border: solid 1px #FFFFFF;
|
color: #FFFFFF;
|
}
|
|
.op {
|
background-color: rgb(0,0,0);
|
color: #ffffff;
|
}
|
.center2 div {
|
margin-left: 20px;
|
font-size: 14px;
|
width: 90%;
|
height: 35px;
|
display: flex;
|
align-items: center;
|
min-height: 30px;
|
color: #ffffff;
|
}
|
.close img{
|
cursor:pointer;
|
}
|
</style>
|
|
</head>
|
<body>
|
<div class="border">
|
<div class="FourBorder">
|
<div class="topleft"></div>
|
<div class="topright"></div>
|
<div class="bottomleft"></div>
|
<div class="bottomright"></div>
|
</div>
|
<div class="content">
|
<div class="top">
|
<div class="title">原始影像覆盖面积</div>
|
<div class="close" onclick="closeArea()" ><img src="img/关闭.png" /></div>
|
</div>
|
<div class="checkName">
|
|
<span class="ctitle">全选</span>
|
<div class="ckDiv" onclick="checkboxOnclick()"></div>
|
</div>
|
<div class="center1">
|
<span class="ctitle">年份：</span>
|
<select class="year" onchange="changeTime()">
|
</select>
|
</div>
|
<div class="center2">
|
|
</div>
|
</div>
|
</div>
|
<script src="../Commonjs/jquery-1.8.2.min.js"></script>
|
<script src="../Commonjs/GetParm.js"></script>
|
<script src="js/yx.js"></script>
|
</body>
|
</html>
|
