<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<title>专题图层</title>
|
<meta http-equiv="X-UA-Compatible" content="IE=10">
|
|
<link href="http://18.1.1.231/ISView/JS/Plugin/jqwidgets/styles/jqx.base.css" rel="stylesheet" />
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/Plugin/jquery-1.10.2.min.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/Plugin/jqwidgets/jqxcore.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/Plugin/jqwidgets/jqxinput.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/Plugin/jqwidgets/jqxtabs.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/Plugin/jqwidgets/jqxdata.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/Plugin/jqwidgets/jqxscrollbar.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/Plugin/jqwidgets/jqxcheckbox.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/Plugin/jqwidgets/jqxtree.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/Plugin/jqwidgets/jqxbuttons.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/MyPlugin/TJAPP.Common.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/MyPlugin/JqxTreeAPI.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/MyPlugin/SkylineAPI.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/MyPlugin/WebServiceAPI6.5.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/Plugin/loadsh.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/Plugin/jkl-parsexml.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/ZHJC/Common/H_ZtTc.js"></script>
|
<script type="text/javascript" src="http://18.1.1.231/ISView/JS/HYDP/layerAdd.js"></script>
|
<style type="text/css">
|
html, body {
|
margin: 0px;
|
padding: 0px;
|
width: calc(100% - 1px);
|
/*height: calc(100% - 15px);*/
|
font-size: 13px;
|
}
|
|
.jqx-widget-content {
|
-moz-box-sizing: content-box;
|
box-sizing: content-box;
|
-ms-touch-action: none;
|
-moz-background-clip: padding;
|
-webkit-text-size-adjust: none;
|
background-clip: padding-box;
|
-webkit-background-clip: padding-box;
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
font-family: Verdana,Arial,sans-serif;
|
font-style: normal;
|
border-color: transparent;
|
background: none!important;
|
}
|
|
.jqx-tabs-content-element {
|
overflow: hidden;
|
}
|
|
#radioType div {
|
margin-top: 10px;
|
margin-left: 10px;
|
}
|
|
.jqx-tree {
|
border: none!important;
|
}
|
|
#radioType span {
|
height: 30px;
|
line-height: 30px;
|
width: 60px;
|
display: inline-block;
|
}
|
|
#radioType select {
|
width: 100px;
|
height: 30px;
|
line-height: 30px;
|
}
|
|
.tableMessage {
|
float: right;
|
padding: 2px 3px;
|
width: 100px;
|
height: 30px;
|
background: rgba(47, 125, 236, 0.8);
|
outline: none;
|
border: none;
|
border-radius: 3px;
|
color: #ffffff;
|
margin-top: 25px;
|
cursor: pointer;
|
margin-right: 10px;
|
}
|
|
#zttree ul li div.jqx-checkbox {
|
margin-top: 3.5px!important;
|
}
|
|
/*树的hover效果*/
|
.jqx-tree-item-hover {
|
background-color:#434857;
|
}
|
|
/*.jqx-fill-state-hover:active {
|
background-color:#1ca8dd;
|
}*/
|
/*按下去的颜色*/
|
.jqx-fill-state-pressed{
|
background-color:#1ca8dd;
|
}
|
|
html::-webkit-scrollbar {
|
/*滚动条的宽高*/
|
width: 10px;
|
height: 10px !important;
|
}
|
|
html::-webkit-scrollbar-thumb {
|
/*滚动条里面小方块*/
|
border-radius: 10px;
|
background-color: rgb(253, 173, 33);
|
}
|
|
html::-webkit-scrollbar-track {
|
/*滚动条里面轨道*/
|
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
background: #e2d8ad;
|
border-radius: 10px;
|
}
|
|
|
|
|
</style>
|
<script type="text/javascript">
|
var zttcIframe={};
|
var flag=false;
|
var flagcount=0;
|
var checkedItems=[];
|
var layerCol=[];
|
window.onload = function () {
|
console.log(H_ZtTc);
|
|
var urlName = GetQueryString("name");
|
|
//权益界线
|
if (urlName == "12HaiLiXian") {
|
H_ZtTc.InitTree("zttree", "2");
|
//$("#zttree").css("color", "white");
|
} else if (urlName == "SHKYDC") {
|
H_ZtTc.InitTree("zttree", "3");
|
//$("#zttree").css("color", "white");
|
} else if (urlName == "ZXDC") {
|
H_ZtTc.InitTree("zttree", "4");
|
//$("#zttree").css("color", "white");
|
} else if (urlName == "ZZXST") {
|
H_ZtTc.InitTree("zttree", "5");
|
//$("#zttree").css("color", "white");
|
} else if (urlName == "FBCYXSF") {
|
H_ZtTc.InitTree("zttree", "6");
|
//$("#zttree").css("color", "white");
|
} else {
|
//专题图层面板树
|
H_ZtTc.InitTree("zttree", "1");
|
|
}
|
|
setTimeout(function(){
|
oldlayer=parent.window.oldlayer;
|
|
checkedItems = H_ZtTc.JqxTreeApi.GetCheckedItems();
|
checkedItems.forEach(element => {
|
layerCol.push(element.value);
|
});
|
|
if(oldlayer!=layerCol){
|
//modified by qufangxu
|
window.parent.postMessage(layerCol,'http://71.3.21.70:5500');
|
}
|
},60000)
|
|
|
// //删除图层
|
// var oldLayerMes = window.parent.oldLayerMes;
|
// //var obj = parent.parent.document.getElementById("ifrMap").contentWindow;
|
// var cesiumObj = parent.parent.document.getElementById("cesium").contentWindow;
|
// $.each(oldLayerMes, function (key, value) {
|
// obj.checked(value, false);
|
// cesiumObj.layerManage.checkLayer({
|
// id: value.layerId,
|
// url: value.layerUrl
|
// }, false);
|
// });
|
|
|
|
|
|
|
// $.each(checkedItems, function (key, value) {
|
// console.log(key+"\n"+value)
|
|
// })
|
|
//勾选项目后触发加载图层的方法
|
// window.parent.postMessage(checkedItems,'http://127.0.0.1:5500');
|
}
|
window.onunload = function () {
|
//遍历删除tree图层
|
//var zttcIframe = parent.parent.document.getElementById("zttcIframe").contentWindow;
|
//var checkedItems = zttcIframe.H_ZtTc.JqxTreeApi.GetCheckedItems();
|
var checkedItems = H_ZtTc.JqxTreeApi.GetCheckedItems();
|
var obj = parent.parent.document.getElementById("ifrMap").contentWindow;
|
var cesiumObj = parent.parent.document.getElementById("cesium").contentWindow;
|
$.each(checkedItems, function (key, value) {
|
obj.checked(value.value.layerObject, false);
|
cesiumObj.layerManage.checkLayer({
|
id: value.value.layerObject.layerId,
|
url: value.value.layerObject.layerUrl
|
}, false);
|
});
|
}
|
|
|
</script>
|
</head>
|
<body class='default'>
|
<!--<object classid="" style="visibility: hidden; height: 0px; display: none;"></object>-->
|
<object classid="" style="visibility: hidden; height: 0px; display: none;"></object>
|
<div id="zttree" style="width: 100%; height: 100%; overflow-y: auto;"></div>
|
|
</body>
|
</html>
|
