软测单独项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

851 lines
24 KiB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>智慧营区</title>
<link rel="stylesheet" href="../layui/css/layui.css" media="all" />
<link href="css/new_index.css" rel="stylesheet" type="text/css" />
<link href="css/style_work.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-2.1.3.min.js" type="text/javascript"></script>
<script src="../layui/layui.js" type="text/javascript"></script>
<script src="../js/jquery.cookie.js" type="text/javascript"></script>
<style type="text/css">
@media screen and (max-device-width: 10000px) {
html {
width: 100%;
height: 100%;
min-height: 768px;
min-width: 1280px;
overflow: auto;
background-color: #071230;
}
body {
width: 100%;
height: 100%;
min-height: 768px;
min-width: 1280px;
overflow: hidden;
text-align: center;
background: url(image/bg.jpg) no-repeat;
background-size: 100% 100%;
}
.topcontent {
width: 100%;
height: 100px;
}
.topcontent_title {
width: 452px;
height: 50px;
position: absolute;
left: 50%;
margin-left: -226px;
top: 16px;
}
.user {
float: right;
/* width: 180px; */
/*height: 34px;*/
background: url(image/top-user-icon.png) left center no-repeat;
background-position-y: 5px;
line-height: 36px;
padding-left: 32px;
color: #ffffff;
overflow: hidden;
margin-top: 15px;
font-size: 16px;
}
.zh-tuichu {
width: 24px;
height: 24px;
margin-top: 20px;
margin-right: 40px;
margin-left: 30px;
float: right;
}
.maincontent {
width: 100%;
/*height: 60%;*/
margin-top: 160px;
}
.maincontent_left {
height: 59%;
width: 28%;
float: left;
margin-left: 8.5%;
margin-top: 4%;
}
.maincontent_mid {
height: 560px;
width: 560px;
/* float: left; */
position: absolute;
left: 36%;
margin-top: 1%;
z-index: 999;
}
.maincontent_right {
height: 59%;
width: 28%;
float: right;
margin-right: 11%;
margin-top: 4%;
}
.left1 {
width: 585px;
height: 201px;
background: url(image/contentbg1.png) no-repeat;
background-size: 100% 100%;
margin: 10px;
cursor: pointer;
position: absolute;
}
.left1:hover {
width: 585px;
height: 201px;
background: url(image/contentbg1h.png) no-repeat;
background-size: 100% 100%;
margin: 10px;
}
.left2 {
width: 585px;
height: 201px;
background: url(image/contentbg2.png) no-repeat;
background-size: 100% 100%;
margin: 10px;
cursor: pointer;
position: absolute;
margin-top: 230px;
}
.left2:hover {
background: url(image/contentbg2h.png) no-repeat;
}
.right1 {
width: 585px;
height: 130px;
background: url(image/contentbg3.png) no-repeat;
background-size: 100% 100%;
margin: 10px;
cursor: pointer;
position: absolute;
}
.right1:hover {
background: url(image/contentbg3h.png) no-repeat;
}
.right2 {
width: 585px;
height: 130px;
background: url(image/contentbg4.png) no-repeat;
background-size: 100% 100%;
margin: 10px;
cursor: pointer;
position: absolute;
margin-top: 155px;
}
.right2:hover {
background: url(image/contentbg4h.png) no-repeat;
}
.right3 {
width: 585px;
height: 130px;
background: url(image/contentbg5.png) no-repeat;
background-size: 100% 100%;
margin: 10px;
cursor: pointer;
position: absolute;
margin-top: 300px;
}
.right3:hover {
background: url(image/contentbg5h.png) no-repeat;
}
.leftfont {
width: 60%;
float: left;
text-align: right;
height: 60%;
margin-top: 7%;
}
.leftimg {
width: 30%;
float: left;
margin-top: 8%;
}
.rightfont {
width: 60%;
float: left;
text-align: left;
height: 60%;
margin-top: 7%;
}
.rightimg {
width: 30%;
float: left;
margin-top: 4%;
margin-left: 10%;
}
.lcfont {
font-size: 30px;
color: #FFFFFF;
height: 68%;
line-height: 75px;
}
.lefont {
font-size: 14px;
color: #2d78ad;
font-family: 'Arial Rounded MT';
height: 26%;
}
.midimg {
width: 75%;
margin-top: 27%;
}
.midmapimg {
width: 74%;
margin-top: 11%;
margin-left: -485px;
position: absolute;
}
.rcfont {
font-size: 30px;
color: #FFFFFF;
height: 68%;
line-height: 40px;
}
.refont {
font-size: 14px;
color: #2d78ad;
font-family: 'Arial Rounded MT';
height: 26%;
}
::-webkit-scrollbar {
width: 0px;
background-color: #2c597a;
border-radius: 3px;
}
}
@media screen and (max-device-width: 1920px) {
html {
width: 100%;
height: 100%;
min-height: 768px;
min-width: 1280px;
overflow: auto;
background-color: #071230;
}
body {
width: 100%;
height: 100%;
min-height: 768px;
min-width: 1280px;
overflow: hidden;
text-align: center;
background: url(image/bg.jpg) no-repeat;
background-size: 100% 100%;
}
.topcontent {
width: 100%;
height: 100px;
}
.topcontent_title {
width: 452px;
height: 50px;
position: absolute;
left: 50%;
margin-left: -226px;
top: 16px;
}
.user {
float: right;
/* width: 180px; */
/*height: 34px;*/
background: url(image/top-user-icon.png) left center no-repeat;
background-position-y: 5px;
line-height: 36px;
padding-left: 32px;
color: #ffffff;
overflow: hidden;
margin-top: 15px;
font-size: 16px;
}
.zh-tuichu {
width: 24px;
height: 24px;
margin-top: 20px;
margin-right: 40px;
margin-left: 30px;
float: right;
}
.maincontent {
width: 100%;
/*height: 60%;*/
margin-top: 160px;
}
.maincontent_left {
height: 59%;
width: 28%;
float: left;
margin-left: 8.5%;
margin-top: 4%;
}
.maincontent_mid {
height: 560px;
width: 560px;
/* float: left; */
position: absolute;
left: 36%;
margin-top: 1%;
z-index: 999;
}
.maincontent_right {
height: 59%;
width: 28%;
float: right;
margin-right: 11%;
margin-top: 4%;
}
.left1 {
width: 585px;
height: 201px;
background: url(image/contentbg1.png) no-repeat;
background-size: 100% 100%;
margin: 10px;
cursor: pointer;
position: absolute;
}
.left1:hover {
width: 585px;
height: 201px;
background: url(image/contentbg1h.png) no-repeat;
background-size: 100% 100%;
margin: 10px;
}
.left2 {
width: 585px;
height: 201px;
background: url(image/contentbg2.png) no-repeat;
background-size: 100% 100%;
margin: 10px;
cursor: pointer;
position: absolute;
margin-top: 230px;
}
.left2:hover {
background: url(image/contentbg2h.png) no-repeat;
}
.right1 {
width: 585px;
height: 130px;
background: url(image/contentbg3.png) no-repeat;
background-size: 100% 100%;
margin: 10px;
cursor: pointer;
position: absolute;
}
.right1:hover {
background: url(image/contentbg3h.png) no-repeat;
}
.right2 {
width: 585px;
height: 130px;
background: url(image/contentbg4.png) no-repeat;
background-size: 100% 100%;
margin: 10px;
cursor: pointer;
position: absolute;
margin-top: 155px;
}
.right2:hover {
background: url(image/contentbg4h.png) no-repeat;
}
.right3 {
width: 585px;
height: 130px;
background: url(image/contentbg5.png) no-repeat;
background-size: 100% 100%;
margin: 10px;
cursor: pointer;
position: absolute;
margin-top: 300px;
}
.right3:hover {
background: url(image/contentbg5h.png) no-repeat;
}
.leftfont {
width: 60%;
float: left;
text-align: right;
height: 60%;
margin-top: 7%;
}
.leftimg {
width: 30%;
float: left;
margin-top: 8%;
}
.rightfont {
width: 60%;
float: left;
text-align: left;
height: 60%;
margin-top: 7%;
}
.rightimg {
width: 30%;
float: left;
margin-top: 4%;
margin-left: 10%;
}
.lcfont {
font-size: 30px;
color: #FFFFFF;
height: 68%;
line-height: 75px;
}
.lefont {
font-size: 14px;
color: #2d78ad;
font-family: 'Arial Rounded MT';
height: 26%;
}
.midimg {
width: 75%;
margin-top: 27%;
}
.midmapimg {
width: 74%;
margin-top: 11%;
margin-left: -485px;
position: absolute;
}
.rcfont {
font-size: 30px;
color: #FFFFFF;
height: 68%;
line-height: 40px;
}
.refont {
font-size: 14px;
color: #2d78ad;
font-family: 'Arial Rounded MT';
height: 26%;
}
::-webkit-scrollbar {
width: 0px;
background-color: #2c597a;
border-radius: 3px;
}
}
@media screen and (max-device-width: 1366px) {
html {
width: 100%;
height: 100%;
overflow: auto;
background-color: #071230;
}
body {
width: 100%;
height: 100%;
overflow: hidden;
text-align: center;
background: url(image/bg.jpg) no-repeat;
background-size: 100% 100%;
}
.topcontent {
width: 100%;
height: 100px;
}
.topcontent_title {
width: 452px;
height: 50px;
position: absolute;
left: 50%;
margin-left: -226px;
top: 10px;
}
.topimg {
height:30px;
}
.user {
float: right;
/* width: 180px; */
height: 34px;
background: url(image/top-user-icon.png) left center no-repeat;
background-position-y: 5px;
line-height: 36px;
padding-left: 32px;
color: #ffffff;
overflow: hidden;
margin-top: 10px;
font-size: 16px;
}
.zh-tuichu {
width: 24px;
height: 24px;
margin-top: 15px;
margin-right: 40px;
margin-left: 30px;
float: right;
}
.maincontent {
width: 100%;
/*height: 60%;*/
margin-top: 113px;
}
.maincontent_left {
height: 59%;
width: 28%;
float: left;
margin-left: 7.1%;
margin-top: 3.5%;
}
.maincontent_mid {
height: 400px;
width: 400px;
/* float: left; */
position: absolute;
left: 34.5%;
margin-top: -3%;
z-index: 999;
}
.maincontent_right {
height: 59%;
width: 28%;
float: right;
margin-right: 11%;
margin-top: 3.5%;
}
.left1 {
background: url(image/contentbg1.png) no-repeat;
width: 393px;
height: 131px;
background-size: 100% 100%;
margin: -29px 10px 10px 10px;
cursor: pointer;
position: absolute;
}
.left1:hover {
background: url(image/contentbg1h.png) no-repeat;
width: 393px;
height: 131px;
background-size: 100% 100%;
margin: -29px 10px 10px 10px;
cursor: pointer;
position: absolute;
}
.left2 {
background: url(image/contentbg2.png) no-repeat;
width: 393px;
height: 131px;
background-size: 100% 100%;
margin: 10px 10px 10px 10px;
cursor: pointer;
position: absolute;
margin-top: 126px;
}
.left2:hover {
background: url(image/contentbg2h.png) no-repeat;
width: 393px;
height: 131px;
background-size: 100% 100%;
margin: 10px 10px 10px 10px;
cursor: pointer;
position: absolute;
margin-top: 126px;
}
.right1 {
background: url(image/contentbg3.png) no-repeat;
width: 393px;
height: 94px;
background-size: 100% 100%;
margin: -32px 10px 10px 10px;
cursor: pointer;
position: absolute;
}
.right1:hover {
background: url(image/contentbg3h.png) no-repeat;
width: 393px;
height: 94px;
background-size: 100% 100%;
margin: -32px 10px 10px 10px;
cursor: pointer;
position: absolute;
}
.right2 {
background: url(image/contentbg4.png) no-repeat;
width: 393px;
height: 94px;
background-size: 100% 100%;
margin: 10px;
cursor: pointer;
position: absolute;
margin-top: 66px;
}
.right2:hover {
background: url(image/contentbg4h.png) no-repeat;
width: 393px;
height: 94px;
background-size: 100% 100%;
margin: 10px;
cursor: pointer;
position: absolute;
margin-top: 66px;
}
.right3 {
background: url(image/contentbg5.png) no-repeat;
width: 393px;
height: 94px;
background-size: 100% 100%;
margin: 10px;
cursor: pointer;
position: absolute;
margin-top: 164px;
}
.right3:hover {
background: url(image/contentbg5h.png) no-repeat;
width: 393px;
height: 94px;
background-size: 100% 100%;
margin: 10px;
cursor: pointer;
position: absolute;
margin-top: 164px;
}
.leftfont {
width: 60%;
float: left;
text-align: right;
height: 60%;
margin-top: 7%;
}
.leftimg {
width: 30%;
float: left;
margin-top: 8%;
}
.rightfont {
width: 60%;
float: left;
text-align: left;
height: 60%;
margin-top: 7%;
}
.rightimg {
width: 30%;
float: left;
margin-top: 4%;
margin-left: 10%;
}
.lcfont {
font-size: 30px;
color: #FFFFFF;
height: 68%;
line-height: 75px;
}
.lefont {
font-size: 14px;
color: #2d78ad;
font-family: 'Arial Rounded MT';
height: 26%;
}
.midimg {
width: 75%;
margin-top: 27%;
}
.midmapimg {
width: 74%;
margin-top: 11%;
margin-left: -345px;
position: absolute;
}
.rcfont {
font-size: 30px;
color: #FFFFFF;
height: 68%;
line-height: 40px;
}
.refont {
font-size: 14px;
color: #2d78ad;
font-family: 'Arial Rounded MT';
height: 26%;
}
::-webkit-scrollbar {
width: 0px;
background-color: #2c597a;
border-radius: 3px;
}
}
</style>
<script src="js/guidance.js" type="text/javascript"></script>
<script src="js/jQueryRotate.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var angle = 0;
setInterval(function () {
angle += 1;
$("#midimg").rotate(angle);
}, 8);
var OrgCityType = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgCityType;
//alert(OrgCityType);
$("#midmapimg").attr("src", "image/map" + OrgCityType+".png");
});
</script>
</head>
<body>
<div class="topcontent">
<div class="topcontent_title">
<img class="topimg" src="image/logo.png" style="border: none;" />
</div>
<div class="zh-tuichu fr" title="退出" id="imgExit"><a href="#"><img src="image/top-cancel-icon.png" /></a></div>
<div class="user fl"><span id="show_own"></span></div>
</div>
<div class="maincontent">
<div class="maincontent_left">
<div class="left1" onclick="building()">
<div class="leftfont">
<div class="lcfont">智慧党建</div>
<div class="lefont">WISDOM RARTY BUILDING</div>
</div>
<div class="leftimg"> <img src="image/guide-icon1.png" /></div>
</div>
<div class="left2" onclick="rcgl()">
<div class="leftfont">
<div class="lcfont">一体化综合平台</div>
<div class="lefont">INTERGRATED PLATFORM</div>
</div>
<div class="leftimg"><img src="image/guide-icon2.png" /></div>
</div>
</div>
<div class="maincontent_mid">
<img id="midimg" class="midimg" src="image/circular.png" style="width: 100%; height: 100%; margin-top: 0px;" />
<img id="midmapimg" class="midmapimg" src="image/map.png" />
</div>
<div class="maincontent_right">
<div class="right1" onclick="camp()">
<div class="rightimg"> <img src="image/guide-icon3.png" /></div>
<div class="rightfont">
<div class="rcfont">三维可视化</div>
<div class="refont">3D VISUALIZATION</div>
</div>
</div>
<div class="right2" onclick="mhzy()">
<div class="rightimg"><img src="image/guide-icon4.png" /></div>
<div class="rightfont">
<div class="rcfont">战训辅助系统</div>
<div class="refont">AUXILIARY MANAGEMENT OF WAR TRAINING</div>
</div>
</div>
<div class="right3" onclick="test('work')">
<div class="rightimg"><img src="image/guide-icon5.png" /></div>
<div class="rightfont">
<div class="rcfont">火灾预警防控</div>
<div class="refont">FIRE PREVENTION AND CONTRO</div>
</div>
</div>
</div>
</div>
</body>
</html>