gfwleak/nms-nmsweb
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

拓扑弹框改为layer

Browse Source
This commit is contained in:
chenjinsong
2018-09-29 17:57:32 +08:00
parent d9f76096bc
commit ef1eb126c8
2 changed files with 43 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
WebRoot/main.jsp
View File

@@ -618,29 +618,6 @@ html, body {
%> %>
</div> </div>
</div> </div>
<!-- <div id="nodeList" closed="true">
1为禁止查询，2为可以联想查询 此开关同main.jsp
<input type="hidden" id="lianxiangStatus" value="2" />
<span id="title" class="color_3_tip"
style="width: 100%; display: none; text-align: center;"></span>
<div id="title" class="color_3_tip" style="height: 20px;text-align: center;line-height: 20px">i18n_st.text.policy_n81i</div>
<iframe id="I4" name="I4" height="30%" width="100%" border="0"
style="background: #FFFFFF; display: none;" frameborder="0" src=""
scrolling="no">
i18n_st.message.frameInfo_n81i
</iframe>
<hr id="hr" />
<iframe id="I5" name="I5" height="100%" width="100%" border="0"
style="background: #FFFFFF;" frameborder="0" src="" scrolling="no">
i18n_st.message.frameInfo_n81i
</iframe>
</div>
-->
</div> </div>
<!--中间部分结束--> <!--中间部分结束-->
<div style="clear:both;"></div> <div style="clear:both;"></div>
@@ -649,62 +626,22 @@ html, body {
document.body.style.overflow="hidden"; document.body.style.overflow="hidden";
document.body.style.overflowX="hidden"; document.body.style.overflowX="hidden";
document.body.style.overflowY="hidden"; document.body.style.overflowY="hidden";
/* //以下代码解决了easy-ui报错 can't read property msie of undefined
jQuery.browser={};(function(){jQuery.browser.msie=false; jQuery.browser.version=0;if(navigator.userAgent.match(/MSIE ([0-9]+)./)){ jQuery.browser.msie=true;jQuery.browser.version=RegExp.$1;}})();
$(function(){
//告警节点列表初始化
$("#nodeList").dialog({
title:"i18n_st.nodeList.title_n81i",
resizable:true,
width:1024,
height:600
});
console.log("123213213213")
})
function getDetectInfo(id,type,showStatus){
//根据类型的不同 判断节点或节点组的查询条件
var url ="<c:url value='/detection/monitorData.do?action=query&nodeType=1&requestType=newTopo&nodeGroupId="+id+"'/>";
var url2="<c:url value='/detection/monitorData.do?action=queryEmergentDetail&nodeType=1&requestType=topo&nodeGroupId="+id+"'/>";
if(type==2){
url ="<c:url value='/detection/monitorData.do?action=query&nodeType=2&requestType=newTopo&nodeId="+id+"'/>";
url2="<c:url value='/detection/monitorData.do?action=queryEmergentDetail&nodeType=2&requestType=topo&nodeId="+id+"'/>";
}
//异常情况，显示紧急告警列表，否则不显示
if(showStatus == 1){
$("#title").show();
$("#I4").show();
$("#hr").show();
$("#I4").attr("src",url2);
}else{
$("#title").hide();
$("#I4").hide();
$("#hr").hide();
}
$("#I5").attr("src",url);//由于所有数据列表不会出现隐藏的情况，所以标题的确定就有I5来负责
}
function setDivTitle(groupName) {
if(groupName!='undefined' && groupName!=null && groupName!="") {
$("#nodeList").dialog({
title:groupName+" i18n_st.text.monitorData_n81i"
});
}else {
$("#nodeList").dialog({
title:"i18n_st.text.monitorData_n81i"
});
}
$("#nodeList").dialog("open");
}
// iframe切换关闭拓扑图的节点数据弹出框
function closeTopo(){
$("#nodeList").dialog("close");
} */
</script> </script>
<div id="nodeList" style="display:none;height:100%" scrolling="no">
<!-- 1为禁止查询，2为可以联想查询 此开关同main.jsp-->
<input type="hidden" id="lianxiangStatus" value="2" />
<!--<span id="title" class="color_3_tip"
style="width: 100%; display: none; text-align: center;"></span>-->
<iframe id="I4" name="I4" height="35%" width="100%" border="0"
style="background: #FFFFFF; display: none;" frameborder="0" src=""
scrolling="no">
i18n_st.message.frameInfo_n81i
</iframe>
<hr id="hr" />
<iframe id="I5" name="I5" height="64%" width="100%" border="0"
style="background: #FFFFFF;" frameborder="0" src="" scrolling="auto">
i18n_st.message.frameInfo_n81i
</iframe>
</div>
</body> </body>
</html> </html>

45
WebRoot/page/show/nodeGroup/newShowTopo.jsp
View File

@@ -319,37 +319,46 @@ function newFlexionalLink(nodeA, nodeZ, text, dashedPattern,direction){
$(function(){ $(function(){
//告警节点列表初始化 //告警节点列表初始化
$("#nodeList").dialog({ /* $("#nodeList").dialog({
title:"i18n_st.nodeList.title_n81i", title:"i18n_st.nodeList.title_n81i",
resizable:true, resizable:true,
width:1024, width:1024,
height:600 height:600
}); });
console.log("123213213213") console.log("123213213213") */
}) })
function getDetectInfo(id,type,showStatus){ function getDetectInfo(id,type,showStatus){
//根据类型的不同 判断节点或节点组的查询条件 //根据类型的不同 判断节点或节点组的查询条件
var url ="<c:url value='/detection/monitorData.do?action=query&nodeType=1&requestType=newTopo&nodeGroupId="+id+"'/>"; var url ="<c:url value='/detection/monitorData.do?action=query&nodeType=1&requestType=newTopo&nodeGroupId="+id+"'/>";
var url2="<c:url value='/detection/monitorData.do?action=queryEmergentDetail&nodeType=1&requestType=topo&nodeGroupId="+id+"'/>"; var url2="<c:url value='/detection/monitorData.do?action=queryEmergentDetail&nodeType=1&requestType=topo&nodeGroupId="+id+"'/>";
if(type==2){ if(type==2){
url ="<c:url value='/detection/monitorData.do?action=query&nodeType=2&requestType=newTopo&nodeId="+id+"'/>"; url ="<c:url value='/detection/monitorData.do?action=query&nodeType=2&requestType=newTopo&nodeId="+id+"'/>";
url2="<c:url value='/detection/monitorData.do?action=queryEmergentDetail&nodeType=2&requestType=topo&nodeId="+id+"'/>"; url2="<c:url value='/detection/monitorData.do?action=queryEmergentDetail&nodeType=2&requestType=topo&nodeId="+id+"'/>";
} }
//异常情况，显示紧急告警列表，否则不显示 //异常情况，显示紧急告警列表，否则不显示
if(showStatus == 1){ if(showStatus == 1){
$("#title").show(); //$("#title").show();
$("#I4").show(); top.$("#I4").show();
$("#hr").show(); top.$("#hr").show();
$("#I4").attr("src",url2); top.$("#I4").attr("src",url2);
}else{ }else{
$("#title").hide(); //$("#title").hide();
$("#I4").hide(); top.$("#I4").hide();
$("#hr").hide(); top.$("#hr").hide();
} }
$("#I5").attr("src",url);//由于所有数据列表不会出现隐藏的情况，所以标题的确定就有I5来负责 top.$("#I5").attr("src",url);//由于所有数据列表不会出现隐藏的情况，所以标题的确定就有I5来负责
parent.layer.open({
type: 1,
title: "i18n_st.text.policy_n81i",
area:['1024px', '600px'],
shade: 0.6,
closeBtn: 1,
maxmin:true,
content: top.$("#nodeList")
});
} }