<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml" >
|
<head>
|
<meta charset="UTF-8" />
|
<script th:src="@{${pubzyWebRoot} + 'media/js/jquery-1.11.1.js'}"></script>
|
<script type="text/javascript" th:inline="javascript"></script>
|
<script src="/js/MenHuMore.js"></script>
|
<style>
|
body {
|
margin: 0;
|
background: transparent;
|
font-family: '微软雅黑',"Roboto", sans-serif !important;
|
/*color: #fff;*/
|
}
|
.div_main {
|
width: 100%;
|
height: 100%;
|
padding:17px 0 0 0;
|
}
|
.div_shipin{
|
width:47%;
|
float:left;
|
cursor: pointer;
|
text-align: center;
|
margin-top: 33px;
|
}
|
.div_title {
|
float: left;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
padding: 2px 6px 3px;
|
margin-top: 0px;
|
vertical-align: top;
|
}
|
.div_img {
|
display: inline-block;
|
float: left;
|
}
|
|
.div_main div img {
|
height: 100%;
|
}
|
|
.div_zytitle {
|
float: left;
|
width: 100%;
|
height: 40px;
|
margin-top: 25px;
|
margin-left: 10px;
|
}
|
|
.div_zytitle span {
|
float: left;
|
line-height: 37px;
|
font-size: 22px;
|
margin-left: 23px;
|
color: #4777FF;
|
font-weight: 600;
|
}
|
|
.moreurl {
|
float: left;
|
padding: 0px 5px;
|
background-color: #4777ff;
|
color: white !important;
|
font-size: 15px !important;
|
border-radius: 3px;
|
margin-left: 10px !important;
|
font-weight: normal !important;
|
cursor: pointer;
|
width: 32px;
|
margin-top: 8.8px;
|
}
|
</style>
|
<script type="text/javascript">
|
$(function () {
|
var datas = [
|
{name:'防城港市',id:'45000000001310017658'},
|
{name:'北海桥港',id:'45000000001310015850'},
|
{name:'水沟村码头激光',id:'37000000001310018983'},
|
{name:'高坨子激光',id:'37000000001310011756'},
|
{name:'如东阳光岛',id:'32000000001310010857'},
|
{name:'定海-县级',id:'33090000001310014076'},
|
{name:'防城港市',id:'45000000001310017658'},
|
{name:'电白滨海跨海大桥',id:'44000000001310018220'}
|
// {name:'北海桥港',id:'45000000001310015850'},
|
// {name:'正源商贸码头监控摄像头',id:'44000000001310018168'},
|
// {name:'电白滨海跨海大桥',id:'44000000001310018220'},
|
// {name:'博贺新港区东防波堤',id:'44000000001310018119'},
|
// {name:'博贺新港区仓储物流中心',id:'44000000001310018269'}
|
];
|
var html = "";
|
for(var i = 0;i<datas.length;i++){
|
var name = "";
|
if(datas[i].name.length <= 8) name = datas[i].name;
|
if(datas[i].name.length > 8) name = datas[i].name.substring(0,7) + "...";
|
html+="<div class=\"div_shipin\" onclick=\"openUrl('"+datas[i].id+"')\"><div class=\"div_img\"><img src='/image/NewMenHu/sp_ZhengChang.png'></div>"
|
+"<div class=\"div_title\" title='"+datas[i].name+"'><span style='font-size: 18px;color:#34363f;'>"
|
+name+"</span></div></div>";
|
}
|
$("#shipin").html(html);
|
// more("更多", "http://10.0.4.26:8087/cas/remoteLogin?username=jgzx&password=827ccb0eea8a706c4c34a16891f84e7b&service=http%3A%2F%2F10.0.4.26%2Fvas%2Fweb%2Fembed.action%3FiframeUrl%3Dhttp%253A%252F%252F10.0.4.26%253A80%252Fvas%252Fweb%252Fgis.action%26parentMenuCode%3Dvas_01%26childMenuCode%3Dvas_0103%26iframeTitle%3D%2525E7%252594%2525B5%2525E5%2525AD%252590%2525E5%25259C%2525B0%2525E5%25259B%2525BE", window.location.href); //增加“更多”
|
more("更多", "http://10.0.4.26:8087/cas/remoteLogin?username=jgzx&password=827ccb0eea8a706c4c34a16891f84e7b&service=http%3A%2F%2F10.0.4.26%2Fvas%2Fweb%2Fembed.action%3FiframeUrl%3Dhttp%253A%252F%252F10.0.4.26%253A80%252Fvas%252Fweb%252Fgis.action%26parentMenuCode%3Dvas_01%26childMenuCode%3Dvas_0103%26iframeTitle%3D%2525E7%252594%2525B5%2525E5%2525AD%252590%2525E5%25259C%2525B0%2525E5%25259B%2525BE", "http://www.nmsmp.com:8082/login?oldurl=%252Fres%252FPingTaiMenHu%252FShiPinJianKong_New"); //增加“更多”
|
});
|
|
function openUrl(id){
|
//window.open("http://10.0.4.26:8087/cas/remoteLogin?username=jgzx&password=827ccb0eea8a706c4c34a16891f84e7b&service=http%3A%2F%2F10.0.4.26%2Fvas%2Fweb%2FpreviewCtrl.action%3FwndNum%3D1%26previewType%3D1%26cameraIndexCodes%3D"+id, "_blank");
|
window.open("/res/PingTaiMenHu/ShowShiPin?videoId="+id, "_blank");
|
}
|
|
function moreUrl() {
|
window.open("http://10.0.4.26:8087/cas/remoteLogin?username=jgzx&password=827ccb0eea8a706c4c34a16891f84e7b&service=http%3A%2F%2F10.0.4.26%2Fvas%2Fweb%2Fembed.action%3FiframeUrl%3Dhttp%253A%252F%252F10.0.4.26%253A80%252Fvas%252Fweb%252Fgis.action%26parentMenuCode%3Dvas_01%26childMenuCode%3Dvas_0103%26iframeTitle%3D%2525E7%252594%2525B5%2525E5%2525AD%252590%2525E5%25259C%2525B0%2525E5%25259B%2525BE", "_blank");
|
}
|
</script>
|
</head>
|
<body>
|
<div>
|
<div class="div_zytitle">
|
<span>海域视频监控</span>
|
<div class="moreurl" onclick="moreUrl();">更多</div>
|
</div>
|
<div class="div_main">
|
<div id="shipin" style="margin-left: 36px;"></div>
|
</div>
|
</div>
|
</body>
|
</html>
|
