initial commit
This commit is contained in:
chenjinsong
692
WebRoot/page/detection/addDetecSetInfo.jsp
Normal file
692
WebRoot/page/detection/addDetecSetInfo.jsp
Normal file
@@ -0,0 +1,692 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_adsi.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/js//dtree/css/dtree.css'/>"
|
||||
rel="stylesheet" type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery1.11.3.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/dtree/js/dtree_checkbox.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js' />"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value="/js/fileInput.js"/>"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
|
||||
function add(){
|
||||
if(checkSpecial($("#processIdenName").val())){
|
||||
$("#processIdenName").next().html("i18n_adsi.message.inputInfo_n81i");
|
||||
return;
|
||||
}
|
||||
|
||||
var type = $("#checkTypeId").find("option:selected").val();
|
||||
var startType = $("input[id='isControlStart']:checked").val();
|
||||
var userViewLevel = $("input[type=radio][name='detectionSetInfo.viewLevel']:checked").val();
|
||||
var checkedSize = $("#userEmail input[name=userEmailIds]:checked").size();
|
||||
//alert($("#usergroupid").val());
|
||||
//alert("权限："+userViewLevel);
|
||||
//alert("选中个数"+checkedSize);
|
||||
|
||||
//节点组可以为空，为空表示选择所有的节点组,但是如果选择了节点组，而节点组内无有效的节点，需要提示
|
||||
var nodeGroupsId = jQuery("#groupId").val();//选中节点组
|
||||
if(nodeGroupsId!="") {
|
||||
//当ip为空时，验证所选节点组内是否包含有效节点
|
||||
var nodeIds = jQuery("#nodeIp").val();//节点ids:nodeIds为选中的节点的id（用逗号连接的）
|
||||
if(nodeIds=="") {
|
||||
var validIpFlag = true;
|
||||
jQuery.ajaxSetup({async:false});
|
||||
jQuery.post("<%=path%>/nodeGroupManage/nodeGroupManage!executeAction.do?action=getNodesByNodeGroupId",{"groupId":nodeGroupsId},
|
||||
function(datas){
|
||||
if(datas.length==0){//所选节点组内无有效的节点
|
||||
$("#jdz").html("i18n_adsi.message.noValidNodes_n81i");
|
||||
validIpFlag = false;
|
||||
return false;
|
||||
}
|
||||
},
|
||||
"json");
|
||||
if(!validIpFlag) {return false;}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
if(userViewLevel==2){//组查看
|
||||
if($("#usergroupid").val()==""){
|
||||
$("#usergroupid").next().html("i18n_adsi.message.usergroupid_n81i");
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
//去空格
|
||||
$("#processIden").val($.trim($("#processIden").val()));
|
||||
|
||||
if(false == (
|
||||
$id("processIdenName","","i18n_adsi.message.processIdenName_n81i") && $id("checkTypeId","xz","i18n_adsi.message.checkTypeId_n81i")
|
||||
&& $id("processIden","","i18n_adsi.message.processIden_n81i") && containSpecial1("processIden", "i18n_adsi.message.processIden_n81i")
|
||||
&& $id("checkGap","sz","i18n_adsi.message.checkGapTitle_n81i")
|
||||
&& $id("checkOutTime","sz","i18n_adsi.message.checkOutTime_n81i") && $id("checkMaxTimes","sz","i18n_adsi.message.checkMaxTimes_n81i")
|
||||
)) {
|
||||
return;
|
||||
}
|
||||
if(Number(type)==8){
|
||||
if(Number(type) > 7 && startType == 0){ // 手动启动
|
||||
if(false ==(
|
||||
$id("processFile","","i18n_adsi.message.processFile_n81i")
|
||||
&& $id("processSearchCode","","i18n_adsi.message.processSearchCodeTitle_n81i")
|
||||
)){
|
||||
return;
|
||||
}
|
||||
}
|
||||
if(Number(type) > 7 && startType == 1){ // 单次启动
|
||||
if(false ==(
|
||||
$id("processFile","","i18n_adsi.message.processFile_n81i")
|
||||
&& $id("processSearchCode","","i18n_adsi.message.processSearchCodeTitle_n81i")
|
||||
&& $id("processPath","","i18n_adsi.message.processPathTitle_n81i")
|
||||
)){
|
||||
return;
|
||||
}
|
||||
}
|
||||
if(Number(type) > 7 && startType == 2){ // 周期启动
|
||||
if($("#myFile").val()==''){
|
||||
$("#myFile").next().html("i18n_adsi.message.myFile_n81i");
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* TODO */
|
||||
|
||||
if($("#checkGap").val() >=5){
|
||||
if(userViewLevel!=4 && userViewLevel!=1){//不是自己和无限制
|
||||
if(checkedSize>0){//有选中
|
||||
document.Mkform.action="<%=path%>/detection/detectionSet.do?action=doAdd";
|
||||
document.Mkform.submit();
|
||||
}else{//无选中
|
||||
$("#lxr").html("i18n_adsi.message.leastOneUser_n81i<br>");
|
||||
return;
|
||||
}
|
||||
}else{
|
||||
document.Mkform.action="<%=path%>/detection/detectionSet.do?action=doAdd";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
}else{
|
||||
$("#checkGap").next().html("i18n_adsi.message.checkGapInfo_n81i");
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
//验证非中文和特殊字符
|
||||
function containSpecial1(id,info)
|
||||
{
|
||||
var s = document.getElementById(id).value;
|
||||
var cs = /^\w+$/;
|
||||
resu = cs.test(s);
|
||||
if((cs.test(s))){
|
||||
return true;
|
||||
}else{
|
||||
$("#pIdenFont").html("<div style='display:inline'><font color='red'>i18n_adsi.message.pIdenFont_n81i</font></div>");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function goBack(){
|
||||
window.location="<%=path%>/detection/detectionSet.do?action=query";
|
||||
}
|
||||
|
||||
function sreachNode(ngId){
|
||||
$("#addNip").empty();
|
||||
$("#addNip").append("<option value=''>i18n_adsi.message.selectDefault_n81i</option>");
|
||||
if(ngId!=null && ngId!=""){
|
||||
jQuery.post("<%=path%>/detection/detectionSet.do?action=getAllNode",
|
||||
{"gid":ngId},function(datas){
|
||||
|
||||
$.each(datas, function(k, da) {
|
||||
$("#addNip").append("<option value="+da+">"+da+"</option>");
|
||||
});
|
||||
},"json");
|
||||
}
|
||||
}
|
||||
|
||||
function onLoad(){
|
||||
var checkType = document.Mkform.checkTypeId.value;
|
||||
var startType = $("input[id='isControlStart']:checked").val();
|
||||
var is = $('#checkTypeId').find("option:selected").attr('issn');
|
||||
|
||||
//alert(checkType + "," + startType + "," + is);
|
||||
|
||||
if(checkType <= 7){
|
||||
$(".controlstarts").css('display','none');
|
||||
$(".asd").css('display','none');
|
||||
$(".bsd").css('display','none');
|
||||
$(".dsd").css('display','none');
|
||||
$(".csd").css('display','none');
|
||||
$(".esd").css('display','none');
|
||||
}else if(checkType == 8){
|
||||
$(".controlstarts").removeAttr("style");
|
||||
$(".controlstart3").css('display','none');
|
||||
$(".asd").removeAttr("style");
|
||||
$(".csd").removeAttr("style");
|
||||
$(".esd").css('display','none');
|
||||
if(startType==1){
|
||||
$(".bsd").removeAttr("style");
|
||||
$(".dsd").removeAttr("style");
|
||||
} else if(startType==0){
|
||||
$(".bsd").css('display','none');
|
||||
$(".dsd").css('display','none');
|
||||
}
|
||||
}else{ //大于8 不是默认的
|
||||
if(!is || is=="2"){//不是SNMP
|
||||
$(".controlstarts").removeAttr("style");
|
||||
$(".controlstart3").removeAttr("style");
|
||||
if(startType==0) {
|
||||
$(".asd").removeAttr("style");
|
||||
$(".csd").removeAttr("style");
|
||||
$(".bsd").css('display','none');
|
||||
$(".dsd").css('display','none');
|
||||
$(".esd").css('display','none');
|
||||
} else if(startType==1) {
|
||||
$(".asd").removeAttr("style");
|
||||
$(".bsd").removeAttr("style");
|
||||
$(".dsd").removeAttr("style");
|
||||
$(".csd").removeAttr("style");
|
||||
$(".esd").css('display','none');
|
||||
} else if(startType==2) {
|
||||
$(".bsd").removeAttr("style");
|
||||
$(".esd").removeAttr("style");
|
||||
$(".asd").css('display','none');
|
||||
$(".csd").css('display','none');
|
||||
$(".dsd").css('display','none');
|
||||
}
|
||||
} else { // SNMP
|
||||
$(".controlstarts").css('display','none');
|
||||
$(".asd").css('display','none');
|
||||
$(".bsd").css('display','none');
|
||||
$(".dsd").css('display','none');
|
||||
$(".csd").css('display','none');
|
||||
$(".esd").css('display','none');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$(function(){
|
||||
$("#checkTypeId").change(function(){
|
||||
$("#jj").text("*");
|
||||
var startType = $("input[id='isControlStart']:checked").val();
|
||||
var selId=$(this).val();
|
||||
var is = $(this).find("option:selected").attr('issn');
|
||||
$("#cpId").val(selId);
|
||||
|
||||
if(selId <= 7){
|
||||
$("input[id='isControlStart'][value=1]").attr('checked','checked');
|
||||
$("#isSnmpType").val("n");
|
||||
|
||||
} else if(selId == 8){//默认的进程
|
||||
$("input[id='isControlStart'][value=0]").attr('checked','checked');
|
||||
$("#isSnmpType").val("n");
|
||||
|
||||
} else{//大于8 不是默认的，判断是否为SNMP监控
|
||||
|
||||
if(!is || is=="2"){//不是SNMP
|
||||
$("input[id='isControlStart'][value=2]").attr('checked','checked');
|
||||
$("#isSnmpType").val("n");
|
||||
|
||||
}else{ // SNMP
|
||||
$("input[id='isControlStart'][value=0]").attr('checked','checked');
|
||||
$("#isSnmpType").val("y");
|
||||
}
|
||||
}
|
||||
|
||||
onLoad();
|
||||
})
|
||||
|
||||
//jQuery("td[id=viewLevel0]").attr('colspan',3).addClass('td_2').removeClass('td_3');
|
||||
//-- 查看权限事件绑定
|
||||
jQuery("input[type=radio][name='detectionSetInfo.viewLevel']").click(function(){
|
||||
if(jQuery(this).val() == 1){ //个人
|
||||
//隐藏用户组选项
|
||||
jQuery("#usergroupid").val("");
|
||||
jQuery("td[id=usergroup]").hide();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',3).addClass('td_2').removeClass('td_3');
|
||||
//隐藏联系人选项 但进行默认选择
|
||||
$("#userEmail_Line").hide();
|
||||
$.post("<%=path%>/detection/detectionSet.do?action=queryUserInfo",{viewType:$(this).val()},function(datas){viewUserEmail(datas);},"json");
|
||||
}else if(jQuery(this).val() == 2){ //用户组显示且必选
|
||||
//显示 用户组选项
|
||||
jQuery("#usergroupid").val("");
|
||||
jQuery("td[id=usergroup]").show();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',1).addClass('td_3').removeClass('td_2');
|
||||
//显示联系人 清空联系人选项
|
||||
$("#userEmail_Line").show();
|
||||
$("#userEmail").text("");
|
||||
jQuery("#usergroupid").trigger('change');
|
||||
}else if(jQuery(this).val() ==3){ //系统
|
||||
//隐藏用户组选项
|
||||
jQuery("#usergroupid").val("");
|
||||
jQuery("td[id=usergroup]").hide();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',3).addClass('td_2').removeClass('td_3');
|
||||
//显示联系人 清空联系人选项
|
||||
$("#userEmail_Line").show();
|
||||
$("#userEmail").text("");
|
||||
//请求获取用户Email信息 默认全选
|
||||
$.post("<%=path%>/detection/detectionSet.do?action=queryUserInfo",{viewType:$(this).val()},function(datas){viewUserEmail(datas);},"json");
|
||||
}else if(jQuery(this).val() ==4){
|
||||
//隐藏用户组选项
|
||||
jQuery("#usergroupid").val("");
|
||||
jQuery("td[id=usergroup]").hide();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',3).addClass('td_2').removeClass('td_3');
|
||||
//隐藏联系人选项 并清空内容
|
||||
$("#userEmail_Line").hide();
|
||||
$("#userEmail").text("");
|
||||
}
|
||||
});
|
||||
$("#usergroupid").bind({change:function(){
|
||||
if($("#usergroupid").val() != ""){
|
||||
$.post("<%=path%>/detection/detectionSet.do?action=queryUserInfo",{viewType:$("input[type=radio][name='detectionSetInfo.viewLevel']:checked").val(),userGroupId:$("#usergroupid").val()},function(datas){viewUserEmail(datas);},"json");
|
||||
}else{
|
||||
$("#userEmail").text("");
|
||||
}
|
||||
}})
|
||||
function viewUserEmail(datas){
|
||||
$("#userEmail").text("");
|
||||
if(datas!=null){
|
||||
for(var i = 0;i<datas.length;i++){
|
||||
$("#userEmail").append("<span title='"+datas[i].email+"' ><input type='checkbox' name='userEmailIds' value='"+datas[i].yhid+"' /> "+datas[i].yhmc+"</span>");
|
||||
if(i!=0&&i%10==0){$("#userEmail").append("<br />")}
|
||||
}
|
||||
$("#userEmail span").attr("width",'100px');
|
||||
}
|
||||
$("input[type='checkbox'][name='checkAll']").attr('checked',true);
|
||||
$("#userEmail input[type='checkbox']").attr('checked',true);
|
||||
}
|
||||
//指定联系人 绑定click事件
|
||||
$("input[type='checkbox'][ name='checkAll']").bind({
|
||||
click:function(){
|
||||
//if($(this).val()==1){//全选
|
||||
//$(this).next().attr('checked',false);
|
||||
$("#userEmail input[type='checkbox']").attr('checked',$(this).attr('checked'));
|
||||
//}else{//反选
|
||||
//}
|
||||
}
|
||||
});
|
||||
$("#userEmail span input[type='checkbox']").on(
|
||||
'click',function(){
|
||||
if($("#userEmail input[type='checkbox']").size()==$("#userEmail input[type='checkbox']:checked").size()){ //达成全选
|
||||
$("input[type='checkbox'][ name='checkAll']:first").attr('checked',true);
|
||||
}else{ //未达成全选
|
||||
$("input[type='checkbox'][ name='checkAll']:first").attr('checked',false);
|
||||
}
|
||||
});
|
||||
jQuery("input[type=radio][name='detectionSetInfo.viewLevel']:first").trigger('click');
|
||||
})
|
||||
$(document).ready(function(){
|
||||
$(".controlstart").change(function(){
|
||||
onLoad();
|
||||
})
|
||||
})
|
||||
|
||||
//选择节点组---begin
|
||||
function selectNodeAndNodeGroup() {
|
||||
var type = $("#checkTypeId").find("option:selected").val();//所选监测类别
|
||||
if(type == null || type ==""){
|
||||
$("#jj").text("i18n_adsi.message.monitorCategory_n81i");
|
||||
return;
|
||||
}
|
||||
var groupId = jQuery("#groupId").val();//选中节点组
|
||||
var nodeId = jQuery("#nodeIp").val();//选中ip
|
||||
var url = "<%=path%>/nodeGroupManage/nodeGroupManage!executeAction.do?action=toSelectNodeAndNodeGroup&groupId="+groupId+"&nodeId="+nodeId; //转向网页的地址;
|
||||
var name;
|
||||
//改为layer-20180831-chenjs---
|
||||
parent.layer.open({
|
||||
type: 2,
|
||||
title: "i18n_tsnang.text.selectNodeGroup_n81i",
|
||||
area:['850px', '610px'],
|
||||
shade: 0.6,
|
||||
closeBtn: 1,
|
||||
maxmin:true,
|
||||
content: url
|
||||
});
|
||||
|
||||
|
||||
/* if(window.hasOpenWindow){
|
||||
window.newWindow.focus();
|
||||
}
|
||||
var openOption = 'width=850px,height=560px,left='+(window.screen.width-850)/2+',top='+(window.screen.height-30-650)/2;
|
||||
window.hasOpenWindow = true;
|
||||
window.newWindow = window.open(url,name,openOption);
|
||||
var loop = setInterval(function(){
|
||||
if(newWindow.closed) {
|
||||
clearInterval(loop);
|
||||
top.$("#ly").css("display", "none");
|
||||
}
|
||||
}, 500);
|
||||
|
||||
top.$("#ly").css("display", "block");
|
||||
top.$("#ly").width(parent.document.body.clientWidth);
|
||||
top.$("#ly").height(parent.document.body.clientHeight); */
|
||||
|
||||
/* document.all.ly.style.display="block";
|
||||
document.all.ly.style.width=document.body.clientWidth;
|
||||
document.all.ly.style.height=document.body.clientHeight; */
|
||||
}
|
||||
|
||||
function reciveNodeAndNodeGroup(nodeGroupIds,nodeGroupNames,nodeIds,nodeIps){
|
||||
document.getElementById("groupIdShow").value = nodeGroupNames;//节点组名称s
|
||||
document.getElementById("groupId").value = nodeGroupIds;//节点组ids
|
||||
document.getElementById("nodeIpShow").value = nodeIps;//节点ips
|
||||
document.getElementById("nodeIp").value = nodeIds;//节点ids:nodeIds为选中的节点的id（用逗号连接的）
|
||||
}
|
||||
//选择节点组---end
|
||||
|
||||
</script>
|
||||
<body onload=onLoad()>
|
||||
<div class="middle_list" >
|
||||
<div class="box_2" style="height: 22px">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_adsi.button.back_n81i"/>
|
||||
</div>
|
||||
<input type="hidden" id="cpId"/>
|
||||
<form action="" name="Mkform" id="Mkform" method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="ip" id="ip" value="${ip }" />
|
||||
<input type="hidden" name="ctn" id="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<input type="hidden" name="fromWhere" value="${fromWhere }"/>
|
||||
<input type="hidden" id="fw" value="detecSetAdd"/>
|
||||
<input type="hidden" id="isSnmpType" value=""/>
|
||||
<div style="clear: both"></div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table">
|
||||
<tr>
|
||||
<td colspan="4" class="color_8">
|
||||
<strong>i18n_adsi.text.title_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_adsi.message.processIdenName_n81i
|
||||
</td>
|
||||
<td class="color_3" width="20%" align="left">
|
||||
<input type="text" name="detectionSetInfo.processIdenName" id="processIdenName" value="" />
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_adsi.message.processIden_n81i
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
<input type="text" name="detectionSetInfo.processIden" id="processIden" value="${detectSetIden }"/>
|
||||
<font id="pIdenFont" color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_adsi.message.checkTypeId_n81i
|
||||
</td>
|
||||
<td class="color_6" align="left" colspan="3">
|
||||
<select name="detectionSetInfo.checkTypeInfo.id" id="checkTypeId">
|
||||
<option value="">
|
||||
i18n_adsi.message.selectDefault_n81i
|
||||
</option>
|
||||
<c:if test="${fn:length(allCheckTypeInfo) > 0}">
|
||||
<c:set var="isSchedule0" value="0"/>
|
||||
<c:forEach items="${allCheckTypeInfo}" var="checkType">
|
||||
<c:if test="${checkType.isSchedule != isSchedule0 }">
|
||||
<option style="height: 2px;" disabled="disabled">--------------------</option>
|
||||
<c:set var="isSchedule0" value="${checkType.isSchedule}"/>
|
||||
</c:if>
|
||||
<option value="${checkType.id}" issn="${checkType.isSnmp }">
|
||||
${checkType.checkTypeName1}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
</select>
|
||||
<font id="jj" color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_adsi.text.nodeGroup_n81i
|
||||
</td>
|
||||
<td class="color_6" width="30%" align="left">
|
||||
<!-- <select name="detectionSetInfo.nodegroup.groupId" id="groupId" onchange="sreachNode(this.value);">
|
||||
<option value="">
|
||||
i18n_adsi.message.selectDefault_n81i
|
||||
</option>
|
||||
<c:if test="${fn:length(nodeGroupList) > 0}">
|
||||
<c:forEach items="${nodeGroupList}" var="nodeGroup">
|
||||
<option value="${nodeGroup.groupId}">${nodeGroup.groupName}</option>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
</select> -->
|
||||
<input type="text" name="groupIdShow" id="groupIdShow" readonly="readonly" value=""/>
|
||||
<input type="hidden" name="detectionSetInfo.nodeGroupsId" id="groupId" value=""/>
|
||||
<input type="button" value="i18n_adsi.button.select_n81i" onclick="selectNodeAndNodeGroup()"
|
||||
class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
/>
|
||||
<font color="red" id="jdz"></font>
|
||||
</td>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_adsi.text.nodeIp_n81i
|
||||
</td>
|
||||
<td class="color_6" width="30%" align="left">
|
||||
<input type="text" name="detectionSetInfo.nodeIpsName" id="nodeIpShow" readonly="readonly" value=""/>
|
||||
<input type="hidden" name="detectionSetInfo.nodeIpsId" id="nodeIp" value=""/>
|
||||
<!-- <select name="detectionSetInfo.nodeIp" id="addNip">
|
||||
</select> -->
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="td_1">i18n_adsi.text.viewLevel_n81i</td>
|
||||
<td class="td_3" id="viewLevel0">
|
||||
<c:if test="${!ADMFlag }">
|
||||
<input type="radio" name="detectionSetInfo.viewLevel" id="" value="1" checked="checked" />i18n_adsi.message.publisher_n81i
|
||||
<input type="radio" name="detectionSetInfo.viewLevel" id="viewLevel2" value="2" />i18n_adsi.message.publisherGroup_n81i
|
||||
<input type="radio" name="detectionSetInfo.viewLevel" id="" value="3" />i18n_adsi.message.allInSys_n81i
|
||||
</c:if>
|
||||
<c:if test="${ADMFlag }">
|
||||
<input type="radio" name="detectionSetInfo.viewLevel" id="" value="4" checked="checked"/>i18n_adsi.message.unlimited_n81i
|
||||
</c:if>
|
||||
</td>
|
||||
<td class="td_1" id="usergroup">i18n_adsi.text.userGroup_n81i</td>
|
||||
<td class="td_2" id="usergroup">
|
||||
<select name="detectionSetInfo.createUserGroupId" id="usergroupid">
|
||||
<option selected="selected" value="">
|
||||
i18n_adsi.message.usergroupid_n81i
|
||||
</option>
|
||||
<c:forEach items="${setxtjs}" var="stjs">
|
||||
<option value="${stjs.jsbh}">
|
||||
${stjs.jsmc}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
<font color="red" id="group_red">* </font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_adsi.text.planCheckTime_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input name="detectionSetInfo.planCheckTime"
|
||||
id="planCheckTime" type="text" readonly
|
||||
onclick="SelectDate(this,'yyyy-MM-dd hh:mm:ss',${session.i18n_lang == 'zh_CN'?0:1})"/>
|
||||
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_adsi.text.checkGap_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="detectionSetInfo.checkGap"
|
||||
id="checkGap" value="15"/>
|
||||
<font color="red">*i18n_adsi.message.checkGapInfo_n81i</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<!--
|
||||
<td class="color_1" align="right">
|
||||
上传监测数据时间间隔(分钟)
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="detectionSetInfo.uploadGap"
|
||||
id="uploadGap" value="15"/>
|
||||
<font color="red">*间隔必须大于或等于5分钟</font>
|
||||
</td>
|
||||
-->
|
||||
<td class="color_1" align="right">
|
||||
i18n_adsi.text.checkOutTime_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="detectionSetInfo.checkOutTime" id="checkOutTime" value="0"/>
|
||||
<font color="red"><span class="STYLE1">*</span> </font>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_adsi.text.checkMaxTimes_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="detectionSetInfo.checkMaxTimes" id="checkMaxTimes" value="3"/>
|
||||
<font color="red"><span class="STYLE1">*</span> </font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_adsi.text.state_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
i18n_adsi.text.runAble_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="controlstarts">
|
||||
<td class="color_1" align="right">
|
||||
i18n_adsi.text.controlstart_n81i
|
||||
</td>
|
||||
<%-- TODO --%>
|
||||
<td class="color_6" colspan="3" align="left">
|
||||
<input type="radio" name="detectionSetInfo.isControlStart"
|
||||
id="isControlStart" value="0" checked="checked" class="controlstart" />i18n_adsi.message.manually_n81i
|
||||
<input type="radio" name="detectionSetInfo.isControlStart"
|
||||
id="isControlStart" value="1" class="controlstart" />i18n_adsi.message.singleStart_n81i
|
||||
<span class="controlstart3">
|
||||
<input type="radio" name="detectionSetInfo.isControlStart"
|
||||
id="isControlStart" value="2" class="controlstart" />i18n_adsi.message.cycleStart_n81i</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bsd">
|
||||
<td class="color_1" align="right">
|
||||
i18n_adsi.text.controlStartTime_n81i
|
||||
</td>
|
||||
<td class="color_3" colspan="3" align="left">
|
||||
<input name="detectionSetInfo.controlStartTime"
|
||||
id="controlStartTime" type="text" readonly
|
||||
onclick="SelectDate(this,'yyyy-MM-dd hh:mm:ss',${session.i18n_lang == 'zh_CN'?0:1})"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="asd">
|
||||
<td class="color_1" align="right">
|
||||
i18n_adsi.message.processFile_n81i
|
||||
</td>
|
||||
<td class="color_3" colspan="3" align="left">
|
||||
<input type="text" name="detectionSetInfo.processFile" id="processFile" value=""/>
|
||||
<font color="red">*</font>
|
||||
<!-- <input type="file" id="processFile" value="" name="deteProcessFile" class="filebtn1"/>
|
||||
<input type="hidden" id="ppPath" name="detectionSetInfo.processFile"/> -->
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="csd">
|
||||
<td class="color_1" align="right">
|
||||
i18n_adsi.message.processSearchCodeTitle_n81i
|
||||
</td>
|
||||
<td class="color_3" colspan="3" align="left">
|
||||
<input type="text" name="detectionSetInfo.processSearchCode" id="processSearchCode" value=""/>
|
||||
<font color="red">*i18n_adsi.message.processSearchCode_n81i</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="dsd">
|
||||
<td class="color_1" align="right">
|
||||
i18n_adsi.message.processPathTitle_n81i
|
||||
</td>
|
||||
<td class="color_3" colspan="3" align="left">
|
||||
<input type="text" name="detectionSetInfo.processPath" id="processPath" value=""/>
|
||||
<font color="red">* i18n_adsi.message.processPath_n81i</font>
|
||||
</td>
|
||||
</tr>
|
||||
<%-- TODO --%>
|
||||
<tr class="esd">
|
||||
<td class="color_1" align="right">
|
||||
i18n_adsi.text.myFile_n81i
|
||||
</td>
|
||||
<td class="color_3" colspan="3" align="left">
|
||||
<input type="button" value="i18n_adsi.text.myFile_n81i" title="i18n_adsi.text.myFile_n81i" class="btn3_mouseout" onclick="javascript:uploadFile(this)"/>
|
||||
<input type="file" name="myFile" id="myFile" value="" onchange="javascript:setValue(this.value)"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<c:if test="${session.emailFlag==0 }">
|
||||
<tr id="userEmail_Line">
|
||||
<td class="color_1" align="right">
|
||||
i18n_adsi.text.user_n81i
|
||||
</td>
|
||||
<td class="color_3" colspan="3" align="left">
|
||||
<font color="red" id ="lxr"></font>
|
||||
<input type="checkbox" name="checkAll" value="1" /> i18n_adsi.message.checkAll_n81i
|
||||
<!--
|
||||
<input type="button" name="checkOther" value="反选" />
|
||||
-->
|
||||
<div id="userEmail" style="width: 100%;height: 50px; overflow-y: scroll; word-wrap: break-word;word-break:normal; ">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="color_7" colspan="4" align="right">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'" onclick="add()" value="i18n_adsi.button.submit_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:document.forms['Mkform'].reset()" value="i18n_adsi.button.reset_n81i"/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
318
WebRoot/page/detection/checkType/addCheckTypeSetInfo.jsp
Normal file
318
WebRoot/page/detection/checkType/addCheckTypeSetInfo.jsp
Normal file
@@ -0,0 +1,318 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_actsi.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/js//dtree/css/dtree.css'/>"
|
||||
rel="stylesheet" type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/dtree/js/dtree_checkbox.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
function add(){
|
||||
$('#tnts').text("");
|
||||
$('#cnts').text("");
|
||||
$('#cnl').text("");
|
||||
$('#cnll').text("");
|
||||
$('#tnl').text("");
|
||||
$("#oidFont").attr('color','red');
|
||||
if($id("checkTypeName1","","i18n_actsi.text.checkTypeName1_n81i") && $id("checkTypeName","","i18n_actsi.text.checkTypeName_n81i")&& $id("tableName","","i18n_actsi.text.tableName_n81i")){
|
||||
if(containSpecial($("#checkTypeName1").val())){
|
||||
$("#checkTypeName1").next().html("i18n_actsi.text.checkTypeName1.hasSpecialChar_n81i");
|
||||
return;
|
||||
}
|
||||
if(containSpecial1($("#checkTypeName").val())){//判断是否包含特殊字符和中文
|
||||
if($("#checkTypeName").val().length<64 && $("#tableName").val().length<=20){
|
||||
if($("#tableName").val()=='DI_'){
|
||||
$("#tableName").next().html("i18n_actsi.text.tableName.enterDBName_n81i");
|
||||
return;
|
||||
}
|
||||
if(containSpecial($("#tableName").val())){
|
||||
$("#tableName").next().html("i18n_actsi.text.tableName.tabSpecialChar_n81i");
|
||||
$("#tableName").val('DI_');
|
||||
return;
|
||||
}
|
||||
if(!containSpecial1($("#tableName").val())){
|
||||
$("#tableName").next().html("i18n_actsi.text.tableName.tabHasZh_n81i");
|
||||
$("#tableName").val('DI_');
|
||||
return;
|
||||
}
|
||||
if(jQuery("#viewLevel2").attr('checked')==true){
|
||||
if($id("usergroupid","xz","i18n_actsi.text.usergroup_n81i")){
|
||||
if(jQuery("#isSnmp0").attr('checked')==true){
|
||||
if($id("snmpOID","","OID") && checkOID($("#snmpOID").val())){
|
||||
document.Mkform.action="<%=path%>/detection/checkTypeSet.do?action=doAdd";
|
||||
document.Mkform.submit();
|
||||
}else{
|
||||
$("#oidFont").text("i18n_actsi.text.oidFont_n81i");
|
||||
$("#snmpOID").val("");
|
||||
$("#snmpOID").focus();
|
||||
return;
|
||||
}
|
||||
}else{
|
||||
document.Mkform.action="<%=path%>/detection/checkTypeSet.do?action=doAdd";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
}
|
||||
}else{
|
||||
if(jQuery("#isSnmp0").attr('checked')==true){
|
||||
if($id("snmpOID","","OID") && checkOID($("#snmpOID").val())){
|
||||
document.Mkform.action="<%=path%>/detection/checkTypeSet.do?action=doAdd";
|
||||
document.Mkform.submit();
|
||||
}else{
|
||||
$("#oidFont").text("i18n_actsi.text.oidFont_n81i");
|
||||
$("#snmpOID").val("");
|
||||
$("#snmpOID").focus();
|
||||
return;
|
||||
}
|
||||
}else{
|
||||
document.Mkform.action="<%=path%>/detection/checkTypeSet.do?action=doAdd";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
}
|
||||
}else{
|
||||
if($("#checkTypeName").val().length>63){
|
||||
$("#ctypeName").html("i18n_actsi.text.ctypeName.exception1_n81i");
|
||||
}
|
||||
if($("#tableName").val().length>20){
|
||||
$("#tableNameFont").html("i18n_actsi.text.tableNameFont.exception_n81i");
|
||||
}
|
||||
}
|
||||
}else{
|
||||
$("#ctypeName").html("i18n_actsi.text.ctypeName.exception2_n81i");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function goBack(){
|
||||
document.Mkform.action="<%=path%>/detection/checkTypeSet.do?action=query";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
//验证非中文和特殊字符
|
||||
function containSpecial1(s)
|
||||
{
|
||||
var cs = /^\w+$/;
|
||||
resu = cs.test(s);
|
||||
return (cs.test(s));
|
||||
}
|
||||
//验证oid
|
||||
function checkOID(oid){
|
||||
var cs = /^([1-9]|\.)([\d\.]+\d)?$/;
|
||||
var resu = cs.test(oid);
|
||||
return resu;
|
||||
}
|
||||
jQuery(function(){
|
||||
jQuery("td[id=usergroup]").hide();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan','3').addClass('td_3').removeClass('td_2');
|
||||
if($("#isSnmp0").attr('checked')==true ||$("#isSnmp1").attr('checked')==true){ //oid显示且必选
|
||||
jQuery("td[id=oid]").show();
|
||||
jQuery("td[id=snmp]").attr('colspan',1).addClass('td_3').removeClass('td_2');
|
||||
}else{
|
||||
jQuery("td[id=oid]").hide();
|
||||
jQuery("td[id=snmp]").attr('colspan',3).addClass('td_2').removeClass('td_3');
|
||||
}
|
||||
//-- 查看权限事件绑定
|
||||
jQuery("input[type=radio][name=checkTypeInfo.viewLevel]").click(function(){
|
||||
if(jQuery(this).val() == 2){ //用户组显示且必选
|
||||
jQuery("td[id=usergroup]").show();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',1).addClass('td_3').removeClass('td_2');
|
||||
}else{ //用户组隐藏
|
||||
jQuery("td[id=usergroup]").hide();
|
||||
jQuery("#usergroupid").val("");
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',3).addClass('td_2').removeClass('td_3');
|
||||
}
|
||||
});
|
||||
//-- 是否为snmp监控事件绑定
|
||||
jQuery("input[type=radio][name=checkTypeInfo.isSnmp]").click(function(){
|
||||
if(jQuery(this).val() == 0 || jQuery(this).val() == 1){ //oid显示且必选
|
||||
jQuery("td[id=oid]").show();
|
||||
jQuery("td[id=snmp]").attr('colspan',1).addClass('td_3').removeClass('td_2');
|
||||
}else{ //用户组隐藏
|
||||
jQuery("td[id=oid]").hide();
|
||||
jQuery("#snmpOID").val("");
|
||||
jQuery("td[id=snmp]").attr('colspan',3).addClass('td_2').removeClass('td_3');
|
||||
}
|
||||
});
|
||||
//--验证OID失去焦点事件
|
||||
$("#snmpOID").focusout(function() {
|
||||
if($("#snmpOID").val()!="" && checkOID($("#snmpOID").val())){
|
||||
$("#oidFont").attr('color','#009900').text("OIDi18n_actsi.text.lawful_n81i");
|
||||
}
|
||||
});
|
||||
|
||||
})
|
||||
</script>
|
||||
<body>
|
||||
<div class="middle_list" >
|
||||
<div class="box_2">
|
||||
<input type="button" class="btn3_mouseout"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_actsi.button.back_n81i"/>
|
||||
</div>
|
||||
<form action="" name="Mkform" method="post">
|
||||
<input type="hidden" name="ctn" id="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<input type="hidden" name="fromWhere" value="${fromWhere }"/>
|
||||
<div style="clear: both"></div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table">
|
||||
<tr>
|
||||
<td colspan="4" class="color_8">
|
||||
<strong>i18n_actsi.text.addCheckType_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="15%" align="right" nowrap="nowrap">
|
||||
i18n_actsi.text.checkTypeName1_n81i
|
||||
</td>
|
||||
<td class="color_3" width="30%" align="left">
|
||||
<input type="text" name="checkTypeInfo.checkTypeName1" id="checkTypeName1"/>
|
||||
<font color="red">*</font>
|
||||
|
||||
</td>
|
||||
<td class="color_1" width="10%" align="right" nowrap="nowrap">
|
||||
i18n_actsi.text.checkTypeName_n81i
|
||||
</td>
|
||||
<td class="color_3" width="35%" align="left">
|
||||
<input type="text" name="checkTypeInfo.checkTypeName" id="checkTypeName" value="${checkTypeIden }"/>
|
||||
<font id="ctypeName" color="red">*</font>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right" nowrap="nowrap">
|
||||
i18n_actsi.text.tableName_n81i
|
||||
</td>
|
||||
<td class="color_3" width="30%" align="left">
|
||||
<input type="text" name="checkTypeInfo.tableName"
|
||||
id="tableName" value="DI_"/>
|
||||
<font id="tableNameFont" color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" align="right" valign="top" nowrap="nowrap">
|
||||
i18n_actsi.text.tableDesc_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="checkTypeInfo.tableComments"
|
||||
id="tableName" />
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="td_1" nowrap="nowrap">i18n_actsi.text.viewPrivilege_n81i</td>
|
||||
<td class="td_3" id="viewLevel0">
|
||||
<c:if test="${!ADMFlag }">
|
||||
<input type="radio" name="checkTypeInfo.viewLevel" id="" value="1" checked="checked" />i18n_actsi.text.viewPrivilege.publisher_n81i
|
||||
<input type="radio" name="checkTypeInfo.viewLevel" id="viewLevel2" value="2" />i18n_actsi.text.viewPrivilege.publisherGroup_n81i
|
||||
<input type="radio" name="checkTypeInfo.viewLevel" id="" value="3" />i18n_actsi.text.viewPrivilege.allInSys_n81i
|
||||
</c:if>
|
||||
<c:if test="${ADMFlag }">
|
||||
<input type="radio" name="checkTypeInfo.viewLevel" id="" value="4" checked="checked"/>i18n_actsi.text.viewPrivilege.unlimited_n81i
|
||||
</c:if>
|
||||
</td>
|
||||
<td class="td_1" id="usergroup">i18n_actsi.text.usergroup1_n81i</td>
|
||||
<td class="td_2" id="usergroup">
|
||||
<select name="checkTypeInfo.groupId" id="usergroupid">
|
||||
<option selected="selected" value="">
|
||||
i18n_actsi.text.selectUserGroup_n81i
|
||||
</option>
|
||||
<c:forEach items="${setxtjs}" var="stjs">
|
||||
<option value="${stjs.jsbh}">
|
||||
${stjs.jsmc}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
<font color="red" id="group_red">* </font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" valign="top" nowrap="nowrap">
|
||||
i18n_actsi.text.snmp_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" id="snmp">
|
||||
<input type="radio" name="checkTypeInfo.isSnmp" id="isSnmp1" value="1" />SNMP4J
|
||||
<input type="radio" name="checkTypeInfo.isSnmp" id="isSnmp0" value="0" />ObjectSNMP
|
||||
<!--
|
||||
-->
|
||||
<input type="radio" name="checkTypeInfo.isSnmp" id="isSnmp2" value="2" checked="checked"/>i18n_actsi.text.NO_n81i
|
||||
</td>
|
||||
<td id="oid" class="color_1" align="right" valign="top" nowrap="nowrap">
|
||||
OID
|
||||
</td>
|
||||
<td id="oid" class="color_3" align="left">
|
||||
<input type="text" name="checkTypeInfo.snmpOID" id="snmpOID" size="30"/>
|
||||
<font id="oidFont" color="red">*</font>
|
||||
</td>
|
||||
<!--
|
||||
<td class="color_1" align="right" valign="top" nowrap="nowrap">
|
||||
存在是否替换
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="radio" name="replace" id="yes" value="1" checked="checked"/>是
|
||||
<input type="radio" name="replace" id="no" value="2" />否
|
||||
</td>
|
||||
-->
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" valign="top" nowrap="nowrap">
|
||||
i18n_actsi.text.isSchedule_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
<input type="radio" name="isSchedule" value="1" disabled="disabled" checked="checked"/>i18n_actsi.text.NO_n81i
|
||||
<input type="hidden" name="checkTypeInfo.isSchedule" value="1"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" valign="top" nowrap="nowrap">
|
||||
i18n_actsi.text.remark_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
<textarea rows="3" cols="50" name="checkTypeInfo.checkRemark" id="checkRemark"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_7" colspan="4" align="right">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'" onclick="add()"
|
||||
value="i18n_actsi.button.submit_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:document.forms['Mkform'].reset()"
|
||||
value="i18n_actsi.button.reset_n81i"/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
319
WebRoot/page/detection/checkType/addCheckTypeSource.jsp
Normal file
319
WebRoot/page/detection/checkType/addCheckTypeSource.jsp
Normal file
@@ -0,0 +1,319 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_acts.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
function addCheck(){
|
||||
var type;
|
||||
$.ajax({
|
||||
url:"<%=path%>/detection/metaDataSet.do?action=addCheck",
|
||||
type : "POST",
|
||||
async:false,
|
||||
data:$('#form1').serialize(),
|
||||
success : function(data) {
|
||||
if(data == "exception"){
|
||||
type = false;
|
||||
alert("i18n_acts.error.abnormalOperation_n81i");
|
||||
}else if(data =="success"){
|
||||
type = true;
|
||||
}else{
|
||||
type = false;
|
||||
alert(data);
|
||||
}
|
||||
}
|
||||
});
|
||||
return type;
|
||||
}
|
||||
var flag = false;
|
||||
function add(){
|
||||
$("#filedNameFont").html("*");
|
||||
$("#zfcd").html("*");
|
||||
if(flag==true){
|
||||
var legthValue = document.getElementById('filedTypeLength');
|
||||
if(legthValue.value==""){
|
||||
$("#zfcd").html("i18n_acts.error.charLen_n81i");
|
||||
legthValue.focus();
|
||||
return;
|
||||
}
|
||||
}
|
||||
if($id("filedName","","i18n_acts.text.filedName_n81i")&& $id("filedComments","","i18n_acts.text.filedComments_n81i")
|
||||
&& $id("filedType","xz","i18n_acts.text.filedType_n81i") && $id("showNum","","i18n_acts.text.showNum_n81i")
|
||||
&& $id("showNum","sz","i18n_acts.text.showNum_n81i")){
|
||||
var oid = document.getElementById("oid");
|
||||
if(oid!=undefined && oid!=null) {//snmp监控，进行oid非空检查
|
||||
if(!$id("oid","","OID")) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
if($("#filedName").val().length<15){
|
||||
if(!containSpecial($("#filedName").val())){
|
||||
if(!containSpecial1($("#filedName").val())){
|
||||
$("#filedName").next().html("i18n_acts.error.filedName_n81i");
|
||||
return;
|
||||
}
|
||||
if(!checkNum($("#filedName").val())){
|
||||
if(document.getElementById('filedType').value=='VARCHAR2'){
|
||||
if($id("filedTypeLength","","i18n_acts.text.filedTypeLength_n81i") && $id("filedTypeLength","sz","i18n_acts.text.filedTypeLength_n81i") && addCheck()){
|
||||
document.form1.action="<%=path%>/detection/metaDataSet.do?action=doAdd";
|
||||
document.form1.submit();
|
||||
}
|
||||
}else{
|
||||
if(addCheck()){
|
||||
document.form1.action="<%=path%>/detection/metaDataSet.do?action=doAdd";
|
||||
document.form1.submit();
|
||||
}
|
||||
}
|
||||
}else{
|
||||
$("#filedNameFont").html("i18n_acts.error.cannotNum_n81i");
|
||||
}
|
||||
}else{
|
||||
$("#filedNameFont").html("i18n_acts.error.hasSpecialChar_n81i");
|
||||
}
|
||||
}else{
|
||||
$("#filedNameFont").html("i18n_acts.error.lenTooLess_n81i");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//检查是否以数字开头
|
||||
function checkNum(s)
|
||||
{
|
||||
var cs = /^[0-9]*$/;
|
||||
resu = cs.test(s);
|
||||
return (cs.test(s));
|
||||
}
|
||||
|
||||
//验证非中文和特殊字符
|
||||
function containSpecial1(s)
|
||||
{
|
||||
var cs = /^\w+$/;
|
||||
resu = cs.test(s);
|
||||
return (cs.test(s));
|
||||
}
|
||||
|
||||
function goBack(tid){
|
||||
var fw = $("#fw").val();
|
||||
var ic = $("#ic").val();
|
||||
if(fw!=null && fw !=""){//从向导过来
|
||||
if(ic!=null && ic =='0'){//添加提交过 ----监测类别源数据 操作完成
|
||||
window.location="<%=path%>/detection/metaDataSet.do?action=query&typeids="+tid+"&fromWhere="+fw+"&isComplete="+ic;
|
||||
}else{//监测类别完成
|
||||
window.location="<%=path%>/detection/metaDataSet.do?action=query&typeids="+tid+"&fromWhere="+fw+"&isJclbComplete=0";
|
||||
}
|
||||
}else{
|
||||
window.location="<%=path%>/detection/metaDataSet.do?action=query&typeids="+tid;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function rclick(obj){
|
||||
if(obj.id=='State1'){//停用
|
||||
document.getElementById('chartState1').checked="checked";
|
||||
}else{//启用
|
||||
if($("#filedType").val() == "VARCHAR2"){
|
||||
document.getElementById('chartState1').checked="checked";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
jQuery(function(){
|
||||
jQuery("td[id=lengthFt]").hide();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',3);
|
||||
//-- 字段类型选择事件绑定
|
||||
jQuery("#filedType").change(function(){
|
||||
if(jQuery(this).val() == "VARCHAR2"){
|
||||
jQuery("td[id=lengthFt]").show();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',1);
|
||||
flag = true;
|
||||
//$("#chartState0").attr("disabled","disabled");
|
||||
$("#chartState1").attr("checked","checked");
|
||||
}else{ //字段长度隐藏
|
||||
jQuery("td[id=lengthFt]").hide();
|
||||
jQuery("#filedTypeLength").val("");
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',3);
|
||||
flag = false;
|
||||
|
||||
if($("#State1").attr("checked")==true){//停用
|
||||
//$("#chartState0").attr("disabled","disabled");
|
||||
$("#chartState1").attr("checked","checked");
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<body>
|
||||
<div class="middle_list" >
|
||||
<form action="" name="form1" method="post" id="form1">
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<input type="hidden" value="${typeids[0] }" name="typeids"/>
|
||||
<input type="hidden" id="fw" name="fromWhere" value="${fromWhere }"/>
|
||||
<input type="hidden" id="ic" name = "isComplete" id="isComplete" value="${isComplete}"/>
|
||||
<input type="hidden" id="ijc" name = "isJclbComplete" id="isJclbComplete" value="${isJclbComplete}"/>
|
||||
<div style="clear: both"></div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table">
|
||||
<tr>
|
||||
<td colspan="4" class="color_8">
|
||||
<strong>i18n_acts.text.addDetecationMetaDate_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="15%" align="right">
|
||||
i18n_acts.text.detecationType_n81i
|
||||
</td>
|
||||
<td class="color_3" width="35%" align="left">
|
||||
<input type="hidden" name="checkTypeInfo.id"
|
||||
id="checkTypeId" value="${checkTypeInfo.id }"/>
|
||||
<input type="text" name="checkTypeInfo.checkTypeName"
|
||||
id="checkTypeName" value="${checkTypeInfo.checkTypeName }" readonly="readonly"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" width="15%" align="right">
|
||||
i18n_acts.text.tableName_n81i
|
||||
</td>
|
||||
<td class="color_3" width="35%" align="left">
|
||||
<input type="text" name="metadata.tableName"
|
||||
id="tableName" value="${checkTypeInfo.tableName }" readonly="readonly"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_acts.text.filedName_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="metadata.filedName"
|
||||
id="filedName" value=""/>
|
||||
<font id="filedNameFont" color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_acts.text.filedComments_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<input type="text" name="metadata.filedComments"
|
||||
id="filedComments" value=""/>
|
||||
<font color="red">*i18n_acts.error.filedComments_n81i</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_acts.text.filedType_n81i
|
||||
</td>
|
||||
<td class="color_6" align="left" id="viewLevel0">
|
||||
<select name="filedType" id="filedType">
|
||||
<option value="">
|
||||
i18n_acts.message.filedType.selectDefault_n81i
|
||||
</option>
|
||||
<option value="Number">
|
||||
i18n_acts.message.filedType.selectNumber_n81i
|
||||
</option>
|
||||
<option value="DATE">
|
||||
i18n_acts.message.filedType.selectDATE_n81i
|
||||
</option>
|
||||
<option value="VARCHAR2">
|
||||
i18n_acts.message.filedType.selectVARCHAR2_n81i
|
||||
</option>
|
||||
</select>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" align="right" id="lengthFt">
|
||||
i18n_acts.text.filedTypeLength_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" id="lengthFt">
|
||||
<input type="text" name="filedTypeLength"
|
||||
id="filedTypeLength" />
|
||||
<font color="red" id="zfcd">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_acts.text.metaDateState_n81i
|
||||
</td>
|
||||
<td nowrap="nowrap" class="color_6" align="left">
|
||||
<input type="radio" name="metadata.state"
|
||||
id="State0" value="0" onclick="rclick(this)" checked="checked" />i18n_acts.message.metaDateState0_n81i
|
||||
<input type="radio" name="metadata.state"
|
||||
id="State1" value="1" onclick="rclick(this)"/>i18n_acts.message.metaDateState1_n81i
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_acts.text.ChartState_n81i
|
||||
</td>
|
||||
<td nowrap="nowrap" class="color_6" align="left">
|
||||
<input type="radio" name="metadata.chartState"
|
||||
id="chartState0" value="0" />i18n_acts.message.yes_n81i
|
||||
<input type="radio" name="metadata.chartState"
|
||||
id="chartState1" value="1" checked="checked" />i18n_acts.message.no_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_acts.text.serialNumber_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left"
|
||||
<c:if test="${checkTypeInfo.isSnmp != 1&&checkTypeInfo.isSnmp !=0}">colspan="3"</c:if> >
|
||||
<input type="text" name="metadata.showNum" id="showNum" value="${maxNum+1 }"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<c:if test="${checkTypeInfo.isSnmp == 1||checkTypeInfo.isSnmp == 0}"><!-- 是SNMP监控 -->
|
||||
<td class="color_1" align="right">
|
||||
OID
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<input type="text" name="metadata.oid"
|
||||
id="oid" value=""/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
</c:if>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_7" colspan="4" align="right">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'" onclick="add()" value="i18n_acts.button.submit_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:document.forms['form1'].reset()" value="i18n_acts.button.reset_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack(${checkTypeInfo.id })"
|
||||
value="i18n_acts.button.back_n81i"/>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
442
WebRoot/page/detection/checkType/checkTypeSetInfoList.jsp
Normal file
442
WebRoot/page/detection/checkType/checkTypeSetInfoList.jsp
Normal file
@@ -0,0 +1,442 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_ctsil.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet" type="text/css" />
|
||||
<link href="<c:url value='/js/jBox/Skins/Gray/jbox.css'/>" rel="stylesheet" type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value="/js/jBox/jquery.jBox-2.3.min.js"/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value="/js/fileInput.js"/>"></script>
|
||||
<style type="text/css">
|
||||
.mydiv {
|
||||
background-color:#fff;
|
||||
border: 1px solid #000;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
z-index:99;
|
||||
width: 220px;
|
||||
height: 80px;
|
||||
left:50%;/*FF IE7*/
|
||||
top: 50%;/*FF IE7*/
|
||||
|
||||
margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
|
||||
margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
|
||||
|
||||
margin-top:0px;
|
||||
|
||||
position:fixed!important;/*FF IE7*/
|
||||
position:absolute;/*IE6*/
|
||||
|
||||
_top: expression(eval(document.compatMode &&
|
||||
document.compatMode=='CSS1Compat') ?
|
||||
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
|
||||
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
|
||||
|
||||
}
|
||||
|
||||
|
||||
.bg {
|
||||
background-color: #ccc;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left:0;
|
||||
top:0;/*FF IE7*/
|
||||
filter:alpha(opacity=50);/*IE*/
|
||||
opacity:0.5;/*FF*/
|
||||
z-index:1;
|
||||
|
||||
position:fixed!important;/*FF IE7*/
|
||||
position:absolute;/*IE6*/
|
||||
|
||||
_top: expression(eval(document.compatMode &&
|
||||
document.compatMode=='CSS1Compat') ?
|
||||
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
|
||||
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
|
||||
|
||||
}
|
||||
/*The END*/
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
var msg = '${MSG}';
|
||||
if(msg=='1'){
|
||||
alert("i18n_ctsil.message.success_n81i");
|
||||
}else if(msg=='2'){
|
||||
alert("i18n_ctsil.message.faild_n81i");
|
||||
}
|
||||
|
||||
//添加记录
|
||||
function addCheckTypeSet(){
|
||||
document.form3.action ="<%=path%>/detection/checkTypeSet!executeAction.do?action=openAdd&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }';
|
||||
document.form3.submit();
|
||||
}
|
||||
//修改记录
|
||||
function updCheckTypeSet(){
|
||||
if(!isRigthCheck("ids", "edit")){
|
||||
alert("i18n_ctsil.error.itemSelect_n81i");
|
||||
}else{
|
||||
document.form3.action ="<%=path%>/detection/checkTypeSet!executeAction.do?action=openUpdate&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }';
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
//删除记录
|
||||
function delCheckTypeSet(){
|
||||
if(!isRigthCheck("ids", "remove")){
|
||||
alert("i18n_ctsil.error.itemSelect_n81i");
|
||||
}else if(confirm("i18n_ctsil.error.isDelete_n81i")){
|
||||
document.form3.action ="<%=path%>/detection/checkTypeSet.do?action=del&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }';
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
//查询记录
|
||||
function qry(){
|
||||
document.form3.action = "<%=path%>/detection/checkTypeSet.do?action=query";
|
||||
document.form3.submit();
|
||||
}
|
||||
//配置元数据
|
||||
function showRecord(checktypeid){
|
||||
document.form3.action = "<%=path%>/detection/metaDataSet!executeAction.do?action=query&pageSize="+'${pageSize }'+"&pageNo="+'${pageNo }'+"&typeids="+checktypeid;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function ieBrowser(){
|
||||
if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 程辉 2013-5-8 新增 模板下载
|
||||
function downloadExample() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/checkTypeSet.do?action=downloadExample";
|
||||
document.form3.submit();
|
||||
document.form3.action = "<%=path%>/detection/checkTypeSet.do?action=query";
|
||||
}
|
||||
|
||||
//程辉 2013-5-8 新增 导入
|
||||
function importXls() {
|
||||
var myfileVal = document.getElementById("myFile").value;
|
||||
if(myfileVal=="") {
|
||||
alert("i18n_ctsil.error.selectFile_n81i");
|
||||
}else if((myfileVal.lastIndexOf(".xlsx")+5)!=myfileVal.length && (myfileVal.lastIndexOf(".xls")+4)!=myfileVal.length){
|
||||
alert("i18n_ctsil.error.selectFileType_n81i");
|
||||
}else if(confirm('i18n_ctsil.error.isImport_n81i')){
|
||||
document.form3.action = "<c:url value='/'/>/detection/checkTypeSet.do?action=importXls";
|
||||
document.form3.submit();
|
||||
document.form3.action = "<%=path%>/detection/checkTypeSet.do?action=query";
|
||||
}
|
||||
}
|
||||
//程辉 2013-5-8 新增 导出当前页
|
||||
function emportCurrentXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/checkTypeSet.do?action=emportCurrentXls&pageNo="+$("#pageNo").val()+"&pageSize="+'${pageSize }'+"&ctn="+$("#checkTypeId").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action = "<%=path%>/detection/checkTypeSet.do?action=query";
|
||||
}
|
||||
//程辉 2013-5-8 新增 导出全部
|
||||
function emportAllXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/checkTypeSet.do?action=emportAllXls&ctn="+$("#checkTypeId").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action = "<%=path%>/detection/checkTypeSet.do?action=query";
|
||||
}
|
||||
function showDiv(){
|
||||
document.getElementById('popDiv').style.display='block';
|
||||
document.getElementById('bg').style.display='block';
|
||||
}
|
||||
|
||||
function closeDiv(){
|
||||
document.getElementById('popDiv').style.display='none';
|
||||
document.getElementById('bg').style.display='none';
|
||||
}
|
||||
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98.5%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
// $("#maindiv").attr("style","clear:left");
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
window.onresize = function(){
|
||||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||||
}
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
var hght=0;//初始化滚动条总长
|
||||
var topH=0;//初始化滚动条的当前位置
|
||||
var pagePoint = ${pageNo};
|
||||
var flashFlag = false;
|
||||
var memoryData ;
|
||||
var intervalID ;
|
||||
$(document).ready(function(){//DOM的onload事件
|
||||
//$(”#mypage”).load(”table.html”);//table.html的内容被加载到mypage元素
|
||||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||||
});
|
||||
$.get("<c:url value='checkTypeSet.do?action=queryChild'/>&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&ctn="+$("#checkTypeId").val(), function(data){//利用jquery的get方法得到table.html内容
|
||||
memoryData = data;
|
||||
flashFlag = true;
|
||||
});
|
||||
|
||||
intervalID = setInterval(function(){cando();},1000);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||||
function cando(){
|
||||
//alert(topH+" " +hght);
|
||||
if(topH!=0 && hght!=0 && topH == hght && flashFlag){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
show();//如果是，调用show函数加载内容。
|
||||
}
|
||||
//if(topH>parseInt(hght/3)*2){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
// show();//如果是，调用show函数加载内容。
|
||||
//}
|
||||
}
|
||||
|
||||
function show(){
|
||||
flashFlag=false;
|
||||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||||
topH=0;//原因同上。
|
||||
var flag2 = true;
|
||||
if(memoryData!=null&&memoryData!=""&&memoryData.replace(/(^\s*)|(\s*$)/g,"")!=""){
|
||||
try{
|
||||
$("#info").append($(memoryData));//用append方法追加内容到mypage元素。
|
||||
$("#currentPage").html(pagePoint);
|
||||
$("#pageNo").val(pagePoint);
|
||||
flag2 = false;
|
||||
}catch(err){
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
$.get("<c:url value='checkTypeSet.do?action=queryChild'/>&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&ctn="+$("#checkTypeId").val(), function(data){//利用jquery的get方法得到table.html内容
|
||||
if(flag2){
|
||||
try{
|
||||
$("#info").append($(data));//用append方法追加内容到mypage元素。
|
||||
}catch(err){
|
||||
|
||||
}
|
||||
}else{
|
||||
flag2 = true;
|
||||
memoryData = data;
|
||||
}
|
||||
//无数据
|
||||
if(data==null||data==""){
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
flashFlag = true;
|
||||
});
|
||||
loadButton();
|
||||
}
|
||||
});
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
</script>
|
||||
<body>
|
||||
<div class="middle_list" style="overflow: hidden;">
|
||||
<form name=form3 id="frmArticleType" action="<c:url value='/detection/checkTypeSet.do?action=query'/>" method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name = "isComplete" id="isComplete" value="${isComplete}"/>
|
||||
<input type="hidden" id="fw" name="fromWhere" value="${fromWhere }"/>
|
||||
<input type="hidden" name="pageNoforexp" id="pageNo" value="${pageNo }"/>
|
||||
<div id="divTop">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_ctsil.text.detecationTypeName_n81i</font>
|
||||
<select style="width:140px;" name="ctn" id="checkTypeId">
|
||||
<option value="">
|
||||
--i18n_ctsil.message.selectDetecationTypeDefault_n81i--
|
||||
</option>
|
||||
<c:if test="${fn:length(allCheckTypeInfo) > 0}">
|
||||
<c:set var="isSchedule0" value="0"/>
|
||||
<c:forEach items="${allCheckTypeInfo}" var="checkType">
|
||||
<c:if test="${checkType.isSchedule != isSchedule0 }">
|
||||
<option style="height: 2px;" disabled="disabled">--------------------</option>
|
||||
<c:set var="isSchedule0" value="${checkType.isSchedule}"/>
|
||||
</c:if>
|
||||
<option value="${checkType.id}"
|
||||
<c:if test="${not empty ctn && ctn == checkType.id }">selected="selected"</c:if>>
|
||||
${checkType.checkTypeName1}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
</select></label>
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle2" onclick="javascript:qry();" />
|
||||
</div>
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:downloadExample();" value="i18n_ctsil.button.downloadModel_n81i"/>
|
||||
|
||||
<input type="button" value="i18n_ctsil.button.import_n81i Excel" title="i18n_ctsil.button.import_n81i Excel" class="btn3_mouseout" onclick="javascript:uploadFile(this)"/>
|
||||
<input type="file" name="myFile" id="myFile" value="" class="filebtn" onchange="javascript:setValue(this.value)"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:importXls();" value="i18n_ctsil.button.import_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:showDiv();" value="i18n_ctsil.button.export_n81i"/>
|
||||
|
||||
<jsp:include page="/include/include.jsp" />
|
||||
</div>
|
||||
</div>
|
||||
<div id="maindiv">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr >
|
||||
<td width="6%" class="color_top">
|
||||
<input type="checkbox" name="checkbox62" value="checkbox" onClick="checkAll(this)" />i18n_ctsil.button.index_n81i
|
||||
</td>
|
||||
<td width="12%" class="color_top">
|
||||
i18n_ctsil.text.detecationTypeName_n81i
|
||||
</td>
|
||||
<td width="12%" class="color_top">
|
||||
i18n_ctsil.text.detecationType_n81i
|
||||
</td>
|
||||
<td width="10%" class="color_top">
|
||||
i18n_ctsil.text.tableMap_n81i
|
||||
</td>
|
||||
<td width="10%" class="color_top">
|
||||
i18n_ctsil.text.tableComments_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top">
|
||||
i18n_ctsil.text.isSchedule_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top">
|
||||
i18n_ctsil.text.isSnmp_n81i
|
||||
</td>
|
||||
<td width="12%" class="color_8">
|
||||
i18n_ctsil.text.remark_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(checkTypeSetList) > 0}">
|
||||
<c:forEach items="${checkTypeSetList}" var="checkTypeSet" varStatus="vs">
|
||||
<c:set var="color" value="color_1"/>
|
||||
<c:set var="color_end" value="color_7"/>
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3"/>
|
||||
<c:set var="color_end" value="color_6"/>
|
||||
</c:if>
|
||||
<tr >
|
||||
<td class="${color }">
|
||||
<c:if test="${checkTypeSet.isSchedule=='0'}">
|
||||
<input type="checkbox" name="ids" id="ids"
|
||||
value="${checkTypeSet.id}" disabled="disabled"/>
|
||||
</c:if>
|
||||
<c:if test="${checkTypeSet.isSchedule=='2'}">
|
||||
<input type="checkbox" name="ids" id="ids"
|
||||
value="${checkTypeSet.id}" disabled="disabled"/>
|
||||
</c:if>
|
||||
<c:if test="${checkTypeSet.isSchedule=='1'}">
|
||||
<input type="checkbox" name="ids" id="ids" ${(ADMFlag && checkTypeSet.viewLevel ne 4) || (!ADMFlag && checkTypeSet.viewLevel eq 4) ? "disabled='disabled'":""}
|
||||
value="${checkTypeSet.id}"/>
|
||||
</c:if>
|
||||
${index+(pageNo-1)*pageSize}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<a href="javascript:showRecord('${checkTypeSet.id}')">${checkTypeSet.checkTypeName1}</a>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${checkTypeSet.checkTypeName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${checkTypeSet.tableName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${checkTypeSet.tableComments}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${checkTypeSet.isSchedule=='0'}">i18n_ctsil.message.yes_n81i</c:if>
|
||||
<c:if test="${checkTypeSet.isSchedule=='1'}">i18n_ctsil.message.no_n81i</c:if>
|
||||
<c:if test="${checkTypeSet.isSchedule=='2'}">i18n_ctsil.message.yes_n81i</c:if>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${checkTypeSet.isSnmp=='1'||checkTypeSet.isSnmp=='0'}">i18n_ctsil.message.yes_n81i</c:if>
|
||||
<c:if test="${checkTypeSet.isSnmp=='2'||checkTypeSet.isSnmp eq null}">i18n_ctsil.message.no_n81i</c:if>
|
||||
</td>
|
||||
<td class="${color_end }">
|
||||
${checkTypeSet.checkRemark}
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="8" class="color_6" align="center">
|
||||
i18n_ctsil.message.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty checkTypeSetList}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
</div>
|
||||
<div id="popDiv" class="mydiv" style="display:none;">
|
||||
<input type="hidden" />
|
||||
<input type="button" class=btn3_mouseout style="width:100px;"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportCurrentXls();" value="i18n_ctsil.button.exportCurrentPage_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout style="width:80px"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportAllXls();" value="i18n_ctsil.button.exportAllData_n81i"/>
|
||||
<br/>
|
||||
<a href="javascript:closeDiv()">i18n_ctsil.button.closeWindow_n81i</a></div>
|
||||
|
||||
<div id="bg" class="bg" style="display:none;"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,64 @@
|
||||
<%@ page language="java" pageEncoding="utf-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(checkTypeSetList) > 0}">
|
||||
<c:forEach items="${checkTypeSetList}" var="checkTypeSet" varStatus="vs">
|
||||
<c:set var="color" value="color_1"/>
|
||||
<c:set var="color_end" value="color_7"/>
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3"/>
|
||||
<c:set var="color_end" value="color_6"/>
|
||||
</c:if>
|
||||
<tr >
|
||||
<td class="${color }">
|
||||
<c:if test="${checkTypeSet.isSchedule=='0'}">
|
||||
<input type="checkbox" name="ids" id="ids"
|
||||
value="${checkTypeSet.id}" disabled="disabled"/>
|
||||
</c:if>
|
||||
<c:if test="${checkTypeSet.isSchedule=='2'}">
|
||||
<input type="checkbox" name="ids" id="ids"
|
||||
value="${checkTypeSet.id}" disabled="disabled"/>
|
||||
</c:if>
|
||||
<c:if test="${checkTypeSet.isSchedule=='1'}">
|
||||
<input type="checkbox" name="ids" id="ids" ${(ADMFlag && checkTypeSet.viewLevel ne 4) || (!ADMFlag && checkTypeSet.viewLevel eq 4) ? "disabled='disabled'":""}
|
||||
value="${checkTypeSet.id}"/>
|
||||
</c:if>
|
||||
${index+(pageNo-1)*pageSize}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<a href="javascript:showRecord('${checkTypeSet.id}')">${checkTypeSet.checkTypeName1}</a>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${checkTypeSet.checkTypeName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${checkTypeSet.tableName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${checkTypeSet.tableComments}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${checkTypeSet.isSchedule=='0'}">i18n_ctsilc.message.yes_n81i</c:if>
|
||||
<c:if test="${checkTypeSet.isSchedule=='1'}">i18n_ctsilc.message.no_n81i</c:if>
|
||||
<c:if test="${checkTypeSet.isSchedule=='2'}">i18n_ctsilc.message.yes_n81i</c:if>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${checkTypeSet.isSnmp=='1'||checkTypeSet.isSnmp=='0'}">i18n_ctsilc.message.yes_n81i</c:if>
|
||||
<c:if test="${checkTypeSet.isSnmp=='2'||checkTypeSet.isSnmp eq null}">i18n_ctsilc.message.no_n81i</c:if>
|
||||
</td>
|
||||
<td class="${color_end }">
|
||||
${checkTypeSet.checkRemark}
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
|
||||
410
WebRoot/page/detection/checkType/checkTypeSourceList.jsp
Normal file
410
WebRoot/page/detection/checkType/checkTypeSourceList.jsp
Normal file
@@ -0,0 +1,410 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_ctsl.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet" type="text/css" />
|
||||
<link href="<c:url value='/js/jBox/Skins/Gray/jbox.css'/>" rel="stylesheet" type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value="/js/jBox/jquery.jBox-2.3.min.js"/>"></script>
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
var msg = '${MSG}';
|
||||
if(msg=='1'){
|
||||
alert("i18n_ctsl.message.success_n81i");
|
||||
}else if(msg=='2'){
|
||||
alert("i18n_ctsl.message.faild_n81i");
|
||||
}
|
||||
|
||||
//添加记录
|
||||
function add(id){
|
||||
document.form3.action = "<%=path%>/detection/metaDataSet!executeAction.do?action=oppAdd&typeids="+id;
|
||||
document.form3.submit();
|
||||
}
|
||||
//批量修改记录:
|
||||
function upd(){
|
||||
if(!isRigthCheck("ids", "remove")){
|
||||
alert("i18n_ctsl.error.itemSelect_n81i");
|
||||
}else{
|
||||
document.form3.action ="<%=path%>/detection/metaDataSet!executeAction.do?action=oppUpdList";
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
//修改记录,暂时不用
|
||||
function updOld(){
|
||||
//alert(1);
|
||||
if(!isRigthCheck("ids", "edit")){
|
||||
alert("i18n_ctsl.error.itemSelect1_n81i");
|
||||
}else{
|
||||
document.form3.action ="<%=path%>/detection/metaDataSet!executeAction.do?action=oppUpd";
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
|
||||
//生成数据表
|
||||
function createTable(){
|
||||
if(confirm("i18n_ctsl.message.isCreateTable_n81i")){
|
||||
document.form3.action ="<%=path%>/detection/metaDataSet!executeAction.do?action=createTab";
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
//向数据表添加字段
|
||||
function addFiled(){
|
||||
if(confirm("i18n_ctsl.message.isAddFiled_n81i")){
|
||||
document.form3.action ="<%=path%>/detection/metaDataSet!executeAction.do?action=addFiled";
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
|
||||
//停用:将METADATA表中的STATE字段置为1
|
||||
function startUpOrStop(type) {
|
||||
if(!isRigthCheck("ids", "remove")){
|
||||
alert("i18n_ctsl.error.itemSelect_n81i");
|
||||
}else {
|
||||
var num = jQuery("input[name='ids']:checked").size();
|
||||
var mids = new Array(num);
|
||||
jQuery("input[name='ids']:checked").each(function(i){
|
||||
mids[i]=$(this).val();
|
||||
});
|
||||
|
||||
jQuery.post("<c:url value='/'/>detection/metaDataSet!getState.do",{ids:mids.toString()},function(datas){checkIsState(datas,type);},"json");
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
function checkIsState(datas,type) {
|
||||
if(datas!=null && datas.length>0) {
|
||||
if(type=='1'){//停用
|
||||
document.form3.action="<%=path%>/detection/metaDataSet.do?action=stop";
|
||||
document.form3.submit();
|
||||
}else{//启用
|
||||
document.form3.action="<%=path%>/detection/metaDataSet.do?action=start";
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function goBack(){
|
||||
document.form3.action ="<%=path%>/detection/checkTypeSet.do?action=query";
|
||||
document.form3.submit();
|
||||
}
|
||||
function ieBrowser(){
|
||||
if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function goGuide(datas) {
|
||||
if(datas!=null && datas!=""){
|
||||
if(datas.resu=='over') {
|
||||
window.location ="<%=path%>/sysManage/guideManage!execute.do?action=index";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98.5%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
|
||||
if($("#isComplete").val()=='0'){
|
||||
var submit = function (v, h, f) {
|
||||
if (v == 'yes') {
|
||||
$("input[type=hidden][name=fromWhere]").val('formGuide');
|
||||
return;
|
||||
}
|
||||
if (v == 'no') {
|
||||
$.post("<c:url value='/sysManage/guideManage!setComplete.do'/>",
|
||||
{
|
||||
packNum:9,
|
||||
packName:'jclbysj'
|
||||
},
|
||||
function(datas){
|
||||
goGuide(datas);
|
||||
},"json");
|
||||
|
||||
}
|
||||
};
|
||||
$.jBox.warning("i18n_ctsl.message.warningDetecationMetaDate_n81i", "i18n_ctsl.message.hint_n81i", submit,{icon: false});
|
||||
}
|
||||
|
||||
if($("#isJclbComplete").val()=='0'){
|
||||
var submit = function (v, h, f) {
|
||||
if (v == 'yes') {
|
||||
$("input[type=hidden][name=fromWhere]").val('formGuide');
|
||||
return;
|
||||
}
|
||||
if (v == 'no') {
|
||||
$.post("<c:url value='/sysManage/guideManage!setComplete.do'/>",
|
||||
{
|
||||
packNum:8,
|
||||
packName:'jclb'
|
||||
},
|
||||
function(datas){
|
||||
goGuide(datas);
|
||||
},"json");
|
||||
|
||||
}
|
||||
};
|
||||
$.jBox.warning("i18n_ctsl.message.warningDetecationType_n81i", "i18n_ctsl.message.hint_n81i", submit,{icon: false});
|
||||
}
|
||||
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
window.onresize = function(){
|
||||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||||
}
|
||||
</script>
|
||||
|
||||
<body>
|
||||
<div class="middle_list" style="overflow: hidden;">
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='/detection/metaDataSet.do'/>" method="post">
|
||||
<input type="hidden" name="typeids" value="${typeids[0]}"/>
|
||||
<input type="hidden" name="ctn" id="ctn" value="${ctn }" />
|
||||
<input type="hidden" name = "isComplete" id="isComplete" value="${isComplete}"/>
|
||||
<input type="hidden" name = "isJclbComplete" id="isJclbComplete" value="${isJclbComplete}"/>
|
||||
<input type="hidden" name="fromWhere" value="${fromWhere }"/>
|
||||
<input type="hidden" name="isSnmp" value="${isSnmp }"/>
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<div id="divTop">
|
||||
<div class="box_2">
|
||||
<c:if test="${isSch=='0'&& isHaveTable=='no'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="add(${typeids[0]})" value="i18n_ctsl.button.add_n81i" disabled="disabled"/> <!-- 预置表的新增 -->
|
||||
</c:if>
|
||||
<c:if test="${isSch=='1'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="add(${typeids[0]})" value="i18n_ctsl.button.add_n81i"
|
||||
${(ADMFlag && checkTypeInfo.viewLevel ne 4) || (!ADMFlag && checkTypeInfo.viewLevel eq 4) ? "disabled='disabled'":""}/>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${isSch=='0' && isHaveTable=='no'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="upd()" value="i18n_ctsl.button.update_n81i" disabled="disabled"/>
|
||||
</c:if>
|
||||
<c:if test="${isSch=='1'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="upd()" value="i18n_ctsl.button.update_n81i"
|
||||
${(ADMFlag && checkTypeInfo.viewLevel ne 4) || (!ADMFlag && checkTypeInfo.viewLevel eq 4) ? "disabled='disabled'":""}/>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${isHaveTable=='no'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="createTable()" value="i18n_ctsl.button.createTable_n81i"
|
||||
${(ADMFlag && checkTypeInfo.viewLevel ne 4) || (!ADMFlag && checkTypeInfo.viewLevel eq 4) ? "disabled='disabled'":""}
|
||||
/>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${isSch=='1'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="startUpOrStop(1)" value="i18n_ctsl.button.stop_n81i"/> <!-- 非预置的表才有停用 -->
|
||||
</c:if>
|
||||
|
||||
<c:if test="${isSch=='1'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="startUpOrStop(0);" value="i18n_ctsl.button.start_n81i"/> <!-- 非预置的表才有启用 -->
|
||||
</c:if>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_ctsl.button.back_n81i" style="margin-right: 20px"/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div style="height: 25px"></div>
|
||||
<div id="maindiv">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr>
|
||||
<td width="6%" class="color_top">
|
||||
<input type="checkbox"
|
||||
name="checkbox62" value="checkbox" onClick="checkAll(this)" />i18n_ctsl.text.index_n81i
|
||||
</td>
|
||||
<td width="10%" class="color_top">
|
||||
i18n_ctsl.text.detecationType_n81i
|
||||
</td>
|
||||
<td width="12%" class="color_top">
|
||||
i18n_ctsl.text.tableName_n81i
|
||||
</td>
|
||||
<td width="12%" class="color_top">
|
||||
i18n_ctsl.text.tableComments_n81i
|
||||
</td>
|
||||
<td width="10%" class="color_top">
|
||||
i18n_ctsl.text.filedName_n81i
|
||||
</td>
|
||||
<td width="10%" class="color_top">
|
||||
i18n_ctsl.text.filedDesc_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top">
|
||||
i18n_ctsl.text.filedType_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top">
|
||||
i18n_ctsl.text.isMetaDateState_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top">
|
||||
i18n_ctsl.text.isChartState_n81i
|
||||
</td>
|
||||
<td width="7%"
|
||||
<c:if test="${isSnmp != 1 && isSnmp!=0}"> class="color_8"</c:if>
|
||||
<c:if test="${isSnmp == 1||isSnmp==0}"> class="color_top"</c:if>
|
||||
>
|
||||
i18n_ctsl.text.transIndex_n81i
|
||||
</td>
|
||||
|
||||
<c:if test="${isSnmp == 1||isSnmp==0}">
|
||||
<td width="9%" class="color_8">
|
||||
OID
|
||||
</td>
|
||||
</c:if>
|
||||
</tr>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(metadataList) > 0}">
|
||||
<c:forEach items="${metadataList}" var="metadata" varStatus="vs">
|
||||
<c:set var="color" value="color_1"/>
|
||||
<c:set var="color_end" value="color_7"/>
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3"/>
|
||||
<c:set var="color_end" value="color_6"/>
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
<c:if test="${isSch=='0'}">
|
||||
<input type="checkbox" name="ids" id="ids"
|
||||
value="${metadata.id}" disabled="disabled"/>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${isSch=='1'}">
|
||||
<input type="checkbox" name="ids" id="ids" ${(ADMFlag && checkTypeInfo.viewLevel ne 4) || (!ADMFlag && checkTypeInfo.viewLevel eq 4) ? "disabled='disabled'":""}
|
||||
value="${metadata.id}" />
|
||||
</c:if>
|
||||
${index+(pageNo-1)*pageSize}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${metadata.checkTypeInfo.checkTypeName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${metadata.checkTypeInfo.tableName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${metadata.checkTypeInfo.tableComments}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${metadata.filedName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${metadata.filedComments}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${metadata.filedType}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${metadata.state=='0' }">i18n_ctsl.button.start_n81i</c:if>
|
||||
<c:if test="${metadata.state=='1' }"><font color="red">i18n_ctsl.button.stop_n81i</font></c:if>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${metadata.chartState=='0' }">i18n_ctsl.message.yes_n81i</c:if>
|
||||
<c:if test="${metadata.chartState=='1' }">i18n_ctsl.message.no_n81i</c:if>
|
||||
</td>
|
||||
<td
|
||||
<c:if test="${metadata.checkTypeInfo.isSnmp == 1||metadata.checkTypeInfo.isSnmp==0}">class="${color }"</c:if>
|
||||
<c:if test="${metadata.checkTypeInfo.isSnmp != 1&&metadata.checkTypeInfo.isSnmp!=0}">class="${color_end }"</c:if>
|
||||
>
|
||||
${metadata.showNum}
|
||||
</td>
|
||||
<c:if test="${metadata.checkTypeInfo.isSnmp == 1||metadata.checkTypeInfo.isSnmp == 0}">
|
||||
<td class="${color_end }">
|
||||
${metadata.oid}
|
||||
</td>
|
||||
</c:if>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td
|
||||
<c:if test="${isSnmp != 1 && isSnmp!=0}"> colspan="10" </c:if>
|
||||
<c:if test="${isSnmp == 1||isSnmp ==0}"> colspan="11" </c:if>
|
||||
class="color_6" align="center">
|
||||
i18n_ctsl.message.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty metadataList}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
262
WebRoot/page/detection/checkType/updCheckTypeSource.jsp
Normal file
262
WebRoot/page/detection/checkType/updCheckTypeSource.jsp
Normal file
@@ -0,0 +1,262 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_ucts.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/js//dtree/css/dtree.css'/>"
|
||||
rel="stylesheet" type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/dtree/js/dtree_checkbox.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
var flag = false;
|
||||
function add(){
|
||||
if(document.getElementById('lengthFt').style.display=='block'){
|
||||
var legthValue = document.getElementById('filedTypeLength');
|
||||
if(legthValue.value==""){
|
||||
alert("i18n_ucts.message.inputFiledTypeLength_n81i");
|
||||
legthValue.focus();
|
||||
return;
|
||||
}
|
||||
}
|
||||
if($id("filedName","","i18n_ucts.message.filedName_n81i") && $id("filedType","","i18n_ucts.message.filedType_n81i") && $id("filedComments","","i18n_ucts.message.filedComments_n81i"))
|
||||
{
|
||||
var oid = document.getElementById("oid");
|
||||
if(oid!=undefined && oid!=null) {//snmp监控，进行oid非空检查
|
||||
if(!$id("oid","","OID")) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
if(document.getElementById('filedType').value=='VARCHAR2'){
|
||||
if($id("filedTypeLength","","i18n_ucts.message.filedTypeLength_n81i") && $id("filedTypeLength","sz","i18n_ucts.message.filedTypeLength_n81i")){
|
||||
document.form1.action="<%=path%>/detection/metaDataSet.do?action=doUpd";
|
||||
document.form1.submit();
|
||||
}
|
||||
}else{
|
||||
document.form1.action="<%=path%>/detection/metaDataSet.do?action=doUpd";
|
||||
document.form1.submit();
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
function goBack(tid){
|
||||
window.location="<%=path%>/detection/metaDataSet.do?action=query&typeids="+tid;
|
||||
}
|
||||
|
||||
function rclick(obj){
|
||||
if(obj.id=='state1'){//停用
|
||||
document.getElementById('chartState1').checked="checked";
|
||||
}else{
|
||||
if($("#filedType").val() == "VARCHAR2"){
|
||||
$("#chartState1").attr("checked","checked");//1停用
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
jQuery(function(){
|
||||
if(jQuery("#filedType").val() == "VARCHAR2"){
|
||||
jQuery("td[id=lengthFt]").show();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',1);
|
||||
$("#chartState1").attr("checked","checked");//1停用
|
||||
}else{
|
||||
jQuery("td[id=lengthFt]").hide();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',3);
|
||||
}
|
||||
//-- 字段类型选择事件绑定
|
||||
jQuery("#filedType").change(function(){
|
||||
if(jQuery(this).val() == "VARCHAR2"){
|
||||
jQuery("td[id=lengthFt]").show();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',1);
|
||||
flag = true;
|
||||
$("#chartState1").attr("checked","checked");//1停用
|
||||
}else{ //字段长度隐藏--数字 时间
|
||||
jQuery("td[id=lengthFt]").hide();
|
||||
jQuery("#filedTypeLength").val("");
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',3);
|
||||
flag = false;
|
||||
|
||||
//判断是启用还是停用
|
||||
if($("#state1").attr("checked")==true){//停用
|
||||
|
||||
$("#chartState1").attr("checked","checked");//1停用
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
</script>
|
||||
|
||||
<body>
|
||||
<div class="middle_list" >
|
||||
<form action="" name="form1" method="post">
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<input type="hidden" value="${metadata.checkTypeInfo.id }" name="typeids"/>
|
||||
<input type="hidden" value="${metadata.id }" name="metadata.id">
|
||||
<input type="hidden" value="${mState }" name="mState">
|
||||
<div style="clear: both"></div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table">
|
||||
<tr>
|
||||
<td colspan="4" class="color_8">
|
||||
<strong>i18n_ucts.text.updateMetaData_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="15%" align="right">
|
||||
i18n_ucts.text.checkType_n81i
|
||||
</td>
|
||||
<td class="color_3" width="35%" align="left">
|
||||
<input type="hidden" name="checkTypeInfo.id"
|
||||
id="checkTypeId" value="${metadata.checkTypeInfo.id }"/>
|
||||
<input type="text" name="checkTypeInfo.checkTypeName"
|
||||
id="checkTypeName" value="${metadata.checkTypeInfo.checkTypeName }" readonly />
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" width="15%" align="right">
|
||||
i18n_ucts.text.tableName_n81i
|
||||
</td>
|
||||
<td class="color_3" width="35%" align="left">
|
||||
<input type="text" name="metadata.tableName"
|
||||
id="tableName" value="${metadata.tableName }" readonly/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ucts.message.filedName_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="metadata.filedName"
|
||||
id="filedName" value="${metadata.filedName }"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ucts.message.filedComments_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="metadata.filedComments"
|
||||
id="filedComments" value="${metadata.filedComments }" />
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ucts.message.filedType_n81i
|
||||
</td>
|
||||
<td class="color_6" align="left" id="viewLevel0">
|
||||
<select name="filedType" id="filedType">
|
||||
<option value="">
|
||||
i18n_ucts.message.filedTypeDefault_n81i
|
||||
</option>
|
||||
<option value="Number" <c:if test="${metadata.filedType == 'Number'}">selected="selected"</c:if>>
|
||||
i18n_ucts.message.filedTypeNumber_n81i
|
||||
</option>
|
||||
<option value="DATE" <c:if test="${metadata.filedType == 'DATE'}">selected="selected"</c:if>>
|
||||
i18n_ucts.message.filedTypeDATE_n81i
|
||||
</option>
|
||||
<option value="VARCHAR2" <c:if test="${filedType == 'VARCHAR2'}">selected="selected"</c:if>>
|
||||
i18n_ucts.message.filedTypeVARCHAR2_n81i
|
||||
</option>
|
||||
</select>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" align="right" id="lengthFt">
|
||||
i18n_ucts.message.filedTypeLength_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" id="lengthFt">
|
||||
<input type="text" name="filedTypeLength" value="${filedTypeLength}"
|
||||
id="filedTypeLength" />
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ucts.text.isState_n81i
|
||||
</td>
|
||||
<td nowrap="nowrap" class="color_6" align="left">
|
||||
<input type="radio" name="metadata.state"
|
||||
id="state" onclick="rclick(this)" value="0" <c:if test="${metadata.state == '0' }">checked="checked"</c:if>/>启用
|
||||
<input type="radio" name="metadata.state"
|
||||
id="state1" onclick="rclick(this)" value="1" <c:if test="${metadata.state == '1' }">checked="checked"</c:if>/>停用
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ucts.text.isChartState_n81i
|
||||
</td>
|
||||
<td nowrap="nowrap" class="color_6" align="left">
|
||||
<input type="radio" name="metadata.chartState"
|
||||
id="chartState0" value="0" <c:if test="${metadata.chartState == '0' }">checked="checked"</c:if>/>是
|
||||
<input type="radio" name="metadata.chartState"
|
||||
id="chartState1" value="1" <c:if test="${metadata.chartState == '1' }">checked="checked"</c:if>/>否
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ucts.text.showNum_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left"
|
||||
<c:if test="${metadata.checkTypeInfo.isSnmp == 2||metadata.checkTypeInfo.isSnmp eq null}">colspan="3"</c:if> >
|
||||
<input type="text" name="metadata.showNum"
|
||||
id="showNum" value="${metadata.showNum }" />
|
||||
</td>
|
||||
<c:if test="${metadata.checkTypeInfo.isSnmp == 1}"><!-- 是SNMP监控 -->
|
||||
<td class="color_1" align="right">
|
||||
OID
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<input type="text" name="metadata.oid"
|
||||
id="oid" value="${metadata.oid}"/>
|
||||
<font color="red">*</font>
|
||||
</c:if>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_7" colspan="4" align="right">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="add()" value="i18n_ucts.button.submit_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:document.forms['form1'].reset()"
|
||||
value="i18n_ucts.button.reset_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack(${metadata.checkTypeInfo.id })"
|
||||
value="i18n_ucts.button.back_n81i"/>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
353
WebRoot/page/detection/checkType/updateCheckTypeSetInfo.jsp
Normal file
353
WebRoot/page/detection/checkType/updateCheckTypeSetInfo.jsp
Normal file
@@ -0,0 +1,353 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_uctsi.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/js//dtree/css/dtree.css'/>"
|
||||
rel="stylesheet" type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/dtree/js/dtree_checkbox.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
function goBack(){
|
||||
document.Mkform.action="<%=path%>/detection/checkTypeSet.do?action=query";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
//验证oid
|
||||
function checkOID(oid){
|
||||
var cs = /^[1-9]([\d\.]+\d)?$/;
|
||||
var resu = cs.test(oid);
|
||||
return resu;
|
||||
}
|
||||
//验证非中文和特殊字符
|
||||
function containSpecial1(s)
|
||||
{
|
||||
var cs = /^\w+$/;
|
||||
resu = cs.test(s);
|
||||
return (cs.test(s));
|
||||
}
|
||||
|
||||
function updateCheck(){
|
||||
var type;
|
||||
var isSnmp = $("input[type=radio][name=checkTypeInfo.isSnmp]:checked").val();
|
||||
$.ajax({
|
||||
url:"<%=path%>/detection/checkTypeSet.do?action=updateCheck&checkTypeInfo.isSnmp="+isSnmp,
|
||||
type : "POST",
|
||||
async:false,
|
||||
data:$('#Mkform').serialize(),
|
||||
success : function(data) {
|
||||
if(data == "exception"){
|
||||
type = false;
|
||||
alert("i18n_uctsi.message.faild_n81i");
|
||||
}else if(data =="success"){
|
||||
type = true;
|
||||
}else{
|
||||
type = false;
|
||||
alert(data);
|
||||
}
|
||||
}
|
||||
});
|
||||
return type;
|
||||
}
|
||||
|
||||
function add(){
|
||||
if($id("checkTypeName1","","i18n_uctsi.message.checkTypeName1_n81i") && $id("tableName","","i18n_uctsi.message.tableName_n81i")){
|
||||
if(containSpecial($("#checkTypeName1").val())){
|
||||
$("#checkTypeName1").next().html("i18n_uctsi.error.hasSpecialChar_n81i");
|
||||
$("#checkTypeName1").val($("#ctname1").val());
|
||||
return;
|
||||
}
|
||||
if($("#tableName").val()=='DI_'){
|
||||
$("#tableName").next().html("i18n_uctsi.error.inputTableName_n81i");
|
||||
return;
|
||||
}
|
||||
if($("#tableName").val().length>20){
|
||||
$("#tableNameFont").html("i18n_uctsi.error.tooLong_n81i");
|
||||
return;
|
||||
}
|
||||
if(containSpecial($("#tableName").val())){
|
||||
$("#tableName").next().html("i18n_uctsi.error.tabHasSpecialChar_n81i");
|
||||
$("#tableName").val($("#tnBk").val());
|
||||
return;
|
||||
}
|
||||
if(!containSpecial1($("#tableName").val())){
|
||||
$("#tableName").next().html("i18n_uctsi.error.tabHasZh_n81i");
|
||||
$("#tableName").val($("#tnBk").val());
|
||||
return;
|
||||
}
|
||||
|
||||
if(jQuery("#viewLevel2").attr('checked')==true){
|
||||
if($id("usergroupid","xz","i18n_uctsi.message.usergroup_n81i")){
|
||||
if(jQuery("#isSnmp0").attr('checked')==true){
|
||||
if($id("snmpOID","","OID") && checkOID($("#snmpOID").val()) && updateCheck()){
|
||||
jQuery("input[type='radio'][name='checkTypeInfo.isSnmp']").removeAttr('disabled');
|
||||
document.Mkform.action="<%=path%>/detection/checkTypeSet.do?action=doUpdate";
|
||||
document.Mkform.submit();
|
||||
}else{
|
||||
$("#OIDFont").text("i18n_uctsi.error.OIDFont_n81i");
|
||||
$("#snmpOID").val("");
|
||||
$("#snmpOID").focus();
|
||||
return;
|
||||
}
|
||||
}else{
|
||||
if(updateCheck()){
|
||||
jQuery("input[type='radio'][name='checkTypeInfo.isSnmp']").removeAttr('disabled');
|
||||
document.Mkform.action="<%=path%>/detection/checkTypeSet.do?action=doUpdate";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
}
|
||||
}
|
||||
}else{
|
||||
if(jQuery("#isSnmp0").attr('checked')==true){
|
||||
if($id("snmpOID","","OID") && checkOID($("#snmpOID").val()) && updateCheck()){
|
||||
jQuery("input[type='radio'][name='checkTypeInfo.isSnmp']").removeAttr('disabled');
|
||||
document.Mkform.action="<%=path%>/detection/checkTypeSet.do?action=doUpdate";
|
||||
document.Mkform.submit();
|
||||
}else{
|
||||
$("#OIDFont").text("i18n_uctsi.error.OIDFont_n81i");
|
||||
$("#snmpOID").val("");
|
||||
$("#snmpOID").focus();
|
||||
return;
|
||||
}
|
||||
}else{
|
||||
if(updateCheck()){
|
||||
jQuery("input[type='radio'][name='checkTypeInfo.isSnmp']").removeAttr('disabled');
|
||||
document.Mkform.action="<%=path%>/detection/checkTypeSet.do?action=doUpdate";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
jQuery(function(){
|
||||
if(jQuery("#viewLevel2").attr('checked')==true){
|
||||
jQuery("td[id=usergroup]").show();
|
||||
}else{
|
||||
jQuery("td[id=usergroup]").hide();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan','3').addClass('td_3').removeClass('td_2');
|
||||
}
|
||||
|
||||
//-- 查看权限事件绑定
|
||||
jQuery("input[type='radio'][name='checkTypeInfo.viewLevel']").click(function(){
|
||||
if(jQuery(this).val() == 2){ //用户组显示且必选
|
||||
jQuery("td[id=usergroup]").show();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',1).addClass('td_3').removeClass('td_2');
|
||||
}else{ //用户组隐藏
|
||||
jQuery("td[id=usergroup]").hide();
|
||||
jQuery("#usergroupid").val("");
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',3).addClass('td_2').removeClass('td_3');
|
||||
}
|
||||
});
|
||||
|
||||
if(jQuery("#isSnmp0").attr('checked')==true || jQuery("#isSnmp1").attr('checked')==true){
|
||||
jQuery("td[id=oid]").show();
|
||||
jQuery("td[id=snmp]").attr('colspan',1).addClass('td_3').removeClass('td_2');
|
||||
}else{
|
||||
jQuery("td[id=oid]").hide();
|
||||
jQuery("td[id=snmp]").attr('colspan',3).addClass('td_2').removeClass('td_3');
|
||||
}
|
||||
|
||||
//-- 是否snmp监控事件绑定
|
||||
jQuery("input[type='radio'][name='checkTypeInfo.isSnmp']").click(function(){
|
||||
if(jQuery(this).val() == 0 || jQuery(this).val() == 1){ //oid显示且必选
|
||||
jQuery("td[id=oid]").show();
|
||||
jQuery("td[id=snmp]").attr('colspan',1).addClass('td_3').removeClass('td_2');
|
||||
}else{ //用户组隐藏
|
||||
jQuery("td[id=oid]").hide();
|
||||
jQuery("td[id=snmp]").attr('colspan',3).addClass('td_2').removeClass('td_3');
|
||||
//jQuery("#snmpOID").val("");
|
||||
}
|
||||
});
|
||||
//--验证OID失去焦点事件
|
||||
$("#snmpOID").focusout(function() {
|
||||
if($("#snmpOID").val()!="" && checkOID($("#snmpOID").val())){
|
||||
$("#OIDFont").attr('color','#009900').text("OID合法");
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<body>
|
||||
<div class="middle_list" >
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_uctsi.button.back_n81i"/>
|
||||
</div>
|
||||
<input type="hidden" id="ctname1" value="${checkTypeInfo.checkTypeName1 }"/>
|
||||
<form action="" name="Mkform" method="post" id="Mkform">
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<input type="hidden" name="checkTypeInfo.id" value="${checkTypeInfo.id }" />
|
||||
<input type="hidden" name="ctn" id="ctn" value="${ctn }" />
|
||||
<input type="hidden" id="tnBk" value="${checkTypeInfo.tableName }" />
|
||||
<div style="clear: both"></div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table">
|
||||
<tr>
|
||||
<td colspan="4" class="color_8">
|
||||
<strong>i18n_uctsi.text.updateDetecationType_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="15%" align="right">
|
||||
i18n_uctsi.message.checkTypeName1_n81i
|
||||
</td>
|
||||
<td class="color_3" width="30%" align="left">
|
||||
<input type="text" name="checkTypeInfo.checkTypeName1" id="checkTypeName1" value="${checkTypeInfo.checkTypeName1 }"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" width="15%" align="right">
|
||||
i18n_uctsi.text.checkTypeName_n81i
|
||||
</td>
|
||||
<td class="color_3" width="30%" align="left">
|
||||
<input type="text" name="checkTypeNameShow" value="${checkTypeInfo.checkTypeName }" disabled/>
|
||||
<input type="hidden" name="checkTypeInfo.checkTypeName" id="checkTypeName" value="${checkTypeInfo.checkTypeName }"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="12%" align="right">
|
||||
i18n_uctsi.message.tableName_n81i
|
||||
</td>
|
||||
<!--<c:if test="${isHaveTable=='1' }">readonly</c:if>-->
|
||||
<td class="color_3" width="38%" align="left">
|
||||
<c:if test="${isHaveTable=='1' }" var="ihtFlag">
|
||||
<input type="text" name="tableNameShow" value="${checkTypeInfo.tableName }" disabled/>
|
||||
<input type="hidden" name="checkTypeInfo.tableName" id="tableName" value="${checkTypeInfo.tableName }" />
|
||||
</c:if>
|
||||
<c:if test="${!ihtFlag}">
|
||||
<input type="text" name="checkTypeInfo.tableName" id="tableName" value="${checkTypeInfo.tableName }" />
|
||||
</c:if>
|
||||
<font id="tableNameFont" color="red">*</font>
|
||||
|
||||
</td>
|
||||
<td class="color_1" align="right" valign="top">
|
||||
i18n_uctsi.text.tableComments_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" valign="top">
|
||||
<input type="text" name="checkTypeInfo.tableComments"
|
||||
id="tableComments" value="${checkTypeInfo.tableComments }"/>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="td_1">i18n_uctsi.text.viewPrivilige_n81i：</td>
|
||||
<td class="td_3" id="viewLevel0">
|
||||
<c:if test="${!ADMFlag }">
|
||||
<input type="radio" name="checkTypeInfo.viewLevel"
|
||||
id="" value="1" <c:if test="${checkTypeInfo.viewLevel == '1' }">checked="checked"</c:if>/>i18n_uctsi.text.publisher_n81i
|
||||
<input type="radio" name="checkTypeInfo.viewLevel"
|
||||
id="viewLevel2" value="2" <c:if test="${checkTypeInfo.viewLevel == '2' }">checked="checked"</c:if>/>i18n_uctsi.text.publisherGroup_n81i
|
||||
<input type="radio" name="checkTypeInfo.viewLevel"
|
||||
id="" value="3" <c:if test="${checkTypeInfo.viewLevel == '3' }">checked="checked"</c:if>/>i18n_uctsi.text.allInSys_n81i
|
||||
</c:if>
|
||||
<c:if test="${ADMFlag }">
|
||||
<input type="radio" name="checkTypeInfo.viewLevel"
|
||||
id="" value="4" <c:if test="${checkTypeInfo.viewLevel == '4' }">checked="checked"</c:if>/>i18n_uctsi.text.unlimited_n81i
|
||||
</c:if>
|
||||
</td>
|
||||
<td class="td_1" id="usergroup">i18n_uctsi.text.usergroup_n81i：</td>
|
||||
<td class="td_2" id="usergroup">
|
||||
<select name="checkTypeInfo.groupId" id="usergroupid">
|
||||
<option selected="selected" value="">
|
||||
i18n_uctsi.message.selectUserGroup_n81i
|
||||
</option>
|
||||
<c:forEach items="${setxtjs}" var="stjs">
|
||||
<option value="${stjs.jsbh}" <c:if test="${stjs.jsbh == checkTypeInfo.groupId }">selected="selected"</c:if>>
|
||||
${stjs.jsmc}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
<font color="red" id="group_red">* </font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" valign="top" nowrap="nowrap">
|
||||
i18n_uctsi.message.isSnmp_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" id="snmp">
|
||||
<input type="radio" name="checkTypeInfo.isSnmp" id="isSnmp0" value="0"
|
||||
<c:if test="${checkTypeInfo.isSnmp == 0}">checked="checked"</c:if>
|
||||
<c:if test="${isHaveTable=='1' }">disabled="disabled"</c:if>/>ObjectSNMP
|
||||
<input type="radio" name="checkTypeInfo.isSnmp" id="isSnmp1" value="1"
|
||||
<c:if test="${checkTypeInfo.isSnmp == 1}">checked="checked"</c:if>
|
||||
<c:if test="${isHaveTable=='1' }">disabled="disabled"</c:if>/>SNMP4J
|
||||
<input type="radio" name="checkTypeInfo.isSnmp" id="isSnmp2" value="2"
|
||||
<c:if test="${checkTypeInfo.isSnmp == 2||checkTypeInfo.isSnmp eq null}">checked="checked"</c:if>
|
||||
<c:if test="${isHaveTable=='1' }">disabled="disabled"</c:if>/>i18n_uctsi.message.no_n81i
|
||||
</td>
|
||||
<td id="oid" class="color_1" align="right" valign="top" nowrap="nowrap">
|
||||
OID
|
||||
</td>
|
||||
<td id="oid" class="color_3" align="left">
|
||||
<input type="text" name="checkTypeInfo.snmpOID" id="snmpOID" size="50" value="${checkTypeInfo.snmpOID}"/>
|
||||
<font id="OIDFont" color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" valign="top" nowrap="nowrap">
|
||||
i18n_uctsi.text.isSchedule_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
<input type="radio" name="isSchedule" value="1" disabled="disabled" checked="checked"/>i18n_uctsi.message.no_n81i
|
||||
<input type="hidden" name="checkTypeInfo.isSchedule" value="${checkTypeInfo.isSchedule}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" valign="top">
|
||||
i18n_uctsi.text.remark_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
<textarea rows="3" cols="50" id="checkRemark" name="checkTypeInfo.checkRemark">${checkTypeInfo.checkRemark }</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_7" colspan="4" align="right">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="add()" value="i18n_uctsi.button.submit_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:document.forms['Mkform'].reset()"
|
||||
value="i18n_uctsi.button.reset_n81i"/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
450
WebRoot/page/detection/checkType/updateCheckTypeSourceList.jsp
Normal file
450
WebRoot/page/detection/checkType/updateCheckTypeSourceList.jsp
Normal file
@@ -0,0 +1,450 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_uctsl.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet" type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js'/>"></script>
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
function updateCheck(){
|
||||
var type;
|
||||
$.ajax({
|
||||
url:"<%=path%>/detection/metaDataSet.do?action=updateCheck",
|
||||
type : "POST",
|
||||
async:false,
|
||||
data:$('#frmArticleType').serialize(),
|
||||
success : function(data) {
|
||||
if(data == "exception"){
|
||||
type = false;
|
||||
alert("i18n_uctsl.message.faild_n81i");
|
||||
}else if(data =="success"){
|
||||
type = true;
|
||||
}else{
|
||||
type = false;
|
||||
alert(data);
|
||||
}
|
||||
}
|
||||
});
|
||||
return type;
|
||||
}
|
||||
|
||||
function add() {
|
||||
if(checkForm()&&updateCheck()) {
|
||||
jQuery("select[ltype='haveTable']").removeAttr('disabled');
|
||||
jQuery("input[type='text'][ltype='haveTable']").removeAttr('disabled');
|
||||
document.form3.action="<%=path%>/detection/metaDataSet.do?action=doUpdList";
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
|
||||
//表单检查：字段名：非空，长度小于30，字段名不可重名
|
||||
function checkForm() {
|
||||
var flag = true;
|
||||
//字段名
|
||||
var nameArray = new Array();
|
||||
jQuery("[id^='filedName_']").each(function(i) {
|
||||
var filedName = this.value;
|
||||
if(filedName==""||filedName==undefined||filedName==null) {
|
||||
//alert("字段名均不可为空");
|
||||
$(this).next().html("i18n_uctsl.message.inputFiledName_n81i");
|
||||
$(this).focus();
|
||||
flag = false;
|
||||
return false;//跳出的是each，而不是checkForm
|
||||
}else if(!$(this).checkByteLength(30,"i18n_uctsl.text.filedName_n81i")) {//长度不符合
|
||||
$(this).focus();
|
||||
flag = false;
|
||||
return false;
|
||||
}else if(checkNum(filedName)){
|
||||
//alert("字段名均不能以数字开头");
|
||||
$(this).next().html("i18n_uctsl.message.cannotNum_n81i");
|
||||
$(this).focus();
|
||||
flag = false;
|
||||
return false;
|
||||
}else {//进行字段名是否重复验证,如果重复则返回false
|
||||
nameArray[i] = this.value;
|
||||
}
|
||||
});
|
||||
//符合条件：非空，长度，才有判断元素是否重复的意义
|
||||
if(flag==true) {
|
||||
var names = ","+nameArray.join(",")+",";
|
||||
for(var i=0;i<nameArray.length;i++) {
|
||||
if(names.replace(nameArray[i]+",","").indexOf(","+nameArray[i]+",")>-1) {//说明有重复元素
|
||||
//alert("字段名重复，请修改！");
|
||||
$("[id^='filedName_'][value='"+nameArray[i]+"']").next().html("i18n_uctsl.message.filedNameRepeat_n81i");
|
||||
$("[id^='filedName_'][value='"+nameArray[i]+"']").focus();
|
||||
flag = false;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if(flag==true) {
|
||||
//字段描述非空
|
||||
jQuery("[id^='filedComments_']").each(function(i) {
|
||||
var filedName = this.value;
|
||||
if(filedName==""||filedName==undefined||filedName==null) {
|
||||
alert("i18n_uctsl.message.filedComments_n81i");
|
||||
$(this).focus();
|
||||
flag = false;
|
||||
return false;//跳出的是each，而不是checkForm
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if(flag==true) {
|
||||
//字段类型非空
|
||||
jQuery("[id^='filedType_']").each(function(i) {
|
||||
var filedName = this.value;
|
||||
if(filedName==""||filedName==undefined||filedName==null) {
|
||||
alert("i18n_uctsl.message.filedType1_n81i");
|
||||
$(this).focus();
|
||||
flag = false;
|
||||
return false;//跳出的是each，而不是checkForm
|
||||
}else if('VARCHAR2'==this.value) {
|
||||
var lengthId = "filedTypeLength_" + jQuery(this).attr('id').substr(10);
|
||||
var filedLength = jQuery("input[type='text'][id='"+lengthId+"']").val();
|
||||
if(filedLength==""||filedLength==undefined||filedLength==null) {
|
||||
alert("i18n_uctsl.message.filedLength1_n81i");
|
||||
jQuery("input[type='text'][id='"+lengthId+"']").focus();
|
||||
flag = false;
|
||||
return false;//跳出的是each，而不是checkForm
|
||||
}else if(filedLength.replace(/[\d+]/ig,"").length>0) {//文本类型的长度应为数字
|
||||
alert('i18n_uctsl.message.filedLength2_n81i')
|
||||
jQuery("input[type='text'][id='"+lengthId+"']").focus();
|
||||
flag = false;
|
||||
return false;//跳出的是each，而不是checkForm
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//判断是否选择了分类标识
|
||||
if(flag==true) {
|
||||
var issnmp =$("#is").val();
|
||||
if(issnmp!=null && issnmp !=""){
|
||||
if(Number(issnmp) < 2){//snmp监控
|
||||
var checkedSize = $("input[type='radio'][id^='sortSign_'][value='0']:checked").size();
|
||||
var hasSortSign = $("#hasSortSign").val();
|
||||
if(hasSortSign!=null&& hasSortSign !="yes"&&Number(checkedSize) == 0){
|
||||
alert("i18n_uctsl.message.hasSortSign_n81i");
|
||||
flag = false;
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
return flag;
|
||||
}
|
||||
|
||||
//检查是否以数字开头
|
||||
function checkNum(s)
|
||||
{
|
||||
var cs = /^[0-9]*$/;
|
||||
resu = cs.test(s);
|
||||
return (cs.test(s));
|
||||
}
|
||||
|
||||
//无用？
|
||||
function rclick(obj){
|
||||
if(obj.id=='state1'){//停用此字段时，字段不可用于统计
|
||||
document.getElementById('chartState1').checked="checked";
|
||||
}else{
|
||||
if($("#filedType").val() == "VARCHAR2"){
|
||||
$("#chartState1").attr("checked","checked");//1停用
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
jQuery(function(){
|
||||
//if(jQuery("select[id^='filedType_']").val() == "VARCHAR2"){
|
||||
// $("#chartState1").attr("checked","checked");//1停用,文本字段类型不可用于统计，所以当为文本类型时，用于统计选停用??
|
||||
//}
|
||||
//-- 字段类型选择事件绑定
|
||||
/*jQuery("[id^='filedType_']").change(function(){
|
||||
var idTemp = jQuery(this).attr('id');
|
||||
var id = idTemp.substr(idTemp.indexOf("_"));
|
||||
if(jQuery(this).val() == "VARCHAR2"){
|
||||
jQuery("[id='lengthFt"+id+"']").css("display","inline");
|
||||
}else{ //字段长度隐藏--数字 时间
|
||||
jQuery("[id='lengthFt"+id+"']").css("display","none");
|
||||
jQuery("[id='lengthFt"+id+"']").val("");//数字和时间类型字段，长度为空
|
||||
}
|
||||
});
|
||||
*/
|
||||
//分类标识选择【是】事件绑定:有一个点击是，除了这个元素以为的其它都点击否
|
||||
jQuery("input[type='radio'][id^='sortSign_'][value='0']").click(function() {
|
||||
var curId = jQuery(this).attr('id');//当前选择元素的ID
|
||||
jQuery("input[type='radio'][id^='sortSign_'][id!='"+curId+"'][value='1']").each(function(i){
|
||||
jQuery(this).trigger('click');
|
||||
});
|
||||
});
|
||||
|
||||
//选择统计时 判断字段类型
|
||||
jQuery("input[type='radio'][id^='chartState_'][value='0']").click(function() {
|
||||
var curId = jQuery(this).attr('id');//当前选择元素的ID
|
||||
var id = curId.substr(curId.indexOf("_"));//metaId
|
||||
if(jQuery("#filedType"+id).val() == "VARCHAR2"){
|
||||
alert("i18n_uctsl.message.filedType2_n81i");
|
||||
jQuery("input[type='radio'][id='"+curId+"'][value='1']").trigger('click');
|
||||
return;
|
||||
}
|
||||
});
|
||||
|
||||
//不可把统计改为否
|
||||
//if(jQuery("input[type='radio'][id^='chartState_'][value='0']").attr('checked') == true){
|
||||
// alert("inin");
|
||||
// alert(jQuery("input[type='radio'][id^='chartState_'][value='1']"));
|
||||
// jQuery("input[type='radio'][id^='chartState_'][value='1']").attr('readonly','readonly');
|
||||
//}
|
||||
$("#tt").floatHeaderDiv();
|
||||
})
|
||||
|
||||
function fieldTypeChange(obj){
|
||||
var idTemp = jQuery(obj).attr('id');
|
||||
var id = idTemp.substr(idTemp.indexOf("_"));
|
||||
if(jQuery(obj).val() == "VARCHAR2"){
|
||||
jQuery("[id='lengthFt"+id+"']").css("display","inline");
|
||||
}else { //字段长度隐藏--数字 时间
|
||||
jQuery("[id='lengthFt"+id+"']").css("display","none");
|
||||
jQuery("[id='filedTypeLength"+id+"']").val("");//数字和时间类型字段，长度为空
|
||||
}
|
||||
}
|
||||
|
||||
function readOnlySelect(obj) {
|
||||
var index = obj.selectedIndex;
|
||||
obj.onchange = function() {
|
||||
obj.selectedIndex = index;
|
||||
}
|
||||
}
|
||||
|
||||
function goBack(){
|
||||
document.form3.action ="<%=path%>/detection/metaDataSet!executeAction.do?action=query";
|
||||
document.form3.submit();
|
||||
}
|
||||
</script>
|
||||
|
||||
<body>
|
||||
<div class="middle_list">
|
||||
<form name=form3 id="frmArticleType" action="" method="post">
|
||||
<input type="hidden" name="typeids" value="${typeids[0]}"/>
|
||||
<input type="hidden" name="pageNo" value="${pageNo}" /><!-- 列表当前页数 -->
|
||||
<input type="hidden" name="pageSize" value="${pageSize}" /><!-- 列表当前页数 -->
|
||||
<input type="hidden" name="isSnmp" value="${isSnmp}" id="is"/>
|
||||
<input type="hidden" name="hasSortSign" value="${hasSortSign}" id="hasSortSign"/>
|
||||
<c:forEach items="${ids}" var="ids" varStatus="vs">
|
||||
<input type="hidden" name="ids" id="ids" value="${ids}"/>
|
||||
</c:forEach>
|
||||
<input type="hidden" name="ctn" id="ctn" value="${ctn }" />
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" id="tt">
|
||||
<tr>
|
||||
<td colspan="8" class="color_7" style="font-size:13px;">
|
||||
<strong>i18n_uctsl.text.updateMetaData_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="2%" class="color_top">
|
||||
i18n_uctsl.text.index_n81i
|
||||
</td>
|
||||
<td width="12%" class="color_top">
|
||||
i18n_uctsl.text.filedName_n81i
|
||||
</td>
|
||||
<td width="16%" class="color_top">
|
||||
i18n_uctsl.text.filedComments_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top">
|
||||
i18n_uctsl.text.filedType_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top">
|
||||
i18n_uctsl.text.isMetaDateState_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top">
|
||||
i18n_uctsl.text.isChartState_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top">
|
||||
i18n_uctsl.text.dict_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top">
|
||||
i18n_uctsl.text.isClassify_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(metadataList) > 0}">
|
||||
<c:forEach items="${metadataList}" var="metadata" varStatus="vs">
|
||||
<c:set var="color" value="color_1"/>
|
||||
<c:set var="color_end" value="color_7"/>
|
||||
<c:set var="color_btton" value="color_3"/>
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3"/>
|
||||
<c:set var="color_end" value="color_6"/>
|
||||
<c:set var="color_btton" value="color_1"/>
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
${index+(pageNo-1)*pageSize}
|
||||
<input type="hidden" value="${metadata.id }" name="metadataList[${index-1}].id" id="id_${metadata.id}">
|
||||
<input type="hidden" value="${metadata.id }" name="metadataIds" id="metadataIds">
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<input type="text" name="metadataList[${index-1}].filedName" id="filedName_${metadata.id}"
|
||||
<c:if test="${fn:trim(metadata.filedName)==''}"> value="${metadata.filedComments}" </c:if>
|
||||
<c:if test="${fn:trim(metadata.filedName)!=''}"> value="${metadata.filedName}" </c:if>
|
||||
<c:if test="${isHaveTable=='yes'}"> readonly="readonly" </c:if>
|
||||
/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<input type="text" name="metadataList[${index-1}].filedComments"
|
||||
id="filedComments_${metadata.id}" value="${metadata.filedComments }" />
|
||||
<font color="red">*i18n_uctsl.text.showFiledUtil_n81i</font>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${isHaveTable=='no'}">
|
||||
<select name="metadataList[${index-1}].filedTypeOnly" id="filedType_${metadata.id}" onchange="javascript:fieldTypeChange(this);">
|
||||
<option value="" >
|
||||
i18n_uctsl.message.metaDataDefault_n81i
|
||||
</option>
|
||||
<option value="NUMBER" <c:if test="${fn:toUpperCase(metadata.filedTypeOnly) == 'NUMBER'}">selected="selected"</c:if>>
|
||||
i18n_uctsl.message.metaDataNumber_n81i
|
||||
</option>
|
||||
<option value="DATE" <c:if test="${fn:toUpperCase(metadata.filedTypeOnly) == 'DATE'}">selected="selected"</c:if>>
|
||||
i18n_uctsl.message.metaDataDATE_n81i
|
||||
</option>
|
||||
<option value="VARCHAR2" <c:if test="${fn:toUpperCase(metadata.filedTypeOnly) == 'VARCHAR2'}">selected="selected"</c:if>>
|
||||
i18n_uctsl.message.metaDataVARCHAR2_n81i
|
||||
</option>
|
||||
</select>
|
||||
</c:if>
|
||||
<c:if test="${isHaveTable=='yes'}">
|
||||
<select disabled="disabled" ltype="haveTable" name="metadataList[${index-1}].filedTypeOnly" id="filedType_${metadata.id}" onfocus="javascript:readOnlySelect(this);">
|
||||
<option value="" >
|
||||
i18n_uctsl.message.metaDataDefault_n81i
|
||||
</option>
|
||||
<option value="NUMBER" <c:if test="${fn:toUpperCase(metadata.filedTypeOnly) == 'NUMBER'}">selected="selected"</c:if>>
|
||||
i18n_uctsl.message.metaDataNumber_n81i
|
||||
</option>
|
||||
<option value="DATE" <c:if test="${fn:toUpperCase(metadata.filedTypeOnly) == 'DATE'}">selected="selected"</c:if>>
|
||||
i18n_uctsl.message.metaDataDATE_n81i
|
||||
</option>
|
||||
<option value="VARCHAR2" <c:if test="${fn:toUpperCase(metadata.filedTypeOnly) == 'VARCHAR2'}">selected="selected"</c:if>>
|
||||
i18n_uctsl.message.metaDataVARCHAR2_n81i
|
||||
</option>
|
||||
</select>
|
||||
</c:if>
|
||||
<font color="red">*</font>
|
||||
|
||||
<div align="left" id="lengthFt_${metadata.id}"
|
||||
<c:if test="${metadata.filedTypeOnly == 'VARCHAR2'}"> style="display:inline;" </c:if>
|
||||
<c:if test="${metadata.filedTypeOnly != 'VARCHAR2'}"> style="display:none;" </c:if> >
|
||||
i18n_uctsl.message.metaDataLength_n81i
|
||||
<input type="text" name="metadataList[${index-1}].filedTypeLength" value="${metadata.filedTypeLength}"
|
||||
id="filedTypeLength_${metadata.id}" maxlength="5" size="2"
|
||||
<c:if test="${isHaveTable=='yes'}"> readonly="readonly" </c:if>
|
||||
<c:if test="${isHaveTable=='yes'}">ltype="haveTable" disabled="disabled" </c:if>
|
||||
/>
|
||||
<font color="red">*</font>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<input type="radio" name="metadataList[${index-1}].state"
|
||||
id="state_${metadata.id}" onclick="rclick(this)" value="0" <c:if test="${metadata.state == '0' || fn:trim(metadata.state) ==''}">checked="checked"</c:if>/>i18n_uctsl.message.start_n81i
|
||||
<input type="radio" name="metadataList[${index-1}].state"
|
||||
id="state_${metadata.id}" onclick="rclick(this)" value="1" <c:if test="${metadata.state == '1' }">checked="checked"</c:if>/>i18n_uctsl.message.stop_n81i
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<input type="radio" name="metadataList[${index-1}].chartState"
|
||||
id="chartState_${metadata.id}" value="0" <c:if test="${metadata.chartState == '0' }">checked="checked"</c:if>/>i18n_uctsl.message.yes_n81i
|
||||
<input type="radio" name="metadataList[${index-1}].chartState"
|
||||
id="chartState_${metadata.id}" value="1" <c:if test="${metadata.chartState == '1' || fn:trim(metadata.chartState) ==''}">checked="checked"</c:if>
|
||||
<c:if test="${metadata.chartState == '0' }"> disabled="disabled" </c:if>/>i18n_uctsl.message.no_n81i
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<select name="metadataList[${index-1}].typeId" id="typeId_${metadata.id}">
|
||||
<option value="">
|
||||
i18n_uctsl.message.metaDataDefault_n81i
|
||||
</option>
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(typeTableList) > 0}">
|
||||
<c:forEach items="${typeTableList}" var="typeTable" >
|
||||
<option value="${typeTable.id}" <c:if test="${typeTable.id == metadata.typeId}">selected="selected"</c:if>>
|
||||
${typeTable.typeName}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</select>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<input type="radio" name="metadataList[${index-1}].sortSign"
|
||||
id="sortSign_${metadata.id}" value="0" <c:if test="${metadata.sortSign == '0' }">checked="checked"</c:if>/>i18n_uctsl.message.yes_n81i
|
||||
<input type="radio" name="metadataList[${index-1}].sortSign"
|
||||
id="sortSign_${metadata.id}" value="1" <c:if test="${metadata.sortSign == '1' || fn:trim(metadata.sortSign) ==''}">checked="checked"</c:if>/>i18n_uctsl.message.no_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="8" align="center">
|
||||
i18n_uctsl.message.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<tr>
|
||||
<td class="${color_btton}" colspan="8" align="right">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="add()" value="i18n_uctsl.button.submit_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:document.forms['form3'].reset()"
|
||||
value="i18n_uctsl.button.reset_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack(${metadata.checkTypeInfo.id })"
|
||||
value="i18n_uctsl.button.back_n81i"/>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
284
WebRoot/page/detection/detailDetecSetInfo.jsp
Normal file
284
WebRoot/page/detection/detailDetecSetInfo.jsp
Normal file
@@ -0,0 +1,284 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%@ taglib uri="/jstl/fmt" prefix="fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_ddsi.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
function goBack(){
|
||||
document.Mkform.action="<%=path%>/detection/detectionSet.do?action=query";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
|
||||
$(function(){
|
||||
//下载附件
|
||||
$(".downloadA").click(function(){
|
||||
window.location="<%=path%>/detection/detectionSet.do?action=downloadScript&myFileFileName=${myFileFileName}";
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<body>
|
||||
<div class="middle_list" >
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_ddsi.button.back_n81i"/>
|
||||
</div>
|
||||
<div style="height: 25px"></div>
|
||||
<form action="" name="Mkform" method="post">
|
||||
<input type="hidden" name="ip" id="ip" value="${ip }" />
|
||||
<input type="hidden" name="ctn" id="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="pIden" id="pIden" value="${pIden }" />
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<jsp:include page="/common/transferHiddenParameter.jsp" />
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" style="table-layout: fixed;word-wrap:break-word;">
|
||||
<tr>
|
||||
<td colspan="4" class="color_8">
|
||||
<strong>i18n_ddsi.text.title_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_ddsi.text.processIdenName_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" width="20%">
|
||||
${detectionSetInfo.processIdenName }
|
||||
</td>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_ddsi.text.processIden_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" width="20%">
|
||||
${detectionSetInfo.processIden }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_ddsi.text.nodeGroup_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left" width="20%">
|
||||
${detectionSetInfo.nodeGroupsName }
|
||||
</td>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_ddsi.text.nodeIp_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" width="20%" >
|
||||
${detectionSetInfo.nodeIpsName }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_ddsi.text.checkTypeName_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left" width="20%">
|
||||
${detectionSetInfo.checkTypeInfo.checkTypeName1 }
|
||||
</td>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_ddsi.text.checkType_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left" width="20%">
|
||||
${detectionSetInfo.checkTypeInfo.checkTypeName }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ddsi.text.checkWay_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<c:if test="${detectionSetInfo.checkWay == '1' }">i18n_ddsi.message.passive_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.checkWay == '0' }">i18n_ddsi.message.active_n81i</c:if>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ddsi.text.detectionSetState_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
<c:if test="${detectionSetInfo.detectionSetState == '1' }">i18n_ddsi.message.valid_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.detectionSetState == '0' }">i18n_ddsi.message.invalid_n81i</c:if>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ddsi.text.viewLevel_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<c:if test="${detectionSetInfo.viewLevel=='1' }">i18n_ddsi.message.publisher_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.viewLevel=='2' }">i18n_ddsi.message.publisherGroup_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.viewLevel=='3' }">i18n_ddsi.message.allInSys_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.viewLevel=='4' }">i18n_ddsi.message.unlimited_n81i</c:if>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ddsi.text.isSchedule_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left" >
|
||||
<c:if test="${detectionSetInfo.checkTypeInfo.isSchedule=='0' }">i18n_ddsi.message.isSchedule0_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.checkTypeInfo.isSchedule=='1' }">i18n_ddsi.message.isSchedule1_n81i</c:if>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ddsi.text.checkGap_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${detectionSetInfo.checkGap }
|
||||
</td>
|
||||
<!--
|
||||
<td class="color_1" align="right">
|
||||
上传监测数据时间间隔(分钟)：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${detectionSetInfo.uploadGap }
|
||||
</td>
|
||||
-->
|
||||
<td class="color_1" align="right">
|
||||
i18n_ddsi.text.checkOutTime_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${detectionSetInfo.checkOutTime }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ddsi.text.planCheckTime_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<fmt:formatDate value="${detectionSetInfo.planCheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ddsi.text.checkMaxTimes_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${detectionSetInfo.checkMaxTimes }
|
||||
</td>
|
||||
</tr>
|
||||
<%-- 1. 系统预置监测 --%>
|
||||
<c:if test="${detectionSetInfo.id < 8}">
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ddsi.text.processFile_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${detectionSetInfo.processFile }
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ddsi.text.processPath_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${detectionSetInfo.processPath }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ddsi.text.isControlStart_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<c:if test="${detectionSetInfo.id < 8}">i18n_ddsi.text.ncStartup_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.id >= 8}">
|
||||
<c:if test="${detectionSetInfo.isControlStart=='0' }">i18n_ddsi.message.manually_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.isControlStart=='1' }">i18n_ddsi.message.singleStart_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.isControlStart=='2' }">i18n_ddsi.message.cycleStart_n81i</c:if>
|
||||
</c:if>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_ddsi.text.controlStartTime_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
<fmt:formatDate value="${detectionSetInfo.controlStartTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if><%-- end of 1 --%>
|
||||
<%-- 2.1 第三方监测手动启动 --%>
|
||||
<c:if test="${detectionSetInfo.id >= 8 and detectionSetInfo.isControlStart == '0'}">
|
||||
<tr>
|
||||
<td class="color_1" align="right">i18n_ddsi.text.processFile_n81i：</td>
|
||||
<td class="color_3" align="left">${detectionSetInfo.processFile }</td>
|
||||
<td class="color_1" align="right">i18n_ddsi.text.processSearchCode_n81i：</td>
|
||||
<td class="color_6" align="left">${detectionSetInfo.processSearchCode }</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">i18n_ddsi.text.isControlStart_n81i：</td>
|
||||
<td class="color_3" align="left">
|
||||
<c:if test="${detectionSetInfo.isControlStart=='0' }">i18n_ddsi.message.manually_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.isControlStart=='1' }">i18n_ddsi.message.singleStart_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.isControlStart=='2' }">i18n_ddsi.message.cycleStart_n81i</c:if>
|
||||
</td>
|
||||
<td class="color_1" align="right"></td>
|
||||
<td class="color_6" align="left"></td>
|
||||
</tr>
|
||||
</c:if><%-- end of 2.1 --%>
|
||||
<%-- 2.2 第三方监测NC单次启动 --%>
|
||||
<c:if test="${detectionSetInfo.id >= 8 and detectionSetInfo.isControlStart == '1'}">
|
||||
<tr>
|
||||
<td class="color_1" align="right">i18n_ddsi.text.isControlStart_n81i：</td>
|
||||
<td class="color_3" align="left">
|
||||
<c:if test="${detectionSetInfo.isControlStart=='0' }">i18n_ddsi.message.manually_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.isControlStart=='1' }">i18n_ddsi.message.singleStart_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.isControlStart=='2' }">i18n_ddsi.message.cycleStart_n81i</c:if>
|
||||
</td>
|
||||
<td class="color_1" align="right">i18n_ddsi.text.controlStartTime_n81i：</td>
|
||||
<td class="color_6" align="left">
|
||||
<fmt:formatDate value="${detectionSetInfo.controlStartTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">i18n_ddsi.text.processFile_n81i：</td>
|
||||
<td class="color_3" align="left">${detectionSetInfo.processFile }</td>
|
||||
<td class="color_1" align="right">i18n_ddsi.text.processSearchCode_n81i：</td>
|
||||
<td class="color_6" align="left">${detectionSetInfo.processSearchCode }</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">i18n_ddsi.text.processPath_n81i：</td>
|
||||
<td class="color_3" align="left">${detectionSetInfo.processPath }</td>
|
||||
<td class="color_1" align="right"></td>
|
||||
<td class="color_6" align="left"></td>
|
||||
</tr>
|
||||
</c:if><%-- end of 2.2 --%>
|
||||
<%-- 2.3 第三方监测NC周期启动类型 --%>
|
||||
<c:if test="${detectionSetInfo.id >= 8 and detectionSetInfo.isControlStart == '2'}">
|
||||
<tr>
|
||||
<td class="color_1" align="right">i18n_ddsi.text.isControlStart_n81i：</td>
|
||||
<td class="color_3" align="left">
|
||||
<c:if test="${detectionSetInfo.isControlStart=='0' }">i18n_ddsi.message.manually_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.isControlStart=='1' }">i18n_ddsi.message.singleStart_n81i</c:if>
|
||||
<c:if test="${detectionSetInfo.isControlStart=='2' }">i18n_ddsi.message.cycleStart_n81i</c:if>
|
||||
</td>
|
||||
<td class="color_1" align="right">i18n_ddsi.text.controlStartTime_n81i：</td>
|
||||
<td class="color_6" align="left">
|
||||
<fmt:formatDate value="${detectionSetInfo.controlStartTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">i18n_ddsi.text.myFileFile_n81i：</td>
|
||||
<td class="color_3" align="left">
|
||||
<a title="点击下载" href="#" class="downloadA" id="scriptFile">${myFileFileName}</a>
|
||||
</td>
|
||||
<td class="color_1" align="right"></td>
|
||||
<td class="color_6" align="left"></td>
|
||||
</tr>
|
||||
</c:if><%-- end of 2.3 --%>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
652
WebRoot/page/detection/detecSetInfoList.jsp
Normal file
652
WebRoot/page/detection/detecSetInfoList.jsp
Normal file
@@ -0,0 +1,652 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
<!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">
|
||||
<% response.setHeader("Pragma","No-cache");
|
||||
response.setHeader("Cache-Control","no-cache");
|
||||
response.setDateHeader("Expries",0);
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_dsil.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet" type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/js/jBox/Skins/Gray/jbox.css'/>" rel="stylesheet" type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value="/js/jBox/jquery.jBox-2.3.min.js"/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value="/js/fileInput.js"/>"></script>
|
||||
|
||||
<style type="text/css">
|
||||
.mydiv {
|
||||
background-color:#fff;
|
||||
border: 1px solid #000;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
z-index:99;
|
||||
width: 220px;
|
||||
height: 80px;
|
||||
left:50%;/*FF IE7*/
|
||||
top: 50%;/*FF IE7*/
|
||||
|
||||
margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
|
||||
margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
|
||||
|
||||
margin-top:0px;
|
||||
|
||||
position:fixed!important;/*FF IE7*/
|
||||
position:absolute;/*IE6*/
|
||||
|
||||
_top: expression(eval(document.compatMode &&
|
||||
document.compatMode=='CSS1Compat') ?
|
||||
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
|
||||
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
|
||||
|
||||
}
|
||||
|
||||
|
||||
.bg {
|
||||
background-color: #ccc;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left:0;
|
||||
top:0;/*FF IE7*/
|
||||
filter:alpha(opacity=50);/*IE*/
|
||||
opacity:0.5;/*FF*/
|
||||
z-index:1;
|
||||
|
||||
position:fixed!important;/*FF IE7*/
|
||||
position:absolute;/*IE6*/
|
||||
|
||||
_top: expression(eval(document.compatMode &&
|
||||
document.compatMode=='CSS1Compat') ?
|
||||
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
|
||||
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
|
||||
|
||||
}
|
||||
/*The END*/
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
var msg = '${MSG}';
|
||||
if(msg=='1'){
|
||||
alert("i18n_dsil.message.success_n81i");
|
||||
}else if(msg=='2'){
|
||||
alert("i18n_dsil.message.faild_n81i");
|
||||
}
|
||||
|
||||
//添加记录
|
||||
function addDetecSet(){
|
||||
document.form3.action ="<%=path%>/detection/detectionSet!executeAction.do?action=openAdd&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }';
|
||||
document.form3.submit();
|
||||
}
|
||||
//修改记录
|
||||
function updDetecSet(){
|
||||
if(!isRigthCheck("ids", "edit")){
|
||||
alert("i18n_dsil.message.selectARow_n81i");
|
||||
}else{
|
||||
document.form3.action ="<%=path%>/detection/detectionSet!executeAction.do?action=openUpdate&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }';
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
//停用
|
||||
function stopDSet(){
|
||||
if(!isRigthCheck("ids", "remove")){
|
||||
alert("i18n_dsil.message.selectARow_n81i");
|
||||
}else{///0 无效，1 有效
|
||||
if(isOperation("ids", 0)){//当前状态是0，不能停用操作
|
||||
alert('i18n_dsil.message.invalidStatus_n81i');
|
||||
}else{
|
||||
document.form3.action ="<%=path%>/detection/detectionSet!executeAction.do?action=stop";
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
}
|
||||
//启用
|
||||
function startDSet(){
|
||||
if(!isRigthCheck("ids", "remove")){
|
||||
alert("i18n_dsil.message.selectARow_n81i");
|
||||
}else{//0 无效，1 有效
|
||||
if(isOperation("ids", 1)){//当前状态是1，不能启用操作
|
||||
alert('i18n_dsil.message.validSetting_n81i');
|
||||
}else{
|
||||
document.form3.action ="<%=path%>/detection/detectionSet!executeAction.do?action=start";
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
}
|
||||
//查询记录
|
||||
function qry(){
|
||||
document.form3.action = "<%=path%>/detection/detectionSet.do?action=query";
|
||||
document.form3.submit();
|
||||
}
|
||||
//查看详情
|
||||
function showRecord(setid){
|
||||
document.form3.action = "<%=path%>/detection/detectionSet!executeAction.do?action=detail&ids="+setid+"&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }';
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
//parent.document.all("listFrame").style.height = document.body.scrollHeight + 16;
|
||||
|
||||
//报警设置
|
||||
function addPoliceSet(){
|
||||
if(!isRigthCheck("ids", "edit")){
|
||||
alert("i18n_dsil.message.selectARow_n81i");
|
||||
}else{
|
||||
var setId = $("input:checked").val();
|
||||
window.location="<%=path%>/detection/policeSet!executeAction.do?action=query&pIden="+'${pIden}'+"&ctn="+'${ctn}'+"&ip="+'${ip}'+"&setId="+setId;
|
||||
}
|
||||
}
|
||||
|
||||
var set_Id;
|
||||
var ajaxProperties = "";
|
||||
var ajaxTableName = "";
|
||||
var ajaxType = "";
|
||||
var id = "";
|
||||
var returnDiv = "";
|
||||
var ajaxValue = "";
|
||||
|
||||
function lianxiangkeydown() {
|
||||
clearTimeout(set_Id);
|
||||
}
|
||||
|
||||
function lianxiangkeyup(ajaxProperties1,ajaxTableName1,ajaxType1,id1,returnDiv1,ajaxValue1) {
|
||||
if(parent.document.getElementById("lianxiangStatus").value=="2")
|
||||
{
|
||||
if(jQuery.trim(ajaxValue1)=="") return false;
|
||||
|
||||
ajaxProperties = ajaxProperties1;
|
||||
ajaxTableName = ajaxTableName1;
|
||||
ajaxType = ajaxType1;
|
||||
id = id1;
|
||||
returnDiv = returnDiv1;
|
||||
|
||||
if(!checkStrNoDian(ajaxValue1)){
|
||||
ajaxValue = ajaxValue1;
|
||||
}else{
|
||||
clearTimeout(set_Id);
|
||||
alert('i18n_dsil.message.hasSpecialChar_n81i');
|
||||
$("#"+id).val('');
|
||||
return;
|
||||
}
|
||||
clearTimeout(set_Id);
|
||||
set_Id = setTimeout(ajaxForLianxiang,500);
|
||||
}
|
||||
}
|
||||
|
||||
function ajaxForLianxiang()
|
||||
{
|
||||
jQuery.post("<%=path%>/sysManage/sysPopedomManage!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv});
|
||||
if(lianxiangList == ''){
|
||||
$("#"+id).css("color","#CBC0B6");
|
||||
}else{
|
||||
$("#"+id).css("color","#000000");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function ieBrowser(){
|
||||
if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 程辉 2013-5-8 新增 模板下载
|
||||
function downloadExample() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/detectionSet.do?action=downloadExample";
|
||||
document.form3.submit();
|
||||
document.form3.action = "<%=path%>/detection/detectionSet.do?action=query";
|
||||
}
|
||||
|
||||
//程辉 2013-5-8 新增 导入
|
||||
function importXls() {
|
||||
var myfileVal = document.getElementById("myFile").value;
|
||||
if(myfileVal=="") {
|
||||
alert("i18n_dsil.message.selectImportFile_n81i");
|
||||
}else if((myfileVal.lastIndexOf(".xlsx")+5)!=myfileVal.length && (myfileVal.lastIndexOf(".xls")+4)!=myfileVal.length){
|
||||
alert("i18n_dsil.message.selectCorrectImportFile_n81i");
|
||||
}else if(confirm('i18n_dsil.message.sureToImport_n81i')){
|
||||
document.form3.action = "<c:url value='/'/>/detection/detectionSet.do?action=importXls";
|
||||
document.form3.submit();
|
||||
document.form3.action = "<%=path%>/detection/detectionSet.do?action=query";
|
||||
}
|
||||
}
|
||||
//程辉 2013-5-8 新增 导出当前页
|
||||
function emportCurrentXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/detectionSet.do?action=emportCurrentXls&pageNo="+$("#pageNo").val()+"&pageSize="+'${pageSize }'+"&ip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val()+"&pIden="+$("#pIden").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action = "<%=path%>/detection/detectionSet.do?action=query";
|
||||
}
|
||||
//程辉 2013-5-8 新增 导出全部
|
||||
function emportAllXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/detectionSet.do?action=emportAllXls&ip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val()+"&pIden="+$("#pIden").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action = "<%=path%>/detection/detectionSet.do?action=query";
|
||||
}
|
||||
function showDiv(){
|
||||
document.getElementById('popDiv').style.display='block';
|
||||
document.getElementById('bg').style.display='block';
|
||||
}
|
||||
|
||||
function closeDiv(){
|
||||
document.getElementById('popDiv').style.display='none';
|
||||
document.getElementById('bg').style.display='none';
|
||||
}
|
||||
|
||||
|
||||
function checkZF(id){
|
||||
if(containSpecial($("#"+id).val())){
|
||||
alert('i18n_dsil.message.hasSpecialChar_n81i');
|
||||
$("#"+id).val('');
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
function goGuide(datas) {
|
||||
if(datas!=null && datas!=""){
|
||||
if(datas.resu=='over') {
|
||||
window.location ="<%=path%>/sysManage/guideManage!execute.do?action=index";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-90+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-90){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98.5%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
// $("#maindiv").attr("style","clear:left");
|
||||
if($("#isComplete").val()=='0'){
|
||||
//var content = {
|
||||
// content: '业务系统操作已完成，是否进行下一步操作?',
|
||||
// buttons: { '下一步': 1, '返回'：0,'取消': -1 },
|
||||
// buttonsFocus: 0,
|
||||
// submit: function (v, h, f) {
|
||||
// if(v == 1) {//执行下一步--用户组
|
||||
// window.location ="<%=path%>/sysManage/userGroupPerssion.do?action=query";
|
||||
// }
|
||||
// if(v == 0){//返回到设置向导页
|
||||
// window.location ="<%=path%>/sysManage/guideManage!execute.do?action=index";
|
||||
// }
|
||||
// if(v == -1){//返回到设置向导页
|
||||
// return;
|
||||
// }
|
||||
// }
|
||||
//};
|
||||
|
||||
//$.jBox(content);
|
||||
var submit = function (v, h, f) {
|
||||
if (v == 'yes') {
|
||||
$("input[type=hidden][name=fromWhere]").val('formGuide');
|
||||
return;
|
||||
}
|
||||
if (v == 'no') {
|
||||
$.post("<c:url value='/sysManage/guideManage!setComplete.do'/>",
|
||||
{
|
||||
packNum:10,
|
||||
packName:'jcsz'
|
||||
},
|
||||
function(datas){
|
||||
goGuide(datas);
|
||||
},"json");
|
||||
|
||||
}
|
||||
};
|
||||
$.jBox.warning("i18n_dsil.message.detecationWarning_n81i", "i18n_dsil.message.hint_n81i", submit,{icon: false});
|
||||
}
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
window.onresize = function(){
|
||||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||||
}
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
var hght=0;//初始化滚动条总长
|
||||
var topH=0;//初始化滚动条的当前位置
|
||||
var pagePoint = ${pageNo};
|
||||
var flashFlag = false;
|
||||
var memoryData ;
|
||||
var intervalID ;
|
||||
$(document).ready(function(){//DOM的onload事件
|
||||
//$(”#mypage”).load(”table.html”);//table.html的内容被加载到mypage元素
|
||||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||||
});
|
||||
|
||||
var childUrlTmp = encodeURI("<c:url value='detectionSet.do?action=queryChild'/>&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&ip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val()+"&pIden="+$("#pIden").val());
|
||||
$.get(childUrlTmp, function(data){//利用jquery的get方法得到table.html内容
|
||||
memoryData = data;
|
||||
flashFlag = true;
|
||||
});
|
||||
|
||||
intervalID = setInterval(function(){cando();},1000);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||||
function cando(){
|
||||
//alert(topH+" " +hght);
|
||||
if(topH!=0 && hght!=0 && topH == hght && flashFlag){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
show();//如果是，调用show函数加载内容。
|
||||
}
|
||||
//if(topH>parseInt(hght/3)*2){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
// show();//如果是，调用show函数加载内容。
|
||||
//}
|
||||
}
|
||||
|
||||
function show(){
|
||||
flashFlag=false;
|
||||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||||
topH=0;//原因同上。
|
||||
var flag2 = true;
|
||||
if(memoryData!=null&&memoryData!=""&&memoryData.replace(/(^\s*)|(\s*$)/g,"")!=""){
|
||||
try{
|
||||
$("#info").append($(memoryData));//用append方法追加内容到mypage元素。
|
||||
$("#currentPage").html(pagePoint);
|
||||
$("#pageNo").val(pagePoint);
|
||||
flag2 = false;
|
||||
}catch(err){
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
var urlTmp = encodeURI("<c:url value='detectionSet.do?action=queryChild'/>&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&ip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val()+"&pIden="+$("#pIden").val());
|
||||
$.get(urlTmp, function(data){//利用jquery的get方法得到table.html内容
|
||||
if(flag2){
|
||||
try{
|
||||
$("#info").append($(data));//用append方法追加内容到mypage元素。
|
||||
}catch(err){
|
||||
|
||||
}
|
||||
}else{
|
||||
flag2 = true;
|
||||
memoryData = data;
|
||||
}
|
||||
//无数据
|
||||
if(data==null||data==""){
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
flashFlag = true;
|
||||
});
|
||||
loadButton();
|
||||
}
|
||||
});
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
</script>
|
||||
<body>
|
||||
<div class="middle_list" style="overflow: hidden;">
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='/detection/detectionSet.do?action=query'/>" method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name = "isComplete" id="isComplete" value="${isComplete}"/>
|
||||
<input type="hidden" name="fromWhere" value="${fromWhere }"/>
|
||||
<input type="hidden" name="pageNoforexp" id="pageNo" value="${pageNo }"/>
|
||||
<div id="divTop">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_dsil.text.nodeIp_n81i</font>
|
||||
<input type="text" id="nodeIp"
|
||||
onkeyup="lianxiangkeyup('nodeIp','NodeTable','String','nodeIp','suggest1',this.value);"
|
||||
name="ip" title="i18n_dsil.message.nodeIp_n81i" value="${ip}" size="20" />
|
||||
<div id='suggest1' class="ac_results"></div></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_dsil.text.checkTypeName_n81i</font>
|
||||
<select style="width:140px;" name="ctn" id="checkTypeId">
|
||||
<option value="">
|
||||
--i18n_dsil.message.selectDefault_n81i--
|
||||
</option>
|
||||
<c:if test="${fn:length(allCheckTypeInfo) > 0}">
|
||||
<c:set var="isSchedule0" value="0"/>
|
||||
<c:forEach items="${allCheckTypeInfo}" var="checkType">
|
||||
<c:if test="${checkType.isSchedule != isSchedule0 }">
|
||||
<option style="height: 2px;" disabled="disabled">--------------------</option>
|
||||
<c:set var="isSchedule0" value="${checkType.isSchedule}"/>
|
||||
</c:if>
|
||||
<option value="${checkType.id}"
|
||||
<c:if test="${not empty ctn && ctn == checkType.id }">selected="selected"</c:if>>
|
||||
${checkType.checkTypeName1}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
</select></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_dsil.text.processIdenName_n81i
|
||||
<input type="text" id="pIden" style="width: 160px"
|
||||
name="pIden"
|
||||
title="i18n_dsil.message.processIdenName_n81i"
|
||||
value="${pIden}" size="49" onkeyup="checkZF('pIden');"/></font>
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle" onclick="javascript:qry();" />
|
||||
|
||||
</div>
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:downloadExample();" value="i18n_dsil.button.downloadExample_n81i"/>
|
||||
|
||||
<input type="button" value="i18n_dsil.text.importXls_n81i" title="i18n_dsil.text.importXls_n81i" class="btn3_mouseout" onclick="javascript:uploadFile(this)"/>
|
||||
<input type="file" name="myFile" id="myFile" value="" class="filebtn" onchange="javascript:setValue(this.value)"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:importXls();" value="i18n_dsil.button.importXls_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:showDiv();" value="i18n_dsil.button.showDiv_n81i"/>
|
||||
<br/>
|
||||
<div style="float: left">
|
||||
<jsp:include page="/include/include.jsp" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 60px"></div>
|
||||
<div id="maindiv">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" id="info" style="table-layout: fixed;word-wrap:break-word;">
|
||||
<tr>
|
||||
<td width="6%" class="color_top">
|
||||
<!--
|
||||
<input type="checkbox" ${ADMFlag ? "disabled='disabled'":""}
|
||||
name="checkbox62" value="checkbox" onClick="checkAll(this)" />
|
||||
-->
|
||||
i18n_dsil.text.index_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top">
|
||||
i18n_dsil.text.nodeGroup_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top">
|
||||
i18n_dsil.text.nodeIp_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top">
|
||||
i18n_dsil.text.checkTypeName_n81i
|
||||
</td>
|
||||
<!--
|
||||
<td width="5%" class="color_top" >
|
||||
监测方式
|
||||
</td>
|
||||
-->
|
||||
<td width="4%" class="color_top" >
|
||||
i18n_dsil.text.checkGap_n81i
|
||||
</td>
|
||||
<td width="4%" class="color_top" >
|
||||
i18n_dsil.text.checkMaxTimes_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top">
|
||||
i18n_dsil.text.checkOutTime_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top">
|
||||
i18n_dsil.text.planCheckTime_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top">
|
||||
i18n_dsil.text.processIdenName_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top">
|
||||
i18n_dsil.text.processFile_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top">
|
||||
i18n_dsil.text.processPath_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top">
|
||||
i18n_dsil.text.isControlStart_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top" >
|
||||
i18n_dsil.text.controlStartTime_n81i
|
||||
</td>
|
||||
<td width="3%" class="color_top" >
|
||||
i18n_dsil.text.isSchedule_n81i
|
||||
</td>
|
||||
<td width="3%" class="color_8" >
|
||||
i18n_dsil.text.detectionSetState_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(detecSetList) > 0}">
|
||||
<c:forEach items="${detecSetList}" var="detecSet" varStatus="vs">
|
||||
<input type="hidden" id="yxbz${detecSet.id }"
|
||||
name="yxbz${detecSet.id }" value="${detecSet.detectionSetState}" />
|
||||
<c:set var="color" value="color_1"/>
|
||||
<c:set var="color_end" value="color_7"/>
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3"/>
|
||||
<c:set var="color_end" value="color_6"/>
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
<input type="checkbox" name="ids" id="ids" ${(ADMFlag && detecSet.viewLevel ne 4) || (!ADMFlag && detecSet.viewLevel eq 4) ? "disabled='disabled'":""}
|
||||
value="${detecSet.id}" />
|
||||
${index+(pageNo-1)*pageSize}
|
||||
</td>
|
||||
<td class="${color }" >
|
||||
${detecSet.nodeGroupsName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecSet.nodeIpsName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<a href="javascript:showRecord('${detecSet.id }')">${detecSet.checkTypeInfo.checkTypeName1}</a>
|
||||
</td>
|
||||
<!--
|
||||
<td class="${color }">
|
||||
<c:if test="${detecSet.checkWay=='0' }">主动</c:if>
|
||||
<c:if test="${detecSet.checkWay=='1' }">被动</c:if>
|
||||
</td>
|
||||
-->
|
||||
<td class="${color }">
|
||||
${detecSet.checkGap}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecSet.checkMaxTimes}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecSet.checkOutTime}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<fmt:formatDate value="${detecSet.planCheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecSet.processIdenName}
|
||||
</td>
|
||||
<td class="${color }" style="word-break:break-all">
|
||||
${detecSet.processFile}
|
||||
</td>
|
||||
<td class="${color }" style="word-break:break-all">
|
||||
${detecSet.processPath}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${detecSet.isControlStart=='0' }">i18n_dsil.message.manually_n81i</c:if>
|
||||
<c:if test="${detecSet.isControlStart=='1' }">i18n_dsil.message.NCStart_n81i</c:if>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<fmt:formatDate value="${detecSet.controlStartTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${detecSet.checkTypeInfo.isSchedule=='0' }">i18n_dsil.message.yes_n81i</c:if>
|
||||
<c:if test="${detecSet.checkTypeInfo.isSchedule=='1' }">i18n_dsil.message.no_n81i</c:if>
|
||||
</td>
|
||||
<td class="${color_end }">
|
||||
<c:if test="${detecSet.detectionSetState=='0' }"><font color="#FF0000">i18n_dsil.message.invalid_n81i</font></c:if>
|
||||
<c:if test="${detecSet.detectionSetState=='1' }">i18n_dsil.message.valid_n81i</c:if>
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="15" height="20" class="color_6" align="center">
|
||||
i18n_dsil.message.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty detecSetList}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
</div>
|
||||
<br />
|
||||
<div id="popDiv" class="mydiv" style="display:none;">
|
||||
<input type="hidden" />
|
||||
<input type="button" class=btn3_mouseout style="width:100px;"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportCurrentXls();" value="i18n_dsil.button.exportCurrentPage_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout style="width:80px"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportAllXls();" value="i18n_dsil.button.exportAllData_n81i"/>
|
||||
<br/>
|
||||
<a href="javascript:closeDiv()">i18n_dsil.text.closeWindow_n81i</a></div>
|
||||
|
||||
<div id="bg" class="bg" style="display:none;"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
84
WebRoot/page/detection/detecSetInfoListChild.jsp
Normal file
84
WebRoot/page/detection/detecSetInfoListChild.jsp
Normal file
@@ -0,0 +1,84 @@
|
||||
<%@ page language="java" pageEncoding="utf-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(detecSetList) > 0}">
|
||||
<c:forEach items="${detecSetList}" var="detecSet" varStatus="vs">
|
||||
<c:set var="color" value="color_1"/>
|
||||
<c:set var="color_end" value="color_7"/>
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3"/>
|
||||
<c:set var="color_end" value="color_6"/>
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
<input type="checkbox" name="ids" id="ids" ${(ADMFlag && detecSet.viewLevel ne 4) || (!ADMFlag && detecSet.viewLevel eq 4) ? "disabled='disabled'":""}
|
||||
value="${detecSet.id}" />
|
||||
<input type="hidden" id="yxbz${detecSet.id }"
|
||||
name="yxbz${detecSet.id }" value="${detecSet.detectionSetState}" />
|
||||
${index+(pageNo-1)*pageSize}
|
||||
</td>
|
||||
<td class="${color }" >
|
||||
${detecSet.nodeGroupsName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecSet.nodeIpsName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<a href="javascript:showRecord('${detecSet.id }')">${detecSet.checkTypeInfo.checkTypeName1}</a>
|
||||
</td>
|
||||
<!--
|
||||
<td class="${color }">
|
||||
<c:if test="${detecSet.checkWay=='0' }">主动</c:if>
|
||||
<c:if test="${detecSet.checkWay=='1' }">被动</c:if>
|
||||
</td>
|
||||
-->
|
||||
<td class="${color }">
|
||||
${detecSet.checkGap}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecSet.checkMaxTimes}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecSet.checkOutTime}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<fmt:formatDate value="${detecSet.planCheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecSet.processIdenName}
|
||||
</td>
|
||||
<td class="${color }" style="word-break:break-all">
|
||||
${detecSet.processFile}
|
||||
</td>
|
||||
<td class="${color }" style="word-break:break-all">
|
||||
${detecSet.processPath}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${detecSet.isControlStart=='0' }">i18n_dsilc.message.manually_n81i</c:if>
|
||||
<c:if test="${detecSet.isControlStart=='1' }">i18n_dsilc.message.NCStart_n81i</c:if>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<fmt:formatDate value="${detecSet.controlStartTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${detecSet.checkTypeInfo.isSchedule=='0' }">i18n_dsilc.message.yes_n81i</c:if>
|
||||
<c:if test="${detecSet.checkTypeInfo.isSchedule=='1' }">i18n_dsilc.message.no_n81i</c:if>
|
||||
</td>
|
||||
<td class="${color_end }">
|
||||
<c:if test="${detecSet.detectionSetState=='0' }"><font color="#FF0000">i18n_dsilc.message.invalid_n81i</font></c:if>
|
||||
<c:if test="${detecSet.detectionSetState=='1' }">i18n_dsilc.message.valid_n81i</c:if>
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
|
||||
</c:when>
|
||||
</c:choose>
|
||||
|
||||
231
WebRoot/page/detection/detecWarning/detailWarningInfo.jsp
Normal file
231
WebRoot/page/detection/detecWarning/detailWarningInfo.jsp
Normal file
@@ -0,0 +1,231 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%@ taglib uri="/jstl/fmt" prefix="fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_dwi.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
function goBack(){
|
||||
var nodeType='${nodeType}';
|
||||
var url;
|
||||
if("${type}"=="3Droom"){
|
||||
url="<c:url value='/detection/detectionWarning.do?action=queryAll'/>";
|
||||
}else if(nodeType == '0'){
|
||||
url="<c:url value='/detection/detectionWarning.do?action=query'/>";
|
||||
}else if(nodeType == '1'){
|
||||
url="<c:url value='/detection/detectionWarning.do?action=queryNE'/>";
|
||||
}else{
|
||||
url="<c:url value='/detection/detectionWarning.do?action=queryAllConfigLevel'/>";//告警信息
|
||||
}
|
||||
document.Mkform.action=url;
|
||||
document.Mkform.submit();
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
<body>
|
||||
<div class="middle_list" >
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_dwi.button.back_n81i"/>
|
||||
</div>
|
||||
<div style="height: 25px"></div>
|
||||
<form action="" name="Mkform" method="post">
|
||||
<!-- 查询页面查询条件 Start -->
|
||||
<input type="hidden" name="police_level" value="${police_level }">
|
||||
<input type="hidden" name="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="ip" value="${ip }" />
|
||||
<input type="hidden" name="dct" value="${dct }" />
|
||||
<input type="hidden" name="stateInfo" id="stateInfo" value="${stateInfo }" />
|
||||
<input type="hidden" name="pIden" value="${pIden }" />
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<input type="hidden" name="timeoutDetecFilter" value="${timeoutDetecFilter}" />
|
||||
<!-- 从监测网元信息进入的参数 -->
|
||||
<input type="hidden" name="entry" value="${entry}"/>
|
||||
<input type="hidden" name="detectId" value="${detectId}"/>
|
||||
<input type="hidden" name="seqId" value="${seqId}"/>
|
||||
<input type="hidden" name="police_emergent" value="${police_emergent}"/>
|
||||
<input type="hidden" name="nodeIpRange" value="${nodeIpRange}"/>
|
||||
|
||||
<input type="hidden" name="nodeType" value="${nodeType}"/>
|
||||
<input type="hidden" name="type" value="${type}"/>
|
||||
|
||||
<input type="hidden" name="nameFlag" value="${nameFlag}"/>
|
||||
<input type="hidden" name="pid" value="${pid}"/>
|
||||
<input type="hidden" name="isLeaf" value="${isLeaf}"/>
|
||||
<input type="hidden" name="picId" value="${picId}"/>
|
||||
<input type="hidden" name="queryParConditionDisplay" value="${queryParConditionDisplay}"/>
|
||||
<input type="hidden" name="queryChildConditionDisplay" value="${queryChildConditionDisplay}"/>
|
||||
|
||||
<jsp:include page="/common/transferHiddenParameter.jsp" />
|
||||
|
||||
<!-- 查询页面查询条件 end -->
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table">
|
||||
<tr>
|
||||
<td colspan="4" class="color_8">
|
||||
<strong>i18n_dwi.message.warningInfo_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_dwi.text.processIdenName_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" width="20%">
|
||||
${detectionWarningInfo.detectionSetInfo.processIdenName}
|
||||
</td>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_dwi.text.nodeIp_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" width="20%">
|
||||
${nodeIp}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" >
|
||||
i18n_dwi.text.detecationState_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<c:if test="${detectionWarningInfo.detectionedState=='0' }"><font color="#FF0000">i18n_dwi.message.abnormal_n81i</font></c:if>
|
||||
<c:if test="${detectionWarningInfo.detectionedState=='1' }">i18n_dwi.message.normal_n81i</c:if>
|
||||
<c:if test="${detectionWarningInfo.detectionedState=='-1' }"><font color="#FF0000">i18n_dwi.message.execFailed_n81i</font></c:if>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dwi.text.viewLevel_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<c:if test="${detectionWarningInfo.detectionSetInfo.viewLevel=='1' }">i18n_dwi.message.publisher_n81i</c:if>
|
||||
<c:if test="${detectionWarningInfo.detectionSetInfo.viewLevel=='2' }">i18n_dwi.message.publisherGroup_n81i</c:if>
|
||||
<c:if test="${detectionWarningInfo.detectionSetInfo.viewLevel=='3' }">i18n_dwi.message.allInSys_n81i</c:if>
|
||||
<c:if test="${detectionWarningInfo.detectionSetInfo.viewLevel=='4' }">i18n_dwi.message.unlimited_n81i</c:if>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dwi.text.stateInfo_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
${fn:replace(fn:replace(detectionWarningInfo.detectionStateInfo,vEnter,'$@$'),'$@$','<br/>')}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dwi.text.performaceData_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
${fn:replace(fn:replace(detectionWarningInfo.performaceData,vEnter,'$@$'),'$@$','<br/>')}
|
||||
</td>
|
||||
</tr>
|
||||
<%-- <tr>--%>
|
||||
<%-- <td class="color_1" align="right">--%>
|
||||
<%-- 监测首次执行时间：--%>
|
||||
<%-- </td>--%>
|
||||
<%-- <td class="color_3" align="left">--%>
|
||||
<%-- <fmt:formatDate value="${detectionWarningInfo.detectionSetInfo.planCheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>--%>
|
||||
<%-- </td>--%>
|
||||
<%-- <td class="color_1" align="right">--%>
|
||||
<%-- 上传监测数据时间间隔(分钟)：--%>
|
||||
<%-- </td>--%>
|
||||
<%-- <td class="color_3" align="left">--%>
|
||||
<%-- ${detectionWarningInfo.detectionSetInfo.uploadGap}--%>
|
||||
<%-- </td>--%>
|
||||
<%-- </tr>--%>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dwi.text.checkGap_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${detectionWarningInfo.detectionSetInfo.checkGap}
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dwi.text.currentTimes_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${detectionWarningInfo.currentTimes }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dwi.text.nextCheckTime_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<fmt:formatDate value="${detectionWarningInfo.nextCheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
<td class="color_1" align="right" >
|
||||
i18n_dwi.text.dataArriveTime_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<fmt:formatDate value="${detectionWarningInfo.dataArriveTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="color_1" align="right" >
|
||||
i18n_dwi.text.dataCheckTime_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
<fmt:formatDate value="${detectionWarningInfo.dataCheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
<!--
|
||||
<td class="color_1" align="right">
|
||||
监测方式：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<c:if test="${detectionWarningInfo.detectionSetInfo.checkWay == '0'}">主动</c:if>
|
||||
<c:if test="${detectionWarningInfo.detectionSetInfo.checkWay == '1'}">被动</c:if>
|
||||
</td>
|
||||
-->
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" align="center" class="color_8">
|
||||
<strong>i18n_dwi.text.warningInfo_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan="4" class="color_6">
|
||||
<c:if test="${!empty infoMap}">
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="1" >
|
||||
<c:forEach items="${infoMap}" var="datarow" >
|
||||
<tr>
|
||||
<td class="color_1" width="30%" align="right">
|
||||
${datarow.key}：
|
||||
</td>
|
||||
<td class="color_3" width="30%" align="left">
|
||||
${datarow.value}
|
||||
</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</table>
|
||||
</c:if>
|
||||
<c:if test="${empty infoMap}">i18n_dwi.text.noRecord_n81i</c:if>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,738 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="refresh" content="300;<%=path%>/detection/detectionWarning.do?action=query" />
|
||||
<title>i18n_dclwl.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet" type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link rel="stylesheet" type="text/css" href="<c:url value='/scrollBar/perfect-scrollbar.css'/>" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery1.11.3.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript" src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript" src="<c:url value='/js/jquery.suggest.js' />"></script>
|
||||
<script type="text/javascript" src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap.min.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap-tooltip.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap-popover.js' />"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value="/scrollBar/perfect-scrollbar.js"/>"></script>
|
||||
<style type="text/css">
|
||||
.mydiv {
|
||||
background-color:#fff;
|
||||
border: 1px solid #000;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
z-index:99;
|
||||
width: 220px;
|
||||
height: 80px;
|
||||
left:50%;/*FF IE7*/
|
||||
top: 50%;/*FF IE7*/
|
||||
|
||||
margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
|
||||
margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
|
||||
|
||||
margin-top:0px;
|
||||
|
||||
position:fixed!important;/*FF IE7*/
|
||||
position:absolute;/*IE6*/
|
||||
|
||||
_top: expression(eval(document.compatMode &&
|
||||
document.compatMode=='CSS1Compat') ?
|
||||
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
|
||||
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
|
||||
|
||||
}
|
||||
|
||||
|
||||
.bg {
|
||||
background-color: #ccc;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left:0;
|
||||
top:0;/*FF IE7*/
|
||||
filter:alpha(opacity=50);/*IE*/
|
||||
opacity:0.5;/*FF*/
|
||||
z-index:1;
|
||||
|
||||
position:fixed!important;/*FF IE7*/
|
||||
position:absolute;/*IE6*/
|
||||
|
||||
_top: expression(eval(document.compatMode &&
|
||||
document.compatMode=='CSS1Compat') ?
|
||||
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
|
||||
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
|
||||
|
||||
}
|
||||
/*The END*/
|
||||
/* 自定义滚动条 */
|
||||
.pop-content {
|
||||
position:relative;
|
||||
max-height:300px;
|
||||
padding-left:5px;
|
||||
}
|
||||
.ps__rail-x {
|
||||
display:none !important;
|
||||
}
|
||||
.ps__rail-y {
|
||||
display:"" !important;
|
||||
}
|
||||
.popover.top {
|
||||
margin-top: -3px !important;
|
||||
}
|
||||
.popover.bottom {
|
||||
margin-top: 3px !important;
|
||||
}
|
||||
.fade.in {
|
||||
opacity: 1;
|
||||
}
|
||||
.popover {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1010;
|
||||
display: none;
|
||||
width: 300px;
|
||||
padding: 1px;
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
.fade {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.15s linear;
|
||||
-moz-transition: opacity 0.15s linear;
|
||||
-o-transition: opacity 0.15s linear;
|
||||
transition: opacity 0.15s linear;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
//页面5分钟刷新一次
|
||||
var interval;
|
||||
$(function(){
|
||||
interval = setInterval('qry()',5*60*1000);
|
||||
$(".prop").each(function(){
|
||||
var obj = $(this);
|
||||
var tx = document.body.clientWidth; //文档的可见长宽
|
||||
var ty = document.body.clientHeight;
|
||||
$(obj).on("mouseenter",function(event){
|
||||
event = event ? event : window.event;
|
||||
$(".popover").remove();
|
||||
var x = event.clientX;//鼠标位置
|
||||
var y = event.clientY;
|
||||
//alert(tx + "," + ty + "," + x + "," + y);
|
||||
if (y < ty/2) {
|
||||
var placement = "bottom";
|
||||
} else {
|
||||
var placement = "top";
|
||||
}
|
||||
$(obj).popover({
|
||||
html:true,
|
||||
content:"<div class='pop-content'><div style='margin-right:15px'>" + $(this).attr("data-temp") + "</div></div>",
|
||||
placement:placement
|
||||
});
|
||||
$(obj).popover("show");
|
||||
const ps = new PerfectScrollbar('.pop-content');
|
||||
|
||||
//修复因浏览器兼容性导致的弹出框位置不对的问题
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
var propy1 = $(obj).offset().top;
|
||||
var propy2 = $(obj).offset().top + $(obj).height();
|
||||
if (placement == "top") {
|
||||
if (propy1 < popy2) {
|
||||
$(pop).css("top", propy1 - 3);
|
||||
}
|
||||
} else if (placement == "bottom") {
|
||||
if (propy2 > popy1) {
|
||||
$(pop).css("top", propy2 + 3);
|
||||
}
|
||||
}
|
||||
|
||||
}).on("mouseleave",function(event){
|
||||
event = event ? event : window.event;
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
//var popChild = $(obj).find(".stateInfoVal")[0]; //td中的span
|
||||
//var popChildyHeight = popChild.offsetHeight;
|
||||
|
||||
var x = event.clientX; //鼠标位置
|
||||
var y = event.clientY;
|
||||
if (y < ty/2) {
|
||||
var extraTop = 3;
|
||||
var extraBottom = 0;
|
||||
} else {
|
||||
var extraTop = 0;
|
||||
var extraBottom = 3;
|
||||
}
|
||||
|
||||
if (x < popx1 || x > popx2 || y < (popy1 - extraTop) || y > (popy2 + extraBottom)) {
|
||||
$(obj).popover("hide");
|
||||
} else {
|
||||
$(pop).on("mouseleave",function(event){
|
||||
$(obj).popover("hide");
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
})
|
||||
|
||||
function clear(){
|
||||
clearInterval(interval);
|
||||
}
|
||||
//查询记录
|
||||
function qry(){
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=queryAllConfigLevel";
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
//查看详情
|
||||
function showRecord(warnid){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=detail&ids="+warnid+"&pageNo="+mypageNo +"&pageSize="+mypageSize;;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function showDetectionInfo(dsiId,seqId){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
$("#newPageSize").attr("disabled","true");
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=showDetectionInfo&dsiId="+dsiId+"&sqId="+seqId+"&flag=queryAllConfigLevel"+"&mypageNo="+mypageNo +"&mypageSize="+mypageSize;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
var set_Id;
|
||||
var ajaxProperties = "";
|
||||
var ajaxTableName = "";
|
||||
var ajaxType = "";
|
||||
var id = "";
|
||||
var returnDiv = "";
|
||||
var ajaxValue = "";
|
||||
|
||||
function lianxiangkeydown() {
|
||||
clearTimeout(set_Id);
|
||||
}
|
||||
function lianxiangkeyup(ajaxProperties1,ajaxTableName1,ajaxType1,id1,returnDiv1,ajaxValue1) {
|
||||
if(parent.document.getElementById("lianxiangStatus").value=="2")
|
||||
{
|
||||
|
||||
if(jQuery.trim(ajaxValue1)=="") return false;
|
||||
|
||||
ajaxProperties = ajaxProperties1;
|
||||
ajaxTableName = ajaxTableName1;
|
||||
ajaxType = ajaxType1;
|
||||
id = id1;
|
||||
returnDiv = returnDiv1;
|
||||
if(!checkStrNoDian(ajaxValue1)){
|
||||
ajaxValue = ajaxValue1;
|
||||
}else{
|
||||
clearTimeout(set_Id);
|
||||
alert('i18n_dclwl.message.hasSpecialChar_n81i');
|
||||
$("#"+id).val('');
|
||||
return;
|
||||
}
|
||||
clearTimeout(set_Id);
|
||||
set_Id = setTimeout(ajaxForLianxiang,500);
|
||||
}
|
||||
}
|
||||
|
||||
function ajaxForLianxiang()
|
||||
{
|
||||
jQuery.post("<%=path%>/sysManage/sysPopedomManage!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue,"nodeType":'${nodeType}'},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
if('${nodeType}' == '1'){
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv,showType:"scroll"});
|
||||
}else{
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv});
|
||||
}
|
||||
if(lianxiangList == ''){
|
||||
$("#"+id).css("color","#CBC0B6");
|
||||
}else{
|
||||
$("#"+id).css("color","#000000");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function lianxiangStateInfokeyup() {
|
||||
var stateInfo = $('#stateInfo').val();
|
||||
setTimeout(function(){
|
||||
jQuery.post(
|
||||
"<%=request.getContextPath()%>/sysManage/dataDictionary!querySouceForAjax.do",
|
||||
{'ddid': 'monitorStatusInfo', 'nameLike': stateInfo },
|
||||
function(data) {
|
||||
var lianxiangList = data.split(",");
|
||||
$('#stateInfo').suggest(lianxiangList,{hot_list:lianxiangList,attachObject:'#suggest2'});
|
||||
$('#stateInfo').css("color","#000000"); <%-- 修正查询条件文本内容自动变灰 --%>
|
||||
}
|
||||
);
|
||||
},500);
|
||||
}
|
||||
|
||||
function isShuzi(){
|
||||
//if($id("police_level","sz","预警级别")){
|
||||
if(document.getElementById("police_level").value.replace(/[\d+]/ig,"").length>0){
|
||||
alert('i18n_dclwl.message.inputNum_n81i');
|
||||
document.getElementById("police_level").value = "";
|
||||
return false;
|
||||
}else{
|
||||
if(document.getElementById("police_level").value!="" && ($("#police_level").val() <=0 || $("#police_level").val()>99)){
|
||||
alert("i18n_dclwl.message.policeLevelVal_n81i");
|
||||
document.getElementById("police_level").value = "";
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
function ieBrowser(){
|
||||
if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//程辉 2013-5-8 新增 导出当前页
|
||||
function emportCurrentXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/detectionWarning.do?action=emportCurrentXls&pageType=queryAllConfigLevel&pageNo="+$("#pageNo").val()+"&pageSize="+'${pageSize }'+"&police_level="+$("#police_level").val()+"&ctn="+$("#checkTypeId").val()+"&pIden="+$("#pIden").val()+"&dct="+$("#dataCheckTime").val()+"&ip="+$("#nodeIp").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=queryAllConfigLevel";
|
||||
}
|
||||
//程辉 2013-5-8 新增 导出全部
|
||||
function emportAllXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/detectionWarning.do?action=emportAllXls&pageType=queryAllConfigLevel&police_level="+$("#police_level").val()+"&ctn="+$("#checkTypeId").val()+"&pIden="+$("#pIden").val()+"&dct="+$("#dataCheckTime").val()+"&ip="+$("#nodeIp").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action ="<%=path%>/detection/detectionWarning.do?action=queryAllConfigLevel";
|
||||
}
|
||||
function showDiv(){
|
||||
document.getElementById('popDiv').style.display='block';
|
||||
document.getElementById('bg').style.display='block';
|
||||
}
|
||||
|
||||
function closeDiv(){
|
||||
document.getElementById('popDiv').style.display='none';
|
||||
document.getElementById('bg').style.display='none';
|
||||
}
|
||||
|
||||
function checkZF(id){
|
||||
if(containSpecial($("#"+id).val())){
|
||||
alert('i18n_dclwl.message.hasSpecialChar_n81i');
|
||||
$("#"+id).val('');
|
||||
return;
|
||||
}
|
||||
}
|
||||
window.onresize = function(){
|
||||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||||
}
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98.5%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
|
||||
|
||||
function goBackSwitch() {
|
||||
document.form3.action="<%=path%>/detection/switchDetection.do?action=switchDetectInfoGraph";
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
var hght=0;//初始化滚动条总长
|
||||
var topH=0;//初始化滚动条的当前位置
|
||||
var pagePoint = ${pageNo};
|
||||
var memoryData ;
|
||||
var intervalID ;
|
||||
var currentPage = 0; //当前页数
|
||||
var currenttotalPage = 0; //总页数
|
||||
$(function(){//DOM的onload事件
|
||||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||||
});
|
||||
intervalID = setInterval(function(){cando();},1000);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||||
function cando(){
|
||||
currentPage = $("#currentPage").html();
|
||||
currenttotalPage = $("#currenttotalPage").html();
|
||||
if(Number(currentPage) < Number(currenttotalPage)){
|
||||
if(topH!=0 && hght!=0 && topH == hght ){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
show();//如果是，调用show函数加载内容。
|
||||
}
|
||||
}else if(Number(currentPage) == Number(currenttotalPage)){
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
}
|
||||
function show(){
|
||||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||||
topH=0;//原因同上。
|
||||
var url2 = encodeURI("<c:url value='detectionWarning.do?action=queryConfLevelChild'/>&levelAlarm=${levelAlarm}&nodeType="+'${nodeType}'+"&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&police_level="+$("#police_level").val()+"&police_emergent="+$("#police_emergent").val()+"&ctn="+$("#checkTypeId").val()+"&stateInfo="+$("#stateInfo").val()+"&pIden="+$("#pIden").val()+"&dct="+$("#dataCheckTime").val()+"&ip="+$("#nodeIp").val()+"&nodeIpRange="+$("#nodeIpRange").val()) + "&timeoutDetecFilter=${timeoutDetecFilter}";
|
||||
$.ajax({
|
||||
url:url2,
|
||||
type : "get",
|
||||
async:false,
|
||||
success : function(data) {
|
||||
$("#info").append($(data));//用append方法追加内容到mypage元素。
|
||||
$("#currentPage").html(pagePoint);//修改页码
|
||||
$("#pageNo").val(pagePoint);
|
||||
}
|
||||
});
|
||||
loadButton();
|
||||
}
|
||||
//初始化级别的显示和隐藏
|
||||
var emergentVal = jQuery('#police_emergent').val();
|
||||
if(emergentVal!=undefined && emergentVal!=null) {//需要选择紧急 or 非紧急,就需要初始化级别的显示隐藏
|
||||
changeEmergent();
|
||||
}
|
||||
});
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
|
||||
function downloadfile(fileName){
|
||||
document.form3.action="<c:url value='/'/>/download/downLoadFile!download.do?file="+fileName;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function changeEmergent() {
|
||||
var selEmergVal = jQuery('#police_emergent').val();
|
||||
if(selEmergVal=='1') {
|
||||
jQuery('#levelSpan').show();
|
||||
}else {
|
||||
jQuery('#levelSpan').hide();
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().trim();
|
||||
if(infoVal.length>25){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,25)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<body>
|
||||
<div class="middle_list" style="overflow: hidden;">
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='/detection/detectionWarning.do'/>?action=queryAllConfigLevel" method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="levelAlarm" value="${1}"/>
|
||||
<input type="hidden" name="seqIdList" value="${seqIdList}"/>
|
||||
<!-- 从网元监测信息进入时带过来的参数：9个 -->
|
||||
<input type="hidden" name="entry" value="${entry}"/>
|
||||
<input type="hidden" name="detectId" value="${detectId}"/>
|
||||
<input type="hidden" name="seqId" value="${seqId}"/><!-- 因为有seqId，用户在告警界面查询别的节点的信息，返回网元监测信息时，也不会改变之前的节点，ip只是供显示用的 -->
|
||||
|
||||
<input type="hidden" name="nodeType" value="${nodeType}"/>
|
||||
|
||||
<input type="hidden" name="nameFlag" value="${nameFlag}"/>
|
||||
<input type="hidden" name="pid" value="${pid}"/>
|
||||
<input type="hidden" name="isLeaf" value="${isLeaf}"/>
|
||||
<input type="hidden" name="picId" value="${picId}"/>
|
||||
<input type="hidden" name="queryParConditionDisplay" value="${queryParConditionDisplay}"/>
|
||||
<input type="hidden" name="queryChildConditionDisplay" value="${queryChildConditionDisplay}"/>
|
||||
<input type="hidden" name="pageNoforexp" id="pageNo" value="${pageNo }"/>
|
||||
<input type="hidden" name="warnType" id="warnType" value="${warnType }"/>
|
||||
|
||||
<div id="divTop">
|
||||
<div class="box_1">
|
||||
<!-- -->
|
||||
<c:choose>
|
||||
<c:when test="${emergentSetStr eq null || emergentSetStr=='' || (fn:contains(emergentSetStr,',1,') && fn:contains(emergentSetStr,',0,'))}">
|
||||
<label class="divTopText"><font class="selectText">i18n_dclwl.text.police_emergent_n81i</font><select name="police_emergent" id="police_emergent" onchange="changeEmergent();">
|
||||
<option value="">i18n_dclwl.text.changeEmergentDefault_n81i</option>
|
||||
<option value="0"
|
||||
<c:if test="${police_emergent=='0'}"> selected="selected" </c:if> >i18n_dclwl.text.emergency_n81i</option>
|
||||
<option value="1"
|
||||
<c:if test="${police_emergent=='1'}"> selected="selected" </c:if> >i18n_dclwl.text.nonEmergency_n81i</option>
|
||||
</select></label>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<input type="hidden" id="police_emergent" name="police_emergent" value="${police_emergent}"/>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<c:choose>
|
||||
<c:when test="${emergentSetStr ne null && emergentSetStr!='' && emergentSetStr==',0,'}">
|
||||
<!-- 只紧急：无级别条件 -->
|
||||
<input type="hidden" id="police_level" name="police_level" value="${police_level}"/>
|
||||
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<!-- 空、紧急+非紧急：都不显示；非紧急：显示 [police_emergent!=1 可以避免条件显示跳动：针对不选，或者选紧急+非紧急时，查询条件没选非紧急的情况] -->
|
||||
<span id="levelSpan" <c:if test="${police_emergent!=1 && (emergentSetStr eq null || emergentSetStr=='' || (fn:contains(emergentSetStr,',1,') && fn:contains(emergentSetStr,',0,')))}">style="display: none;"</c:if> >
|
||||
<label class="divTopText"><font class="selectText">i18n_dclwl.text.police_level_n81i</font>
|
||||
<select name="police_level" id="police_level" >
|
||||
<option value="">i18n_dclwl.text.changeEmergentDefault_n81i</option>
|
||||
<c:forEach items="${levelSetList}" var="level" >
|
||||
<option value="${level}"
|
||||
<c:if test="${police_level==level}"> selected="selected" </c:if> >${level}i18n_dclwl.text.police_levelSelect_n81i</option>
|
||||
</c:forEach>
|
||||
</select></label>
|
||||
</span>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<label class="divTopText"><font class="selectText">i18n_dclwl.text.nodeIp_n81i</font> <input type="text" id="nodeIp"
|
||||
onkeyup="lianxiangkeyup('nodeIp','NodeTable','String','nodeIp','suggest1',this.value);"
|
||||
name="ip" title="i18n_dclwl.message.nodeIp_n81i" value="${ip}" size="20" style="width: 100px;"/>
|
||||
<div id='suggest1' class="ac_results"></div></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_dclwl.text.checkType_n81i</font>
|
||||
<select name="checkType">
|
||||
<option value="-1" <c:if test="${empty checkType or checkType eq -1}">selected ="selected"</c:if>>i18n_dwl.text.changeEmergentDefault_n81i</option>
|
||||
<c:forEach items="${allCheckTypeInfo }" var="checkTypeInfo">
|
||||
<option value="${checkTypeInfo.id }" <c:if test="${checkTypeInfo.id eq checkType}">selected ="selected"</c:if>>${checkTypeInfo.checkTypeName1 }</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
<input type="hidden" name="ctn" title="i18n_dclwl.message.checkType_n81i" value="${ctn}" id="checkTypeId" style="width: 100px;"
|
||||
onkeyup="lianxiangkeyup('checkTypeName1','CheckTypeInfo','String','checkTypeId','suggest1',this.value);" />
|
||||
</label>
|
||||
<label class="divTopText"><font class="selectText">i18n_dclwl.text.pIden_n81i</font>
|
||||
<input type="text" id="pIden" style="width: 100px"
|
||||
name="pIden"
|
||||
title="i18n_dclwl.message.pIden_n81i"
|
||||
value="${pIden}" size="49" onkeyup="checkZF('pIden');"/></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_dclwl.text.dataCheckTime_n81i</font>
|
||||
<input type="text" id="dataCheckTime"
|
||||
name="dct" value="${dct}" readonly
|
||||
onclick="SelectDate(this,'yyyy-MM-dd',${session.i18n_lang == 'zh_CN'?0:1})" style="width: 90px;"/></label>
|
||||
<%-- <label class="divTopText"><font class="selectText">i18n_dclwl.text.stateInfo_n81i</font>--%>
|
||||
<input type="hidden" name="stateInfo" title="i18n_dclwl.message.stateInfo_n81i" value="${stateInfo}" id="stateInfo"
|
||||
onkeyup="lianxiangStateInfokeyup();" style="width: 100px"/>
|
||||
<%-- <div id='suggest2' class="ac_results" style="min-width: 200px; width: auto;"></div></label> --%>
|
||||
<label class="divTopText"><font class="selectText">i18n_dclwl.text.timeoutDetecFilter_n81i</font>
|
||||
<select name="timeoutDetecFilter">
|
||||
<option value="true" <c:if test="${timeoutDetecFilter ne 'false'}"> selected ="selected"</c:if> >i18n_dclwl.message.yes_n81i</option>
|
||||
<option value="false" <c:if test="${timeoutDetecFilter eq 'false'}"> selected ="selected"</c:if> >i18n_dclwl.message.no_n81i</option>
|
||||
</select></label>
|
||||
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle2" onclick="javascript:qry();" />
|
||||
</div>
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:showDiv();" value="i18n_dclwl.message.export_n81i"/>
|
||||
<jsp:include page="/include/include.jsp" />
|
||||
|
||||
<c:if test="${entry=='switch'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBackSwitch()" value="i18n_dclwl.button.back_n81i"/>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
<div id="maindiv">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr >
|
||||
<td width="4%" class="color_top" nowrap>
|
||||
i18n_dclwl.text.index_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top" nowrap>
|
||||
i18n_dclwl.text.nodeIp_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top" nowrap>
|
||||
i18n_dclwl.text.checkType_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top" nowrap>
|
||||
i18n_dclwl.text.pIden_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top" nowrap>
|
||||
i18n_dclwl.text.checkWay_n81i
|
||||
</td>
|
||||
<td width="10%" class="color_top" nowrap>
|
||||
i18n_dclwl.text.dataCheckTime_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top" nowrap>
|
||||
i18n_dclwl.text.persistTime_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top" nowrap>
|
||||
i18n_dclwl.text.tryTimes_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top" nowrap>
|
||||
i18n_dclwl.text.police_level_n81i
|
||||
</td>
|
||||
<td width="18%" class="color_top" nowrap>
|
||||
i18n_dclwl.text.stateInfo_n81i
|
||||
</td>
|
||||
<!--
|
||||
<td width="18%" class="color_8" nowrap>
|
||||
警告信息
|
||||
</td>
|
||||
-->
|
||||
</tr>
|
||||
<!-- 1、远程连接引入页面 -->
|
||||
<jsp:include page="/common/remoteConn.jsp" />
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(detecWarningList) > 0}">
|
||||
<c:forEach items="${detecWarningList}" var="detecWarning" varStatus="vs">
|
||||
<c:set var="color" value="color_1"/>
|
||||
<c:set var="color_end" value="color_7"/>
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3"/>
|
||||
<c:set var="color_end" value="color_6"/>
|
||||
</c:if>
|
||||
<tr >
|
||||
<td class="${color }">
|
||||
${index+(pageNo-1)*pageSize}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<font color="${detecWarning.bgcolor}">
|
||||
<!-- 2、 调用JS，此处远程连接调用JS在/common/remoteConn.jsp中 -->
|
||||
<a href="javascript:void(0);"
|
||||
onclick="remoteConn('${detecWarning.nodeSysType }','${detecWarning.nodeIp}','${detecWarning.nodeType }', this)"
|
||||
style="color:${detecWarning.bgcolor};}">${detecWarning.nodeIp}
|
||||
</a>
|
||||
</font>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<a href="javascript:showRecord('${detecWarning.id }')" title="i18n_dclwl.message.showRecord_n81i">${detecWarning.detectionSetInfo.checkTypeInfo.checkTypeName1}</a>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<a href="javascript:showDetectionInfo('${detecWarning.detectionSetInfo.id }','${detecWarning.seqId}')"
|
||||
title="i18n_dclwl.message.showDetectionInfo_n81i"> ${detecWarning.detectionSetInfo.processIdenName}
|
||||
</a>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${detecWarning.checkWay=='0' }">i18n_dclwl.message.active_n81i</c:if>
|
||||
<c:if test="${detecWarning.checkWay=='1' }">i18n_dclwl.message.passive_n81i</c:if>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<fmt:formatDate value="${detecWarning.dataCheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecWarning.persistTime}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecWarning.currentTimes}
|
||||
</td>
|
||||
<td class="${color }" >
|
||||
${detecWarning.policeLevel}
|
||||
</td>
|
||||
<td class="${color }" >
|
||||
<span class="STYLE1" style="word-break:break-all; color: ${detecWarning.bgcolor}">
|
||||
<c:set value="${fn:replace(fn:replace(detecWarning.performaceData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<c:set value="${fn:replace(fn:replace(detecWarning.performaceData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}" <%-- onmouseover="showTitle('infoTipSpan_${detecWarning.seqId}_${detecWarning.detectionSetInfo.id}',this,event);" onmouseout="hideTitle('infoTipSpan_${detecWarning.seqId}_${detecWarning.detectionSetInfo.id}');" --%> >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 25}">
|
||||
${fn:substring(stateInfo,0,25)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 25}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<%-- <span id="infoTipSpan_${detecWarning.seqId}_${detecWarning.detectionSetInfo.id}" class="infoTip" style="display:none;">${stateInfoParam}</span> --%>
|
||||
</span>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="10" class="color_6" align="center">
|
||||
i18n_dclwl.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty detecWarningList}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
</div>
|
||||
<br />
|
||||
<div id="popDiv" class="mydiv" style="display:none;">
|
||||
<input type="hidden" />
|
||||
<input type="button" class=btn3_mouseout style="width:100px;"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportCurrentXls();" value="i18n_dclwl.button.exportCurrentPage_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout style="width:80px"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportAllXls();" value="i18n_dclwl.button.exprotAllData_n81i"/>
|
||||
<br/>
|
||||
<a href="javascript:closeDiv()">i18n_dclwl.text.closeWindow_n81i</a></div>
|
||||
|
||||
<div id="bg" class="bg" style="display:none;"></div>
|
||||
|
||||
<span id="infoTipSpan" class="infoTip" style="display:none;"></span>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,167 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
</script>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(detecWarningList) > 0}">
|
||||
<c:forEach items="${detecWarningList}" var="detecWarning"
|
||||
varStatus="vs">
|
||||
<c:set var="color" value="color_1" />
|
||||
<c:set var="color_end" value="color_7" />
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3" />
|
||||
<c:set var="color_end" value="color_6" />
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
${index+(pageNo-1)*pageSize}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<font color="${detecWarning.bgcolor}"> <!-- 2、 调用JS，此处远程连接调用JS在/common/remoteConn.jsp中 -->
|
||||
<a
|
||||
href="javascript:void(0);"
|
||||
onclick="remoteConn('${detecWarning.nodeSysType }','${detecWarning.nodeIp}','${detecWarning.nodeType }', this)"
|
||||
style="color:${detecWarning.bgcolor};}">
|
||||
${detecWarning.nodeIp} </a>
|
||||
</font>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<a href="javascript:showRecord('${detecWarning.id }')" title="i18n_dclwlc.message.showRecord_n81i">${detecWarning.detectionSetInfo.checkTypeInfo.checkTypeName1}</a>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<a href="javascript:showDetectionInfo('${detecWarning.detectionSetInfo.id }','${detecWarning.seqId}')"
|
||||
title="i18n_dclwlc.message.showDetectionInfo_n81i"> ${detecWarning.detectionSetInfo.processIdenName}
|
||||
</a>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${detecWarning.checkWay=='0' }">i18n_dclwlc.message.active_n81i</c:if>
|
||||
<c:if test="${detecWarning.checkWay=='1' }">i18n_dclwlc.message.passive_n81i</c:if>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<fmt:formatDate value="${detecWarning.dataCheckTime}"
|
||||
pattern="yyyy-MM-dd HH:mm:ss" />
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecWarning.persistTime}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecWarning.currentTimes}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecWarning.policeLevel}
|
||||
</td>
|
||||
<td class="${color }" >
|
||||
<span class="STYLE1" style="word-break:break-all; color: ${detecWarning.bgcolor}">
|
||||
<c:set value="${fn:replace(fn:replace(detecWarning.performaceData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<c:set value="${fn:replace(fn:replace(detecWarning.performaceData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}"<%-- onmouseover="showTitle('infoTipSpan_${detecWarning.seqId}_${detecWarning.detectionSetInfo.id}',this,event);" onmouseout="hideTitle('infoTipSpan_${detecWarning.seqId}_${detecWarning.detectionSetInfo.id}');" --%>>
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 25}">
|
||||
${fn:substring(stateInfo,0,25)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 25}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfoParam}</span>
|
||||
<%-- <span id="infoTipSpan_${detecWarning.seqId}_${detecWarning.detectionSetInfo.id}" class="infoTip" style="display:none;">${stateInfoParam}</span> --%>
|
||||
</span>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
|
||||
<script type="text/javascript" >
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
$(".prop").each(function(){
|
||||
var obj = $(this);
|
||||
var tx = document.body.clientWidth; //文档的可见长宽
|
||||
var ty = document.body.clientHeight;
|
||||
$(obj).on("mouseenter",function(event){
|
||||
event = event ? event : window.event;
|
||||
$(".popover").remove();
|
||||
var x = event.clientX;//鼠标位置
|
||||
var y = event.clientY;
|
||||
//alert(tx + "," + ty + "," + x + "," + y);
|
||||
if (y < ty/2) {
|
||||
var placement = "bottom";
|
||||
} else {
|
||||
var placement = "top";
|
||||
}
|
||||
$(obj).popover({
|
||||
html:true,
|
||||
content:"<div class='pop-content'><div style='margin-right:15px'>" + $(this).attr("data-temp") + "</div></div>",
|
||||
placement:placement
|
||||
});
|
||||
$(obj).popover("show");
|
||||
const ps = new PerfectScrollbar('.pop-content');
|
||||
|
||||
//修复因浏览器兼容性导致的弹出框位置不对的问题
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
var propy1 = $(obj).offset().top;
|
||||
var propy2 = $(obj).offset().top + $(obj).height();
|
||||
if (placement == "top") {
|
||||
if (propy1 < popy2) {
|
||||
$(pop).css("top", propy1 - 3);
|
||||
}
|
||||
} else if (placement == "bottom") {
|
||||
if (propy2 > popy1) {
|
||||
$(pop).css("top", propy2 + 3);
|
||||
}
|
||||
}
|
||||
|
||||
}).on("mouseleave",function(event){
|
||||
event = event ? event : window.event;
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
//var popChild = $(obj).find(".stateInfoVal")[0]; //td中的span
|
||||
//var popChildyHeight = popChild.offsetHeight;
|
||||
|
||||
var x = event.clientX; //鼠标位置
|
||||
var y = event.clientY;
|
||||
if (y < ty/2) {
|
||||
var extraTop = 3;
|
||||
var extraBottom = 0;
|
||||
} else {
|
||||
var extraTop = 0;
|
||||
var extraBottom = 3;
|
||||
}
|
||||
|
||||
if (x < popx1 || x > popx2 || y < (popy1 - extraTop) || y > (popy2 + extraBottom)) {
|
||||
$(obj).popover("hide");
|
||||
} else {
|
||||
$(pop).on("mouseleave",function(event){
|
||||
$(obj).popover("hide");
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().trim();
|
||||
if(infoVal.length>25){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,25)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
797
WebRoot/page/detection/detecWarning/detecWarningList.jsp
Normal file
797
WebRoot/page/detection/detecWarning/detecWarningList.jsp
Normal file
@@ -0,0 +1,797 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
<%@taglib prefix="s" uri="/struts-tags" %>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="refresh" content="300;<%=path%>/detection/detectionWarning.do?action=query" />
|
||||
<title>i18n_dwl.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet" type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link rel="stylesheet" type="text/css" href="<c:url value='/scrollBar/perfect-scrollbar.css'/>" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery1.11.3.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript" src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript" src="<c:url value='/js/jquery.suggest.js' />"></script>
|
||||
<script type="text/javascript" src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap.min.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap-tooltip.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap-popover.js' />"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value="/scrollBar/perfect-scrollbar.js"/>"></script>
|
||||
<style type="text/css">
|
||||
.mydiv {
|
||||
background-color:#fff;
|
||||
border: 1px solid #000;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
z-index:99;
|
||||
width: 220px;
|
||||
height: 80px;
|
||||
left:50%;/*FF IE7*/
|
||||
top: 50%;/*FF IE7*/
|
||||
|
||||
margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
|
||||
margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
|
||||
|
||||
margin-top:0px;
|
||||
|
||||
position:fixed!important;/*FF IE7*/
|
||||
position:absolute;/*IE6*/
|
||||
|
||||
_top: expression(eval(document.compatMode &&
|
||||
document.compatMode=='CSS1Compat') ?
|
||||
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
|
||||
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
|
||||
|
||||
}
|
||||
|
||||
|
||||
.bg {
|
||||
background-color: #ccc;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left:0;
|
||||
top:0;/*FF IE7*/
|
||||
filter:alpha(opacity=50);/*IE*/
|
||||
opacity:0.5;/*FF*/
|
||||
z-index:1;
|
||||
|
||||
position:fixed!important;/*FF IE7*/
|
||||
position:absolute;/*IE6*/
|
||||
|
||||
_top: expression(eval(document.compatMode &&
|
||||
document.compatMode=='CSS1Compat') ?
|
||||
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
|
||||
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
|
||||
|
||||
}
|
||||
/*The END*/
|
||||
/* 自定义滚动条 */
|
||||
.pop-content {
|
||||
position:relative;
|
||||
max-height:300px;
|
||||
padding-left:5px;
|
||||
}
|
||||
.ps__rail-x {
|
||||
display:none !important;
|
||||
}
|
||||
.ps__rail-y {
|
||||
display:"" !important;
|
||||
}
|
||||
.popover.top {
|
||||
margin-top: -3px !important;
|
||||
}
|
||||
.popover.bottom {
|
||||
margin-top: 3px !important;
|
||||
}
|
||||
.fade.in {
|
||||
opacity: 1;
|
||||
}
|
||||
.popover {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1010;
|
||||
display: none;
|
||||
width: 300px;
|
||||
padding: 1px;
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
.fade {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.15s linear;
|
||||
-moz-transition: opacity 0.15s linear;
|
||||
-o-transition: opacity 0.15s linear;
|
||||
transition: opacity 0.15s linear;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
//页面5分钟刷新一次
|
||||
var interval;
|
||||
$(function(){
|
||||
interval = setInterval('qry()',5*60*1000);
|
||||
$(".prop").each(function(){
|
||||
var obj = $(this);
|
||||
var tx = document.body.clientWidth; //文档的可见长宽
|
||||
var ty = document.body.clientHeight;
|
||||
$(obj).on("mouseenter",function(event){
|
||||
event = event ? event : window.event;
|
||||
$(".popover").remove();
|
||||
var x = event.clientX;//鼠标位置
|
||||
var y = event.clientY;
|
||||
//alert(tx + "," + ty + "," + x + "," + y);
|
||||
if (y < ty/2) {
|
||||
var placement = "bottom";
|
||||
} else {
|
||||
var placement = "top";
|
||||
}
|
||||
$(obj).popover({
|
||||
html:true,
|
||||
content:"<div class='pop-content'><div style='margin-right:15px'>" + $(this).attr("data-temp") + "</div></div>",
|
||||
placement:placement
|
||||
});
|
||||
$(obj).popover("show");
|
||||
const ps = new PerfectScrollbar('.pop-content');
|
||||
|
||||
//修复因浏览器兼容性导致的弹出框位置不对的问题
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
var propy1 = $(obj).offset().top;
|
||||
var propy2 = $(obj).offset().top + $(obj).height();
|
||||
if (placement == "top") {
|
||||
if (propy1 < popy2) {
|
||||
$(pop).css("top", propy1 - 3);
|
||||
}
|
||||
} else if (placement == "bottom") {
|
||||
if (propy2 > popy1) {
|
||||
$(pop).css("top", propy2 + 3);
|
||||
}
|
||||
}
|
||||
|
||||
}).on("mouseleave",function(event){
|
||||
event = event ? event : window.event;
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
//var popChild = $(obj).find(".stateInfoVal")[0]; //td中的span
|
||||
//var popChildyHeight = popChild.offsetHeight;
|
||||
|
||||
var x = event.clientX; //鼠标位置
|
||||
var y = event.clientY;
|
||||
if (y < ty/2) {
|
||||
var extraTop = 3;
|
||||
var extraBottom = 0;
|
||||
} else {
|
||||
var extraTop = 0;
|
||||
var extraBottom = 3;
|
||||
}
|
||||
|
||||
if (x < popx1 || x > popx2 || y < (popy1 - extraTop) || y > (popy2 + extraBottom)) {
|
||||
$(obj).popover("hide");
|
||||
} else {
|
||||
$(pop).on("mouseleave",function(event){
|
||||
$(obj).popover("hide");
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
})
|
||||
|
||||
function clear(){
|
||||
clearInterval(interval);
|
||||
}
|
||||
//查询记录
|
||||
function qry(){
|
||||
var nodeType = $("input[name='nodeType']").val();
|
||||
|
||||
if(${type=="3Droom"}){
|
||||
/* $("input[name='nodeType']").remove(); */
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=queryAll";
|
||||
}else if(nodeType == '1'){ //网元
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=queryNE";
|
||||
}else if(nodeType == '0'){ //服务器
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=query";
|
||||
}else {
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=queryAll";
|
||||
}
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
|
||||
|
||||
//查看详情
|
||||
function showRecord(warnid){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=detail&ids="+warnid+"&pageNo="+mypageNo+"&pageSize="+mypageSize;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function showDetectionInfo(dsiId,seqId){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
$("#newPageSize").attr("disabled","true");
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=showDetectionInfo&dsiId="+dsiId+"&sqId="+seqId+"&flag=warning"+"&mypageNo="+mypageNo+"&mypageSize="+mypageSize;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
var set_Id;
|
||||
var ajaxProperties = "";
|
||||
var ajaxTableName = "";
|
||||
var ajaxType = "";
|
||||
var id = "";
|
||||
var returnDiv = "";
|
||||
var ajaxValue = "";
|
||||
|
||||
function lianxiangkeydown() {
|
||||
clearTimeout(set_Id);
|
||||
}
|
||||
function lianxiangkeyup(ajaxProperties1,ajaxTableName1,ajaxType1,id1,returnDiv1,ajaxValue1) {
|
||||
if(parent.document.getElementById("lianxiangStatus").value=="2")
|
||||
{
|
||||
if(jQuery.trim(ajaxValue1)=="") return false;
|
||||
|
||||
ajaxProperties = ajaxProperties1;
|
||||
ajaxTableName = ajaxTableName1;
|
||||
ajaxType = ajaxType1;
|
||||
id = id1;
|
||||
returnDiv = returnDiv1;
|
||||
|
||||
if(!checkStrNoDian(ajaxValue1)){
|
||||
ajaxValue = ajaxValue1;
|
||||
}else{
|
||||
clearTimeout(set_Id);
|
||||
alert('i18n_dwl.message.hasSpecialChar_n81i');
|
||||
$("#"+id).val('');
|
||||
return;
|
||||
}
|
||||
clearTimeout(set_Id);
|
||||
set_Id = setTimeout(ajaxForLianxiang,500);
|
||||
}
|
||||
}
|
||||
|
||||
function ajaxForLianxiang()
|
||||
{
|
||||
jQuery.post("<%=path%>/sysManage/sysPopedomManage!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue,"nodeType":'${nodeType}'},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
if('${nodeType}' == '1'){
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv,showType:"scroll"});
|
||||
}else{
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv});
|
||||
}
|
||||
if(lianxiangList == ''){
|
||||
$("#"+id).css("color","#CBC0B6");
|
||||
}else{
|
||||
$("#"+id).css("color","#000000");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function lianxiangStateInfokeyup() {
|
||||
var stateInfo = $('#stateInfo').val();
|
||||
setTimeout(function(){
|
||||
jQuery.post(
|
||||
"<%=request.getContextPath()%>/sysManage/dataDictionary!querySouceForAjax.do",
|
||||
{'ddid': 'monitorStatusInfo', 'nameLike': stateInfo },
|
||||
function(data) {
|
||||
var lianxiangList = data.split(",");
|
||||
$('#stateInfo').suggest(lianxiangList,{hot_list:lianxiangList,attachObject:'#suggest2'});
|
||||
$('#stateInfo').css("color","#000000"); <%-- 修正查询条件文本内容自动变灰 --%>
|
||||
}
|
||||
);
|
||||
},500);
|
||||
}
|
||||
|
||||
function isShuzi(){
|
||||
if(document.getElementById("police_level").value.replace(/[\d+]/ig,"").length>0){
|
||||
alert('i18n_dwl.message.inputNum_n81i');
|
||||
document.getElementById("police_level").value = "";
|
||||
return false;
|
||||
}else{
|
||||
if(document.getElementById("police_level").value!="" && ($("#police_level").val() <=0 || $("#police_level").val()>99)){
|
||||
alert("i18n_dwl.message.policeLevelVal_n81i");
|
||||
document.getElementById("police_level").value = "";
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
function ieBrowser(){
|
||||
/* if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
} */
|
||||
}
|
||||
|
||||
//程辉 2013-5-8 新增 导出当前页
|
||||
function emportCurrentXls() {
|
||||
var pageType;
|
||||
var type = $("input[name=type]").val();
|
||||
if("3Droom"==type){
|
||||
pageType = '3Droom';
|
||||
}else if('${nodeType}'==0){
|
||||
pageType = 'query';
|
||||
}else if('${nodeType}'==1){
|
||||
pageType = 'queryNE';
|
||||
}
|
||||
document.form3.action = "<c:url value='/'/>/detection/detectionWarning.do?action=emportCurrentXls&pageType="+pageType+"&pageNo="+$("#pageNo").val()+"&pageSize="+'${pageSize }'+"&police_level="+$("#police_level").val()+"&ctn="+$("#checkTypeId").val()+"&pIden="+$("#pIden").val()+"&dct="+$("#dataCheckTime").val()+"&ip="+$("#nodeIp").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
//导出数据后需要判断是从异常网元还是异常服务器
|
||||
if('${nodeType}'==0){
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=query";
|
||||
}else if('${nodeType}'==1){
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=queryNE";
|
||||
}
|
||||
}
|
||||
//程辉 2013-5-8 新增 导出全部
|
||||
function emportAllXls() {
|
||||
var pageType;
|
||||
var type = $("input[name=type]").val();
|
||||
if("3Droom"==type){
|
||||
pageType = '3Droom';
|
||||
}else if('${nodeType}'==0){
|
||||
pageType = 'query';
|
||||
}else if('${nodeType}'==1){
|
||||
pageType = 'queryNE';
|
||||
}
|
||||
document.form3.action = "<c:url value='/'/>/detection/detectionWarning.do?action=emportAllXls&pageType="+pageType+"&police_level="+$("#police_level").val()+"&ctn="+$("#checkTypeId").val()+"&pIden="+$("#pIden").val()+"&dct="+$("#dataCheckTime").val()+"&ip="+$("#nodeIp").val()+"&pageNo="+$("#pageNo").val()+"&pageSize="+'${pageSize }';
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
if('${nodeType}'==0){
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=query";
|
||||
}else if('${nodeType}'==1){
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=queryNE";
|
||||
}
|
||||
}
|
||||
function showDiv(){
|
||||
document.getElementById('popDiv').style.display='block';
|
||||
document.getElementById('bg').style.display='block';
|
||||
}
|
||||
|
||||
function closeDiv(){
|
||||
document.getElementById('popDiv').style.display='none';
|
||||
document.getElementById('bg').style.display='none';
|
||||
}
|
||||
|
||||
function checkZF(id){
|
||||
if(containSpecial($("#"+id).val())){
|
||||
alert('i18n_dwl.message.hasSpecialChar_n81i');
|
||||
$("#"+id).val('');
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98.5%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
$("#info").floatHeaderDiv();
|
||||
if("3Droom" == '${type}'){
|
||||
$("input[name=nodeType]").remove();
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=queryAll";
|
||||
}else if('${nodeType}' == '1'){ //当前是异常网元列表
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=queryNE";
|
||||
}else if('${nodeType}' == '0'){//当前是异常服务器
|
||||
document.form3.action = "<%=path%>/detection/detectionWarning.do?action=query";
|
||||
}
|
||||
});
|
||||
|
||||
function goBackSwitch() {
|
||||
document.form3.action="<%=path%>/detection/switchDetection.do?action=switchDetectInfoGraph";
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
|
||||
window.onresize = function(){
|
||||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||||
}
|
||||
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
var hght=0;//初始化滚动条总长
|
||||
var topH=0;//初始化滚动条的当前位置
|
||||
var pagePoint = ${pageNo};
|
||||
var memoryData ;
|
||||
var intervalID ;
|
||||
var currentPage = 0; //当前页数
|
||||
var currenttotalPage = 0; //总页数
|
||||
$(function(){//DOM的onload事件
|
||||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||||
});
|
||||
intervalID = setInterval(function(){cando();},1000);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||||
function cando(){
|
||||
currentPage = $("#currentPage").html();
|
||||
currenttotalPage = $("#currenttotalPage").html();
|
||||
if(Number(currentPage) < Number(currenttotalPage)){
|
||||
if(topH!=0 && hght!=0 && topH == hght ){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
show();//如果是，调用show函数加载内容。
|
||||
}
|
||||
}else if(Number(currentPage) == Number(currenttotalPage)){
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
}
|
||||
function show(){
|
||||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||||
topH=0;//原因同上。
|
||||
var childUrlTmp = encodeURI("<c:url value='detectionWarning.do?action=queryChild'/>&levelAlarm=${levelAlarm}&nodeType="+'${nodeType}'+"&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&police_level="+$("#police_level").val()+"&police_emergent="+$("#police_emergent").val()+"&ctn="+$("#checkTypeId").val()+"&stateInfo="+$("#stateInfo").val()+"&pIden="+$("#pIden").val()+"&dct="+$("#dataCheckTime").val()+"&ip="+$("#nodeIp").val()+"&nodeIpRange="+$("#nodeIpRange").val()) + "&timeoutDetecFilter=${timeoutDetecFilter}";
|
||||
$.ajax({
|
||||
url:childUrlTmp,
|
||||
type : "get",
|
||||
async:false,
|
||||
success : function(data) {
|
||||
$("#info").append($(data));//用append方法追加内容到mypage元素。
|
||||
$("#currentPage").html(pagePoint);//修改页码
|
||||
$("#pageNo").val(pagePoint);
|
||||
}
|
||||
});
|
||||
loadButton();
|
||||
}
|
||||
//初始化级别的显示和隐藏
|
||||
var emergentVal = jQuery('#police_emergent').val();
|
||||
if(emergentVal!=undefined && emergentVal!=null) {//需要选择紧急 or 非紧急,就需要初始化级别的显示隐藏
|
||||
changeEmergent();
|
||||
}
|
||||
});
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
|
||||
function downloadfile(fileName){
|
||||
document.form3.action="<c:url value='/'/>/download/downLoadFile!download.do?file="+fileName;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function changeEmergent() {
|
||||
var selEmergVal = jQuery('#police_emergent').val();
|
||||
if(selEmergVal=='1') {
|
||||
jQuery('#levelSpan').show();
|
||||
}else {
|
||||
jQuery('#levelSpan').hide();
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().trim();
|
||||
if(infoVal.length>25){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,25)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
<body>
|
||||
|
||||
<div class="middle_list" style="overflow: hidden;">
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='/detection/detectionWarning.do?action=queryAll'/>" method="post" enctype="multipart/form-data">
|
||||
|
||||
<input type="hidden" name="levelAlarm" value="${levelAlarm}"/>
|
||||
<!-- 从网元监测信息进入时带过来的参数：9个 -->
|
||||
<input type="hidden" name="entry" value="${entry}"/>
|
||||
<input type="hidden" name="detectId" value="${detectId}"/>
|
||||
<input type="hidden" name="seqId" value="${seqId}"/><!-- 因为有seqId，用户在告警界面查询别的节点的信息，返回网元监测信息时，也不会改变之前的节点，ip只是供显示用的 -->
|
||||
<input type="hidden" value="${type }" name="type" id="type" />
|
||||
<input type="hidden" name="nodeType" value="${nodeType }"/>
|
||||
|
||||
<input type="hidden" name="nameFlag" value="${nameFlag}"/>
|
||||
<input type="hidden" name="pid" value="${pid}"/>
|
||||
<input type="hidden" name="isLeaf" value="${isLeaf}"/>
|
||||
<input type="hidden" name="picId" value="${picId}"/>
|
||||
<input type="hidden" name="queryParConditionDisplay" value="${queryParConditionDisplay}"/>
|
||||
<input type="hidden" name="queryChildConditionDisplay" value="${queryChildConditionDisplay}"/>
|
||||
<input type="hidden" name="pageNoforexp" id="pageNo" value="${pageNo }"/>
|
||||
<input type="hidden" name="warnType" id="warnType" value="${warnType }"/>
|
||||
<input type="hidden" name="emergentSetStr" id="emergentSetStr" value="${emergentSetStr }"/>
|
||||
|
||||
<div id="divTop">
|
||||
<div class="box_1">
|
||||
<c:choose>
|
||||
<c:when test="${emergentSetStr eq null || emergentSetStr=='' || (fn:contains(emergentSetStr,',1,') && fn:contains(emergentSetStr,',0,'))}">
|
||||
<label class="divTopText"><font class="selectText"> i18n_dwl.text.police_emergent_n81i</font><select name="police_emergent" id="police_emergent" onchange="changeEmergent();">
|
||||
<option value="">i18n_dwl.text.changeEmergentDefault_n81i</option>
|
||||
<option value="0"
|
||||
<c:if test="${police_emergent=='0'}"> selected="selected" </c:if> >i18n_dwl.text.emergent0_n81i</option>
|
||||
<option value="1"
|
||||
<c:if test="${police_emergent=='1'}"> selected="selected" </c:if> >i18n_dwl.text.nonEmergent1_n81i</option>
|
||||
</select></label>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<input type="hidden" id="police_emergent" name="police_emergent" value="${police_emergent}"/>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<c:choose>
|
||||
<c:when test="${emergentSetStr ne null && emergentSetStr!='' && emergentSetStr==',0,'}">
|
||||
<!-- 只紧急：无级别条件 -->
|
||||
<input type="hidden" id="police_level" name="police_level" value="${police_level}"/>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<!-- 空、紧急+非紧急：都不显示；非紧急：显示 [police_emergent!=1 可以避免条件显示跳动：针对不选，或者选紧急+非紧急时，查询条件没选非紧急的情况] -->
|
||||
<span id="levelSpan" <c:if test="${police_emergent!=1 && (emergentSetStr eq null || emergentSetStr=='' || (fn:contains(emergentSetStr,',1,') && fn:contains(emergentSetStr,',0,')))}">style="display: none;"</c:if> >
|
||||
<label class="divTopText"><font class="selectText">i18n_dwl.text.police_level_n81i</font>
|
||||
<select name="police_level" id="police_level" >
|
||||
<option value="">i18n_dwl.text.changeEmergentDefault_n81i</option>
|
||||
<c:forEach items="${levelSetList}" var="level" >
|
||||
<option value="${level}"
|
||||
<c:if test="${police_level==level}"> selected="selected" </c:if> >${level}i18n_dwl.text.levelAlarm_n81i</option>
|
||||
</c:forEach>
|
||||
</select></label>
|
||||
</span>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<label class="divTopText"><font class="selectText">i18n_dwl.text.nodeIp_n81i</font> <input type="text" id="nodeIp"
|
||||
onkeyup="lianxiangkeyup('nodeIp','NodeTable','String','nodeIp','suggest1',this.value);"
|
||||
name="ip" title="i18n_dwl.message.nodeIp_n81i" value="${ip}" size="20" style="width: 100px;"/>
|
||||
<div id='suggest1' class="ac_results"></div></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_dwl.text.checkType_n81i</font>
|
||||
<input type="hidden" name="ctn" title="i18n_dwl.message.checkType_n81i" value="${ctn}" id="checkTypeId"
|
||||
onkeyup="lianxiangkeyup('checkTypeName1','CheckTypeInfo','String','checkTypeId','suggest1',this.value);" style="width: 100px;"/>
|
||||
|
||||
<select name="checkType">
|
||||
<option value="-1" <c:if test="${empty checkType or checkType eq -1}">selected ="selected"</c:if>>i18n_dwl.text.changeEmergentDefault_n81i</option>
|
||||
<c:forEach items="${allCheckTypeInfo }" var="checkTypeInfo">
|
||||
<c:if test="${nodeType eq 1 and (checkTypeInfo.isSnmp eq 1 or checkTypeInfo.id eq 7)}">
|
||||
<option value="${checkTypeInfo.id }" <c:if test="${checkTypeInfo.id eq checkType}">selected ="selected"</c:if>>${checkTypeInfo.checkTypeName1 }</option>
|
||||
</c:if>
|
||||
<c:if test="${nodeType eq 0 }"><!-- and (checkTypeInfo.isSnmp ne 1 or checkTypeInfo.id eq 7) -->
|
||||
<option value="${checkTypeInfo.id }" <c:if test="${checkTypeInfo.id eq checkType}">selected ="selected"</c:if>>${checkTypeInfo.checkTypeName1 }</option>
|
||||
</c:if>
|
||||
<c:if test="${type == '3Droom' and ((nodeType != 0 and nodeType!= 1) or checkTypeInfo.id eq 7)}">
|
||||
<option value="${checkTypeInfo.id }" <c:if test="${checkTypeInfo.id eq checkType}">selected ="selected"</c:if>>${checkTypeInfo.checkTypeName1 }</option>
|
||||
</c:if>
|
||||
|
||||
</c:forEach>
|
||||
</select>
|
||||
</label>
|
||||
<label class="divTopText"><font class="selectText">i18n_dwl.text.checkTypeName_n81i</font>
|
||||
<input type="text" id="pIden" style="width: 100px"
|
||||
name="pIden"
|
||||
title="i18n_dwl.message.checkTypeName_n81i"
|
||||
value="${pIden}" size="49" onkeyup="checkZF('pIden');" /></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_dwl.text.dataCheckTime_n81i</font>
|
||||
<input type="text" id="dataCheckTime"
|
||||
name="dct" value="${dct}" readonly
|
||||
onclick="SelectDate(this,'yyyy-MM-dd',${session.i18n_lang == 'zh_CN'?0:1})" style="width: 90px;"/></label>
|
||||
<%-- <label class="divTopText"><font class="selectText">i18n_dwl.text.stateInfo_n81i</font>--%>
|
||||
<input type="hidden" name="stateInfo" title="i18n_dwl.message.stateInfo_n81i" value="${stateInfo}" id="stateInfo"
|
||||
onkeyup="lianxiangStateInfokeyup();" style="width: 100px"/> <%-- </label> --%>
|
||||
<label class="divTopText"><font class="selectText">i18n_dwl.text.timeoutDetecFilter_n81i</font>
|
||||
<select name="timeoutDetecFilter">
|
||||
<option value="true" <c:if test="${timeoutDetecFilter ne 'false'}"> selected ="selected"</c:if> >i18n_dwl.message.yes_n81i</option>
|
||||
<option value="false" <c:if test="${timeoutDetecFilter eq 'false'}"> selected ="selected"</c:if> >i18n_dwl.message.no_n81i</option>
|
||||
</select>
|
||||
|
||||
<div id='suggest2' class="ac_results" style="min-width: 200px; width: auto;"></div></label>
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle2" onclick="javascript:qry();" />
|
||||
</div>
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:showDiv();" value="i18n_dwl.button.export_n81i"/>
|
||||
<jsp:include page="/include/include.jsp" />
|
||||
|
||||
<c:if test="${entry=='switch'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBackSwitch()" value="i18n_dwl.button.back_n81i"/>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
<div id="maindiv">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr >
|
||||
<td width="4%" class="color_top" nowrap>
|
||||
i18n_dwl.text.index_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top" nowrap>
|
||||
i18n_dwl.text.nodeIp_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top" nowrap>
|
||||
i18n_dwl.text.checkType_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top" nowrap>
|
||||
i18n_dwl.text.checkTypeName_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top" nowrap>
|
||||
i18n_dwl.text.checkWay_n81i
|
||||
</td>
|
||||
<td width="10%" class="color_top" nowrap>
|
||||
i18n_dwl.text.dataCheckTime_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top" nowrap>
|
||||
i18n_dwl.text.persistTime_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top" nowrap>
|
||||
i18n_dwl.text.tryTimes_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top" nowrap>
|
||||
i18n_dwl.text.police_level_n81i
|
||||
</td>
|
||||
<td width="18%" class="color_top" nowrap>
|
||||
i18n_dwl.text.stateInfo_n81i
|
||||
</td>
|
||||
<!--
|
||||
<td width="18%" class="color_8" nowrap>
|
||||
警告信息
|
||||
</td>
|
||||
-->
|
||||
</tr>
|
||||
<!-- 1、远程连接引入页面 -->
|
||||
<jsp:include page="/common/remoteConn.jsp" />
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(detecWarningList) > 0}">
|
||||
<c:forEach items="${detecWarningList}" var="detecWarning" varStatus="vs">
|
||||
<c:set var="color" value="color_1"/>
|
||||
<c:set var="color_end" value="color_7"/>
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3"/>
|
||||
<c:set var="color_end" value="color_6"/>
|
||||
</c:if>
|
||||
<tr >
|
||||
<td class="${color }">
|
||||
${index+(pageNo-1)*pageSize}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<font color="${detecWarning.bgcolor}">
|
||||
<!-- 2、 调用JS，此处远程连接调用JS在/common/remoteConn.jsp中 -->
|
||||
<a href="javascript:void(0);"
|
||||
onclick="remoteConn('${detecWarning.nodeSysType }','${detecWarning.nodeIp}','${detecWarning.nodeType }', this)"
|
||||
style="color:${detecWarning.bgcolor};}">${detecWarning.nodeIp}
|
||||
</a>
|
||||
</font>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<a href="javascript:showRecord('${detecWarning.id }')" title="i18n_dwl.message.showRecord_n81i">${detecWarning.detectionSetInfo.checkTypeInfo.checkTypeName1}</a>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<a href="javascript:showDetectionInfo('${detecWarning.detectionSetInfo.id }','${detecWarning.seqId}')"
|
||||
title="i18n_dwl.message.showDetectionInfo_n81i"> ${detecWarning.detectionSetInfo.processIdenName}
|
||||
</a>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${detecWarning.checkWay=='0' }">i18n_dwl.message.active_n81i</c:if>
|
||||
<c:if test="${detecWarning.checkWay=='1' }">i18n_dwl.message.passive_n81i</c:if>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<fmt:formatDate value="${detecWarning.dataCheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecWarning.persistTime}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecWarning.currentTimes}
|
||||
</td>
|
||||
<td class="${color }" >
|
||||
${detecWarning.policeLevel}
|
||||
</td>
|
||||
<td class="${color }" >
|
||||
<span class="STYLE1" style="word-break:break-all; color: ${detecWarning.bgcolor}">
|
||||
<c:set value="${fn:replace(fn:replace(detecWarning.performaceData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<c:set value="${fn:replace(fn:replace(detecWarning.performaceData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}" <%-- onmouseover="showTitle('infoTipSpan_${detecWarning.seqId}_${detecWarning.detectionSetInfo.id}',this,event);" onmouseout="hideTitle('infoTipSpan_${detecWarning.seqId}_${detecWarning.detectionSetInfo.id}');" --%> >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 25}">
|
||||
${fn:substring(stateInfo,0,25)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 25}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<%-- <span id="infoTipSpan_${detecWarning.seqId}_${detecWarning.detectionSetInfo.id}" class="infoTip" style="display:none;">${stateInfoParam}</span> --%>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="10" class="color_6" align="center">
|
||||
i18n_dwl.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty detecWarningList}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
</div>
|
||||
<br />
|
||||
<div id="popDiv" class="mydiv" style="display:none;">
|
||||
<input type="hidden" />
|
||||
<input type="button" class=btn3_mouseout style="width:100px;"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportCurrentXls();" value="i18n_dwl.button.exportCurrentPage_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout style="width:80px"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportAllXls();" value="i18n_dwl.button.exportAllData_n81i"/>
|
||||
<br/>
|
||||
<a href="javascript:closeDiv()">i18n_dwl.message.closeWindow_n81i</a></div>
|
||||
|
||||
<div id="bg" class="bg" style="display:none;"></div>
|
||||
<span id="infoTipSpan" class="infoTip" style="display:none;"></span>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
167
WebRoot/page/detection/detecWarning/detecWarningListChild.jsp
Normal file
167
WebRoot/page/detection/detecWarning/detecWarningListChild.jsp
Normal file
@@ -0,0 +1,167 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(detecWarningList) > 0}">
|
||||
<c:forEach items="${detecWarningList}" var="detecWarning"
|
||||
varStatus="vs">
|
||||
<c:set var="color" value="color_1" />
|
||||
<c:set var="color_end" value="color_7" />
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3" />
|
||||
<c:set var="color_end" value="color_6" />
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
${index+(pageNo-1)*pageSize}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<font color="${detecWarning.bgcolor}"> <!-- 2、 调用JS，此处远程连接调用JS在/common/remoteConn.jsp中 -->
|
||||
<a
|
||||
href="javascript:void(0);"
|
||||
onclick="remoteConn('${detecWarning.nodeSysType }','${detecWarning.nodeIp}','${detecWarning.nodeType }', this)"
|
||||
style="color:${detecWarning.bgcolor};}">
|
||||
${detecWarning.nodeIp} </a>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<a href="javascript:showRecord('${detecWarning.id }')" title="i18n_dwlc.message.showRecord_n81i">${detecWarning.detectionSetInfo.checkTypeInfo.checkTypeName1}</a>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<a href="javascript:showDetectionInfo('${detecWarning.detectionSetInfo.id }','${detecWarning.seqId}')"
|
||||
title="i18n_dwlc.message.showDetectionInfo_n81i"> ${detecWarning.detectionSetInfo.processIdenName}
|
||||
</a>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${detecWarning.checkWay=='0' }">i18n_dwlc.message.active_n81i</c:if>
|
||||
<c:if test="${detecWarning.checkWay=='1' }">i18n_dwlc.message.passive_n81i</c:if>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<fmt:formatDate value="${detecWarning.dataCheckTime}"
|
||||
pattern="yyyy-MM-dd HH:mm:ss" />
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecWarning.persistTime}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecWarning.currentTimes}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${detecWarning.policeLevel}
|
||||
</td>
|
||||
<td class="${color }" >
|
||||
<span class="STYLE1" style="word-break:break-all; color: ${detecWarning.bgcolor}">
|
||||
<c:set value="${fn:replace(fn:replace(detecWarning.performaceData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<c:set value="${fn:replace(fn:replace(detecWarning.performaceData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}"<%-- onmouseover="showTitle('infoTipSpan_${detecWarning.seqId}_${detecWarning.detectionSetInfo.id}',this,event);" onmouseout="hideTitle('infoTipSpan_${detecWarning.seqId}_${detecWarning.detectionSetInfo.id}');" --%> >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 25}">
|
||||
${fn:substring(stateInfo,0,25)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 25}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
|
||||
<span id="infoTipSpan_${detecWarning.seqId}_${detecWarning.detectionSetInfo.id}" class="infoTip" style="display:none;">${stateInfoParam}</span>
|
||||
</span>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
|
||||
<script type="text/javascript" >
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
$(".prop").each(function(){
|
||||
var obj = $(this);
|
||||
var tx = document.body.clientWidth; //文档的可见长宽
|
||||
var ty = document.body.clientHeight;
|
||||
$(obj).on("mouseenter",function(event){
|
||||
event = event ? event : window.event;
|
||||
$(".popover").remove();
|
||||
var x = event.clientX;//鼠标位置
|
||||
var y = event.clientY;
|
||||
//alert(tx + "," + ty + "," + x + "," + y);
|
||||
if (y < ty/2) {
|
||||
var placement = "bottom";
|
||||
} else {
|
||||
var placement = "top";
|
||||
}
|
||||
$(obj).popover({
|
||||
html:true,
|
||||
content:"<div class='pop-content'><div style='margin-right:15px'>" + $(this).attr("data-temp") + "</div></div>",
|
||||
placement:placement
|
||||
});
|
||||
$(obj).popover("show");
|
||||
const ps = new PerfectScrollbar('.pop-content');
|
||||
|
||||
//修复因浏览器兼容性导致的弹出框位置不对的问题
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
var propy1 = $(obj).offset().top;
|
||||
var propy2 = $(obj).offset().top + $(obj).height();
|
||||
if (placement == "top") {
|
||||
if (propy1 < popy2) {
|
||||
$(pop).css("top", propy1 - 3);
|
||||
}
|
||||
} else if (placement == "bottom") {
|
||||
if (propy2 > popy1) {
|
||||
$(pop).css("top", propy2 + 3);
|
||||
}
|
||||
}
|
||||
|
||||
}).on("mouseleave",function(event){
|
||||
event = event ? event : window.event;
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
//var popChild = $(obj).find(".stateInfoVal")[0]; //td中的span
|
||||
//var popChildyHeight = popChild.offsetHeight;
|
||||
|
||||
var x = event.clientX; //鼠标位置
|
||||
var y = event.clientY;
|
||||
if (y < ty/2) {
|
||||
var extraTop = 3;
|
||||
var extraBottom = 0;
|
||||
} else {
|
||||
var extraTop = 0;
|
||||
var extraBottom = 3;
|
||||
}
|
||||
|
||||
if (x < popx1 || x > popx2 || y < (popy1 - extraTop) || y > (popy2 + extraBottom)) {
|
||||
$(obj).popover("hide");
|
||||
} else {
|
||||
$(pop).on("mouseleave",function(event){
|
||||
$(obj).popover("hide");
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().trim();
|
||||
if(infoVal.length>25){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,25)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
521
WebRoot/page/detection/monitorData/detailMonitor.jsp
Normal file
521
WebRoot/page/detection/monitorData/detailMonitor.jsp
Normal file
@@ -0,0 +1,521 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%@ taglib uri="/jstl/fmt" prefix="fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_dm.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
function goBack(){
|
||||
var action ="<c:url value='/detection/monitorData.do?action=query'/>";
|
||||
if($("#type").val()== "1"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryNE'/>";
|
||||
}else if($("#type").val()== "2"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryAbnormalSet'/>";
|
||||
}
|
||||
if($("#flag").val()== "newTopo"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=query&nodeType=${nodeType}&nodeId=${nodeId}'/>";
|
||||
}
|
||||
document.Mkform.action=action;
|
||||
document.Mkform.submit();
|
||||
}
|
||||
|
||||
$(function(){
|
||||
<c:if test="${dictionMap ne null}">
|
||||
<c:forEach items="${dictionMap}" var="dmap" >
|
||||
$("#t1").find("td[id=${dmap.key}]").each(function(){
|
||||
var $ttd = $(this);
|
||||
<c:if test="${!empty (dmap.value)}">//VO
|
||||
<c:forEach items="${dmap.value.listOT}" var="op">
|
||||
if(${op.typeCode} == $ttd.text()){
|
||||
$ttd.text("${op.typeValue}");
|
||||
}
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
});
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
});
|
||||
|
||||
</script>
|
||||
<body>
|
||||
<div class="middle_list">
|
||||
<form action="<%=path%>/detection/monitorData!executeAction.do?action=detail" name="Mkform" method="post">
|
||||
<input type="hidden" name="flag" value="${flag }" id='flag'/>
|
||||
<input type="hidden" name="cip" id="cip" value="${cip }" />
|
||||
<input type="hidden" name="ctn" id="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="stateInfo" id="stateInfo" value="${stateInfo}" />
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<!-- type为空：服务器检测，type=1：网元检测 type=2:异常网元 -->
|
||||
<input type="hidden" value="${type }" name="type" id="type" />
|
||||
<c:forEach items="${ids}" var="ids" varStatus="vs">
|
||||
<input type="hidden" name="ids" id="ids" value="${ids}"/>
|
||||
</c:forEach>
|
||||
|
||||
<!-- 是否为特种设备进入此页面 -->
|
||||
<input type="hidden" name="entry" id="entry" value="${entry }"/>
|
||||
<input type="hidden" name="detectId" id="detectId" value="${detectId }"/>
|
||||
<input type="hidden" name="seqId" id="seqId" value="${seqId }"/>
|
||||
<input type="hidden" name="ip" id="ip" value="${ip }"/>
|
||||
<input type="hidden" name="pid" id="pid" value="${pid }"/>
|
||||
<input type="hidden" name="nodeIpRange" id="nodeIpRange" value="${nodeIpRange }"/>
|
||||
<input type="hidden" name="nodeGroupStr" id="nodeGroupStr" value="${nodeGroupStr }"/>
|
||||
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
<jsp:include page="/common/transferHiddenParameter.jsp" />
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_dm.button.back_n81i"/>
|
||||
|
||||
</div>
|
||||
<div style="height: 10px">
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table">
|
||||
<tr>
|
||||
<td colspan="4" class="color_8">
|
||||
<strong>i18n_dm.text.detecationInfo_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<c:if test="${nodeTable.nodeType==0&¬ empty nodeTable.specialServerType}">
|
||||
<tr>
|
||||
<td colspan="4">
|
||||
<c:if test="${nodeTable.specialServerType==1}">
|
||||
<img src="<c:url value='/images/newtopo/ADC-A016-FRONT.png'/>">
|
||||
</c:if>
|
||||
<c:if test="${nodeTable.specialServerType==2}">
|
||||
<img src="<c:url value='/images/newtopo/ASEM-T102-FRONT.png'/>">
|
||||
</c:if>
|
||||
|
||||
<c:if test="${nodeTable.specialServerType==1}">
|
||||
<img src="<c:url value='/images/newtopo/ADC-A016-BACK.png'/>">
|
||||
</c:if>
|
||||
<c:if test="${nodeTable.specialServerType==2}">
|
||||
<img src="<c:url value='/images/newtopo/ASEM-T102-BACK.png'/>">
|
||||
</c:if>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
|
||||
<tr>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_dm.text.processIdenName_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" width="20%">
|
||||
${detectionInfoNew.detectionSetInfo.processIdenName}
|
||||
</td>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_dm.text.nodeIp_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" width="20%">
|
||||
${nodeIp}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" >
|
||||
i18n_dm.text.datecationState_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<!--
|
||||
<c:if test="${detectionInfoNew.detectionedState=='0' }"><FONT color="red">不正常</FONT></c:if>
|
||||
-->
|
||||
|
||||
<c:if test="${detectionInfoNew.detectionedState == '1' }">i18n_dm.message.normal_n81i</c:if>
|
||||
<c:if test="${detectionInfoNew.detectionedState != 1 }"><FONT color="red">i18n_dm.message.abnormal_n81i</FONT></c:if>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dm.text.viewLevel_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<c:if test="${detectionInfoNew.detectionSetInfo.viewLevel=='1' }">i18n_dm.message.publisher_n81i</c:if>
|
||||
<c:if test="${detectionInfoNew.detectionSetInfo.viewLevel=='2' }">i18n_dm.message.publisherGroup_n81i</c:if>
|
||||
<c:if test="${detectionInfoNew.detectionSetInfo.viewLevel=='3' }">i18n_dm.message.allInSys_n81i</c:if>
|
||||
<c:if test="${detectionInfoNew.detectionSetInfo.viewLevel=='4' }">i18n_dm.message.unlimited_n81i</c:if>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dm.text.detectionStateInfo_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
${fn:replace(fn:replace(detectionInfoNew.detectionStateInfo,vEnter,'$@$'),'$@$','<br/>')}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dm.text.performaceData_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
${fn:replace(fn:replace(detectionInfoNew.performaceData,vEnter,'$@$'),'$@$','<br/>')}
|
||||
</td>
|
||||
</tr>
|
||||
<!--
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
监测首次执行时间：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<fmt:formatDate value="${detectionInfoNew.detectionSetInfo.planCheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
上传监测数据时间间隔(分钟)：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${detectionInfoNew.detectionSetInfo.uploadGap}
|
||||
</td>
|
||||
</tr>
|
||||
-->
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dm.text.checkGap_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${detectionInfoNew.detectionSetInfo.checkGap}
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dm.text.currentTimes_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${detectionInfoNew.currentTimes }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dm.text.nextCheckTime_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<fmt:formatDate value="${detectionInfoNew.nextCheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
<td class="color_1" align="right" >
|
||||
i18n_dm.text.dataArriveTime_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<fmt:formatDate value="${detectionInfoNew.dataArriveTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="color_1" align="right" >
|
||||
i18n_dm.text.datacheckTime_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<fmt:formatDate value="${detectionInfoNew.datacheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dm.text.checkWay_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<c:if test="${detectionInfoNew.detectionSetInfo.checkWay=='0' }">i18n_dm.message.active_n81i</c:if>
|
||||
<c:if test="${detectionInfoNew.detectionSetInfo.checkWay=='1' }">i18n_dm.message.passive_n81i</c:if>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<c:if test="${checkId eq '0' }">
|
||||
<tr>
|
||||
<td colspan="4" align="center">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table1">
|
||||
<tr>
|
||||
<td colspan="4" class="color_top">
|
||||
<strong>i18n_dm.text.nodeSytemInfo_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<c:if test="${dsinfo eq null }">
|
||||
<tr>
|
||||
<td colspan="4" class="color_1">
|
||||
<font color="red" >
|
||||
<c:if test="${nodeTable.nodeType==0 }">i18n_dm.message.noDataCollect_n81i</c:if>
|
||||
<c:if test="${nodeTable.nodeType==1 }">i18n_dm.message.noDataForSwitch_n81i</c:if>
|
||||
</font>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${dsinfo ne null }">
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_dm.text.hostName_n81i：
|
||||
</td>
|
||||
<td class="color_3" width="30%" align="left">
|
||||
${dsinfo.hostName }
|
||||
</td>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_dm.text.operateSystem_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${dsinfo.operateSystem }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_dm.text.cpuCnt_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${dsinfo.cpuCnt }
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dm.text.cpuMhz_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${dsinfo.cpuMhz }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dm.text.memorySize_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${dsinfo.memorySize }
|
||||
</td>
|
||||
<td class="color_1" align="right" >
|
||||
i18n_dm.text.diskSize_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
${dsinfo.diskSize }
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dm.text.swapSize_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${dsinfo.swapSize }
|
||||
</td>
|
||||
<td class="color_1" align="right" >
|
||||
i18n_dm.text.netCnt_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
${dsinfo.netCnt }
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dm.text.dataCheckTime_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${dsinfo.dataCheckTimeStr }
|
||||
</td>
|
||||
<td class="color_1" align="right" >
|
||||
i18n_dm.text.dataArriveTime_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
${dsinfo.dataArriveTimeStr }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="color_top">
|
||||
<strong>i18n_dm.text.diskInfo_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<c:if test="${fn:length(dsiDiskList) eq 0}">
|
||||
<tr>
|
||||
<td colspan="4" class="color_1">
|
||||
<font color="red" >
|
||||
i18n_dm.message.diskInfo_n81i
|
||||
</font>
|
||||
</td>
|
||||
</c:if>
|
||||
<c:if test="${fn:length(dsiDiskList) > 0}">
|
||||
<tr>
|
||||
<td colspan="4">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table1">
|
||||
<tr>
|
||||
<td class="color_top" width="10%">
|
||||
i18n_dm.text.index_n81i
|
||||
</td>
|
||||
<td class="color_top" width="45%">
|
||||
i18n_dm.text.diskRang_n81i
|
||||
</td>
|
||||
<td class="color_top" width="45%">
|
||||
i18n_dm.text.rangSize_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<c:forEach items="${dsiDiskList}" var="disk" varStatus="diskIndex" >
|
||||
<c:set var="color" value="color_1" />
|
||||
<c:set var="color_end" value="color_7" />
|
||||
<c:if test="${diskIndex.index%2!=0 }">
|
||||
<c:set var="color" value="color_3" />
|
||||
<c:set var="color_end" value="color_6" />
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }" >
|
||||
${diskIndex.index+1 }
|
||||
</td>
|
||||
<td class="${color }" >
|
||||
${disk.diskRang }
|
||||
</td>
|
||||
<td class="${color }" >
|
||||
${disk.diskSize }
|
||||
</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
<tr>
|
||||
<td colspan="4" class="color_top">
|
||||
<strong>i18n_dm.text.netCardInfo_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<c:if test="${fn:length(dsiNetList) eq 0}">
|
||||
<tr>
|
||||
<td colspan="4" class="color_1">
|
||||
<font color="red" >
|
||||
i18n_dm.message.netCardInfo_n81i
|
||||
</font>
|
||||
</td>
|
||||
</c:if>
|
||||
<c:if test="${fn:length(dsiNetList) > 0}">
|
||||
<tr>
|
||||
<td colspan="4">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table1">
|
||||
<tr>
|
||||
<td class="color_top" width="4%">
|
||||
i18n_dm.text.index_n81i
|
||||
</td>
|
||||
<td class="color_top" width="8%">
|
||||
i18n_dm.text.netName_n81i
|
||||
</td>
|
||||
<td class="color_top" width="8%">
|
||||
i18n_dm.text.netState_n81i
|
||||
</td>
|
||||
<td class="color_top" width="8%">
|
||||
i18n_dm.text.netSpeed_n81i
|
||||
</td>
|
||||
<td class="color_top" width="8%">
|
||||
IP
|
||||
</td>
|
||||
<td class="color_top" width="8%">
|
||||
i18n_dm.text.netSubmask_n81i
|
||||
</td>
|
||||
<td class="color_top" width="8%">
|
||||
i18n_dm.text.netGateway_n81i
|
||||
</td>
|
||||
<td class="color_8" width="10%">
|
||||
i18n_dm.text.netMac_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<c:forEach items="${dsiNetList}" var="net" varStatus="netIndex" >
|
||||
<c:set var="color" value="color_1" />
|
||||
<c:set var="color_end" value="color_7" />
|
||||
<c:if test="${netIndex.index%2!=0 }">
|
||||
<c:set var="color" value="color_3" />
|
||||
<c:set var="color_end" value="color_6" />
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
${netIndex.index+1}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${net.netName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${net.netState}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${net.netSpeed}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${net.netIp}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${net.netSubmask}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${net.netGateway}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${net.netMac}
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:if>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
<tr>
|
||||
<td colspan="4" align="center" class="color_8">
|
||||
<strong>i18n_dm.text.detecationData_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div style="width: 100%;overflow:auto;">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="table">
|
||||
<tr>
|
||||
<td align="center" colspan="4" class="color_6">
|
||||
<c:if test="${!empty titleList}">
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" class="table1" id="t1">
|
||||
<tr><!-- 列表标题 -->
|
||||
<td align="center" class="color_1">i18n_dm.text.index_n81i</td>
|
||||
<c:forEach items="${titleList}" var="title" varStatus="index">
|
||||
<td align="center"
|
||||
<c:if test="${(index.count)==fn:length(titleList)}"> class="color_7" </c:if>
|
||||
<c:if test="${(index.count)!=fn:length(titleList)}"> class="color_1" </c:if> >
|
||||
${title.filedComments}
|
||||
</td>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
|
||||
<c:if test="${!empty infoMapList}"><!-- 数据 -->
|
||||
<c:forEach items="${infoMapList}" var="map" varStatus="index2">
|
||||
<tr>
|
||||
<td align="center" class="color_3">${index2.count}</td>
|
||||
<c:forEach items="${map}" var="datarow" >
|
||||
<td class="color_3" id="${datarow.key}">
|
||||
${datarow.value}
|
||||
<c:if test="${datarow.value == null }"> </c:if>
|
||||
</td>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
|
||||
</table>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${empty infoMapList}">i18n_dm.text.noRecord_n81i</c:if>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
507
WebRoot/page/detection/monitorData/detailWarning.jsp
Normal file
507
WebRoot/page/detection/monitorData/detailWarning.jsp
Normal file
@@ -0,0 +1,507 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%@ taglib uri="/jstl/fmt" prefix="fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://" + request.getServerName() + ":"
|
||||
+ request.getServerPort() + path + "/";
|
||||
%>
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_dw.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
function goBack(){
|
||||
document.Mkform.action="<c:url value='/detection/monitorData.do?action=showDetectionInfo'/>";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
|
||||
$(function(){
|
||||
<c:if test="${dictionMap ne null}">
|
||||
<c:forEach items="${dictionMap}" var="dmap" >
|
||||
$("#t1").find("td[id=${dmap.key}]").each(function(){
|
||||
var $ttd = $(this);
|
||||
<c:if test="${!empty (dmap.value)}">//VO
|
||||
<c:forEach items="${dmap.value.listOT}" var="op">
|
||||
if(${op.typeCode} == $ttd.text()){
|
||||
$ttd.text("${op.typeValue}");
|
||||
}
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
});
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
});
|
||||
|
||||
</script>
|
||||
<body>
|
||||
<div class="middle_list">
|
||||
<form
|
||||
action="<%=path%>/detection/monitorData!executeAction.do?action=detail"
|
||||
name="Mkform" method="post">
|
||||
<input type="hidden" name="cip" id="cip" value="${cip }" />
|
||||
<input type="hidden" name="ctn" id="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<!-- type为空：服务器检测，type=1：网元检测 type=2:异常网元 -->
|
||||
<input type="hidden" value="${type }" name="type" id="type" />
|
||||
<c:forEach items="${ids}" var="ids" varStatus="vs">
|
||||
<input type="hidden" name="ids" id="ids" value="${ids}" />
|
||||
</c:forEach>
|
||||
|
||||
<!-- 是否为特种设备进入此页面 -->
|
||||
<input type="hidden" name="entry" id="entry" value="${entry }" />
|
||||
<input type="hidden" name="detectId" id="detectId"
|
||||
value="${detectId }" />
|
||||
<input type="hidden" name="seqId" id="seqId" value="${seqId }" />
|
||||
<input type="hidden" name="ip" id="ip" value="${ip }" />
|
||||
<input type="hidden" name="pid" id="pid" value="${pid }" />
|
||||
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
<!-- 查看监测设置历史记录 begin -->
|
||||
<input type="hidden" name ="dsiId" value="${dsiId }"/>
|
||||
<input type="hidden" name="sqId" value="${sqId }" />
|
||||
<input type="hidden" name="sTime" value="${sTime }" />
|
||||
<input type="hidden" name="eTime" value="${eTime }" />
|
||||
<input type="hidden" name="status" value="${status }" />
|
||||
<input type="hidden" name="showHistory" value="${showHistory }" />
|
||||
<!-- 查看监测设置历史记录 end -->
|
||||
<jsp:include page="/common/transferHiddenParameter.jsp" />
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'" onclick="goBack()"
|
||||
value="i18n_dw.button.back_n81i" />
|
||||
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table">
|
||||
<tr>
|
||||
<td colspan="4" class="color_8">
|
||||
<strong>i18n_dw.message.title_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_dw.text.processIdenName_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" width="20%">
|
||||
${detectionInfoWarning.detectionSetInfo.processIdenName}
|
||||
</td>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_dw.text.nodeIp_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" width="20%">
|
||||
${nodeIp}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.detectionedState_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<!--
|
||||
<c:if test="${detectionInfoWarning.detectionedState=='0' }"><FONT color="red">i18n_dw.message.abnormal_n81i</FONT></c:if>
|
||||
-->
|
||||
|
||||
<c:if test="${detectionInfoWarning.detectionedState == '1' }">i18n_dw.message.normal_n81i</c:if>
|
||||
<c:if test="${detectionInfoWarning.detectionedState != 1 }">
|
||||
<FONT color="red">i18n_dw.message.abnormal_n81i</FONT>
|
||||
</c:if>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.viewLevel_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<c:if test="${detectionInfoWarning.detectionSetInfo.viewLevel=='1' }">i18n_dw.message.publisher_n81i</c:if>
|
||||
<c:if test="${detectionInfoWarning.detectionSetInfo.viewLevel=='2' }">i18n_dw.message.publisherGroup_n81i</c:if>
|
||||
<c:if test="${detectionInfoWarning.detectionSetInfo.viewLevel=='3' }">i18n_dw.message.allInSys_n81i</c:if>
|
||||
<c:if test="${detectionInfoWarning.detectionSetInfo.viewLevel=='4' }">i18n_dw.message.unlimited_n81i</c:if>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.detectionStateInfo_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
${detectionInfoWarning.detectionStateInfo }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.performaceData_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
${detectionInfoWarning.performaceData }
|
||||
</td>
|
||||
</tr>
|
||||
<!--
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
监测首次执行时间：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<fmt:formatDate value="${detectionInfoWarning.detectionSetInfo.planCheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
上传监测数据时间间隔(分钟)：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${detectionInfoWarning.detectionSetInfo.uploadGap}
|
||||
</td>
|
||||
</tr>
|
||||
-->
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.checkGap_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${detectionInfoWarning.detectionSetInfo.checkGap}
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.currentTimes_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${detectionInfoWarning.currentTimes }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.nextCheckTime_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<fmt:formatDate value="${detectionInfoWarning.nextCheckTime}"
|
||||
pattern="yyyy-MM-dd HH:mm:ss" />
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.dataArriveTime_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<fmt:formatDate value="${detectionInfoWarning.dataArriveTime}"
|
||||
pattern="yyyy-MM-dd HH:mm:ss" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.dataCheckTime_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<fmt:formatDate value="${detectionInfoWarning.dataCheckTime}"
|
||||
pattern="yyyy-MM-dd HH:mm:ss" />
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.checkWay_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<c:if test="${detectionInfoWarning.detectionSetInfo.checkWay=='0' }">i18n_dw.message.active_n81i</c:if>
|
||||
<c:if test="${detectionInfoWarning.detectionSetInfo.checkWay=='1' }">i18n_dw.message.passive_n81i</c:if>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<c:if test="${checkId eq '0' }">
|
||||
<tr>
|
||||
<td colspan="4" align="center">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table1">
|
||||
<tr>
|
||||
<td colspan="4" class="color_top">
|
||||
<strong>i18n_dw.text.nodeSystemInfo_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<c:if test="${dsinfo eq null }">
|
||||
<tr>
|
||||
<td colspan="4" class="color_1">
|
||||
<font color="red"> <c:if
|
||||
test="${nodeTable.nodeType==0 }">i18n_dw.message.nodeType0_n81i</c:if> <c:if
|
||||
test="${nodeTable.nodeType==1 }">i18n_dw.message.nodeType1_n81i</c:if> </font>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${dsinfo ne null }">
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_dw.text.hostName_n81i：
|
||||
</td>
|
||||
<td class="color_3" width="30%" align="left">
|
||||
${dsinfo.hostName }
|
||||
</td>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_dw.text.operateSystem_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${dsinfo.operateSystem }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_dw.text.cpuCnt_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${dsinfo.cpuCnt }
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
CPU主频(MHz)：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${dsinfo.cpuMhz }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.cpuMhz_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${dsinfo.memorySize }
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.diskSize_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${dsinfo.diskSize }
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
SWAP大小(G)：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${dsinfo.swapSize }
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.swapSize_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${dsinfo.netCnt }
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.dataCheckTime_n81i：
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
${dsinfo.dataCheckTimeStr }
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_dw.text.dataStorageTime_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${dsinfo.dataArriveTimeStr }
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="color_top">
|
||||
<strong>i18n_dw.text.diskInfo_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<c:if test="${fn:length(dsiDiskList) eq 0}">
|
||||
<tr>
|
||||
<td colspan="4" class="color_1">
|
||||
<font color="red"> i18n_dw.message.diskInfo_n81i </font>
|
||||
</td>
|
||||
</c:if>
|
||||
<c:if test="${fn:length(dsiDiskList) > 0}">
|
||||
<tr>
|
||||
<td colspan="4">
|
||||
<table border="0" cellpadding="0" cellspacing="0"
|
||||
class="table1">
|
||||
<tr>
|
||||
<td class="color_top" width="10%">
|
||||
i18n_dw.text.index_n81i
|
||||
</td>
|
||||
<td class="color_top" width="45%">
|
||||
i18n_dw.text.diskRang_n81i
|
||||
</td>
|
||||
<td class="color_top" width="45%">
|
||||
i18n_dw.text.rangSize_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<c:forEach items="${dsiDiskList}" var="disk"
|
||||
varStatus="diskIndex">
|
||||
<c:set var="color" value="color_1" />
|
||||
<c:set var="color_end" value="color_7" />
|
||||
<c:if test="${diskIndex.index%2!=0 }">
|
||||
<c:set var="color" value="color_3" />
|
||||
<c:set var="color_end" value="color_6" />
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
${diskIndex.index+1 }
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${disk.diskRang }
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${disk.diskSize }
|
||||
</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
<tr>
|
||||
<td colspan="4" class="color_top">
|
||||
<strong>i18n_dw.text.netInfo_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<c:if test="${fn:length(dsiNetList) eq 0}">
|
||||
<tr>
|
||||
<td colspan="4" class="color_1">
|
||||
<font color="red"> i18n_dw.message.netInfo_n81i </font>
|
||||
</td>
|
||||
</c:if>
|
||||
<c:if test="${fn:length(dsiNetList) > 0}">
|
||||
<tr>
|
||||
<td colspan="4">
|
||||
<table border="0" cellpadding="0" cellspacing="0"
|
||||
class="table1">
|
||||
<tr>
|
||||
<td class="color_top" width="4%">
|
||||
i18n_dw.text.index_n81i
|
||||
</td>
|
||||
<td class="color_top" width="8%">
|
||||
i18n_dw.text.netName_n81i
|
||||
</td>
|
||||
<td class="color_top" width="8%">
|
||||
i18n_dw.text.netState_n81i
|
||||
</td>
|
||||
<td class="color_top" width="8%">
|
||||
i18n_dw.text.netSpeed_n81i
|
||||
</td>
|
||||
<td class="color_top" width="8%">
|
||||
IP
|
||||
</td>
|
||||
<td class="color_top" width="8%">
|
||||
i18n_dw.text.netSubmask_n81i
|
||||
</td>
|
||||
<td class="color_top" width="8%">
|
||||
i18n_dw.text.netGateway_n81i
|
||||
</td>
|
||||
<td class="color_8" width="10%">
|
||||
i18n_dw.text.netMac_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<c:forEach items="${dsiNetList}" var="net"
|
||||
varStatus="netIndex">
|
||||
<c:set var="color" value="color_1" />
|
||||
<c:set var="color_end" value="color_7" />
|
||||
<c:if test="${netIndex.index%2!=0 }">
|
||||
<c:set var="color" value="color_3" />
|
||||
<c:set var="color_end" value="color_6" />
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
${netIndex.index+1}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${net.netName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${net.netState}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${net.netSpeed}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${net.netIp}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${net.netSubmask}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${net.netGateway}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${net.netMac}
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:if>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
<tr>
|
||||
<td colspan="4" align="center" class="color_8">
|
||||
<strong>i18n_dw.text.detecationData_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div style="width: 100%; overflow: auto;">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%"
|
||||
class="table">
|
||||
<tr>
|
||||
<td align="center" colspan="4" class="color_6">
|
||||
<c:if test="${!empty titleList}">
|
||||
<table align="center" border="0" cellpadding="0"
|
||||
cellspacing="0" class="table1" id="t1">
|
||||
<tr>
|
||||
<!-- 列表标题 -->
|
||||
<td align="center" class="color_1">
|
||||
i18n_dw.text.index_n81i
|
||||
</td>
|
||||
<c:forEach items="${titleList}" var="title" varStatus="index">
|
||||
<td align="center"
|
||||
<c:if test="${(index.count)==fn:length(titleList)}"> class="color_7" </c:if>
|
||||
<c:if test="${(index.count)!=fn:length(titleList)}"> class="color_1" </c:if>>
|
||||
${title.filedComments}
|
||||
</td>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
|
||||
<c:if test="${!empty infoMapList}">
|
||||
<!-- 数据 -->
|
||||
<c:forEach items="${infoMapList}" var="map"
|
||||
varStatus="index2">
|
||||
<tr>
|
||||
<td align="center" class="color_3">
|
||||
${index2.count}
|
||||
</td>
|
||||
<c:forEach items="${map}" var="datarow">
|
||||
<td class="color_3" id="${datarow.key}">
|
||||
${datarow.value}
|
||||
<c:if test="${datarow.value == null }"> </c:if>
|
||||
</td>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
|
||||
</table>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${empty infoMapList}">i18n_dw.text.noRecord_n81i</c:if>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
395
WebRoot/page/detection/monitorData/detectionInfoList.jsp
Normal file
395
WebRoot/page/detection/monitorData/detectionInfoList.jsp
Normal file
@@ -0,0 +1,395 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@page import="java.text.SimpleDateFormat"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
|
||||
<%
|
||||
response.setHeader("Cache-Control", "no-store");
|
||||
response.setHeader("Pragma", "no-cache");
|
||||
response.setDateHeader("Expires", 0);
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
request.setAttribute("vEnter", "\n");
|
||||
%>
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_dil.message.title_n81i</title>
|
||||
<style>
|
||||
/* 自定义滚动条 */
|
||||
.pop-content {
|
||||
position:relative;
|
||||
max-height:300px;
|
||||
}
|
||||
/* .pop-content::-webkit-scrollbar {
|
||||
width:3px;
|
||||
height:1px;
|
||||
}
|
||||
.pop-content::-webkit-scrollbar-thumb {
|
||||
border-radius:5px;
|
||||
-webkit-box-shadow:inset 0 0 2px #CCCCCC;
|
||||
background:#CCCCCC;
|
||||
}
|
||||
.pop-content::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow:inset 0 0 2px #EDEDED;
|
||||
background:white;
|
||||
border-radius:5px;
|
||||
} */
|
||||
</style>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link rel="stylesheet" type="text/css" href="<c:url value='/scrollBar/perfect-scrollbar.css'/>" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery1.11.3.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value="/scrollBar/perfect-scrollbar.js"/>"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
//查询记录
|
||||
function qry(){
|
||||
document.form3.action = "<c:url value='monitorData.do?action=showDetectionInfo&date="+new Date()+"'/>";
|
||||
document.form3.submit();
|
||||
}
|
||||
//查看详情
|
||||
function showRecord(monid,cid){
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=detailWarning&cId="+cid+"&ids="+monid+"&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }';
|
||||
document.form3.submit();
|
||||
}
|
||||
//绘制折线图
|
||||
function drawPic(ctid,dsiId,id){
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=drawPic&checkTypeId="+ctid+"&dsiId="+dsiId+"&sqId="+id+"&nodeType="+$("#nodeType").val()+"&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }';
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function goBack(){
|
||||
var action ="<c:url value='/detection/monitorData.do?action=query'/>";
|
||||
if($("#type").val()== "1"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryNE'/>";
|
||||
}else if($("#type").val()== "2"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryAbnormalSet'/>";
|
||||
}else if($("#flag").val()== "warning"&&$("#nodeType").val()== "0"){
|
||||
action ="<c:url value='/detection/detectionWarning.do?action=query'/>";
|
||||
}else if($("#flag").val()== "warning"&&$("#nodeType").val()== "1"){
|
||||
action ="<c:url value='/detection/detectionWarning.do?action=queryNE'/>";
|
||||
}else if($("#flag").val()== "warning"&&$("#nodeType").val()== ""){//左下角动画报警
|
||||
action ="<c:url value='/detection/detectionWarning.do?action=queryAll&warnType=leftWarn&police_emergent=0'/>";
|
||||
}else if($("#flag").val()== "queryAllConfigLevel"){
|
||||
action ="<c:url value='/detection/detectionWarning.do?action=queryAllConfigLevel'/>";
|
||||
} else if($("#flag").val()== "queryEmergent"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryEmergent'/>";
|
||||
} else if($("#flag").val()== "queryEmergentDetail"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryEmergentDetail&nodeType=${nodeType}&requestType=topo&nodeGroupId=${nodeGroupId}&nodeId=${nodeId}'/>";
|
||||
}
|
||||
if($("#requestType").val()== "newTopo"){
|
||||
console.log("ccccmmmmmmmmmmmmmmmm")
|
||||
action ="<c:url value='/detection/monitorData.do?action=query&nodeId=${nodeId}'/>";
|
||||
}
|
||||
document.form3.action = action;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function checkDate(){
|
||||
var startTime = $("#startTime").val();
|
||||
var endTime = $("#endTime").val();
|
||||
if(startTime != "" && endTime!=""){
|
||||
if(startTime > endTime){
|
||||
alert("i18n_dil.message.checkDate_n81i");
|
||||
$("#endTime").val("");
|
||||
$("#endTime").focus();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
$(function(){
|
||||
$('.pop-content').each(function(){
|
||||
var ps = new PerfectScrollbar(this);
|
||||
})
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;clear:both;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98.5%;clear:both;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;clear:both;");
|
||||
}
|
||||
$("#info").floatHeaderDiv();
|
||||
// $("#info").attr("style","clear:left");
|
||||
|
||||
});
|
||||
|
||||
function ieBrowser(){
|
||||
/* if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
} */
|
||||
}
|
||||
window.onresize = function(){
|
||||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||||
}
|
||||
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
var hght=0;//初始化滚动条总长
|
||||
var topH=0;//初始化滚动条的当前位置
|
||||
var pagePoint = ${pageNo};
|
||||
var memoryData ;
|
||||
var intervalID ;
|
||||
var currentPage = 0; //当前页数
|
||||
var currenttotalPage = 0; //总页数
|
||||
var dsiId="${dsiId }";
|
||||
var seqId="${sqId }";
|
||||
$(document).ready(function(){//DOM的onload事件
|
||||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||||
});
|
||||
intervalID = setInterval(function(){cando();},1000);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||||
function cando(){
|
||||
currentPage = $("#currentPage").html();
|
||||
currenttotalPage = $("#currenttotalPage").html();
|
||||
if(Number(currentPage) < Number(currenttotalPage)){
|
||||
if(topH!=0 && hght!=0 && topH == hght ){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
show();//如果是，调用show函数加载内容。
|
||||
}
|
||||
}else if(Number(currentPage) == Number(currenttotalPage)){
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
}
|
||||
function show(){
|
||||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||||
topH=0;//原因同上。
|
||||
var urlTmp = encodeURI("<c:url value='monitorData!executeAction.do?action=showDetectionInfoChild'/>&dsiId="+dsiId+ "&sqId="+seqId+"&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&sTime="+$("#startTime").val()+"&eTime="+$("#endTime").val()+"&status="+$("#status").val()+"&date=<%=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss").format(
|
||||
new Date()).toString()%>");
|
||||
$.ajax({
|
||||
url:urlTmp,
|
||||
type : "get",
|
||||
async:false,
|
||||
success : function(data) {
|
||||
$("#info").append($(data));//用append方法追加内容到mypage元素。
|
||||
$("#currentPage").html(pagePoint);//修改页码
|
||||
$("#pageNo").val(pagePoint);
|
||||
$('.pop-content').each(function(){
|
||||
var ps = new PerfectScrollbar(this);
|
||||
})
|
||||
}
|
||||
});
|
||||
loadButton();
|
||||
}
|
||||
//初始化级别的显示和隐藏
|
||||
var emergentVal = jQuery('#police_emergent').val();
|
||||
if(emergentVal!=undefined && emergentVal!=null) {//需要选择紧急 or 非紧急,就需要初始化级别的显示隐藏
|
||||
changeEmergent();
|
||||
}
|
||||
});
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
|
||||
function changeEmergent() {
|
||||
var selEmergVal = jQuery('#police_emergent').val();
|
||||
if(selEmergVal=='1') {
|
||||
jQuery('#levelSpan').show();
|
||||
}else {
|
||||
jQuery('#levelSpan').hide();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='monitorData.do?action=showDetectionInfo'/>&date=<%=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss").format(
|
||||
new Date()).toString()%>"
|
||||
method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="pageNoforexp" id="pageNo"
|
||||
value="${pageNo }" />
|
||||
<!-- 查看检测设置历史记录 begin -->
|
||||
<input type="hidden" name="dsiId" value="${dsiId }" />
|
||||
<input type="hidden" name="sqId" value="${sqId }" />
|
||||
<input type="hidden" name="flag" id="flag" value="${flag }" />
|
||||
<input type="hidden" name="showHistory" value="${showHistory }" />
|
||||
<input type="hidden" name="entry" value="${entry }" />
|
||||
<input type="hidden" name="cip" value="${cip }" />
|
||||
<!-- nodeType=1：异常网元 nodeType=0:异常服务器 -->
|
||||
<input type="hidden" value="${nodeType }" name="nodeType"
|
||||
id="nodeType" />
|
||||
<!-- 查看检测设置历史记录 end -->
|
||||
<!-- type为空：服务器检测，type=1：网元检测 type=2:异常网元 -->
|
||||
<input type="hidden" value="${type }" name="type" id="type" />
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" name="requestType" value="${requestType }" id="requestType" />
|
||||
<input type="hidden" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
<input type="hidden" name="detectId" id="detectId"
|
||||
value="${detectId }" />
|
||||
<input type="hidden" name="ip" id="ip" value="${ip }" />
|
||||
<input type="hidden" name="pid" id="pid" value="${pid }" />
|
||||
<input type="hidden" name="ctn" id="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="stateInfo" id="stateInfo" value="${stateInfo }" />
|
||||
<input type="hidden" name="pIden" id="pIden" value="${pIden }" />
|
||||
<input type="hidden" name="dct" id="dct" value="${dct }" />
|
||||
<input type="hidden" name="police_emergent" id="police_emergent"
|
||||
value="${police_emergent }" />
|
||||
<input type="hidden" name="nodeIpRange" value="${nodeIpRange}"
|
||||
id="nodeIpRange" />
|
||||
<input type="hidden" name="nodeGroupStr" id="nodeGroupStr"
|
||||
value="${nodeGroupStr }" />
|
||||
<input type="hidden" name="police_level" id="police_level"
|
||||
value="${police_level }" />
|
||||
<input type="hidden" name="mypageNo" value="${mypageNo }" />
|
||||
<input type="hidden" name="mypageSize" value="${mypageSize }" />
|
||||
<div id="divTop">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_dil.text.startTime_n81i</font>:
|
||||
<input type="text" id="startTime" name="sTime"
|
||||
onclick="SelectDate(this,'yyyy-MM-dd',${session.i18n_lang == 'zh_CN'?0:1})" value="${sTime}"
|
||||
onchange="checkDate();" />
|
||||
--
|
||||
<input type="text" id="endTime" name="eTime"
|
||||
onclick="SelectDate(this,'yyyy-MM-dd',${session.i18n_lang == 'zh_CN'?0:1})" value="${eTime}"
|
||||
onchange="checkDate();" /></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_dil.text.status_n81i</font>:
|
||||
<select id="status" name="status" style="width: 80px;">
|
||||
<option value="">
|
||||
i18n_dil.message.statusDefault_n81i
|
||||
</option>
|
||||
<option value="1"
|
||||
<c:if test="${status =='1'}">selected="selected"</c:if>>
|
||||
i18n_dil.message.normal_n81i
|
||||
</option>
|
||||
<option value="-1,0"
|
||||
<c:if test="${status == '-1,0'}">selected="selected"</c:if>>
|
||||
i18n_dil.message.abnormal_n81i
|
||||
</option>
|
||||
|
||||
</select></label>
|
||||
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle" onclick="javascript:qry();" />
|
||||
</div>
|
||||
<div class="box_2">
|
||||
<jsp:include page="/include/include.jsp" />
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'" onclick="goBack()"
|
||||
value="i18n_dil.button.back_n81i" />
|
||||
</div>
|
||||
</div>
|
||||
<div id="maindiv">
|
||||
<table cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_dil.text.nodeIp_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_dil.text.checkType_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_dil.text.checkTypeName_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_dil.text.state_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_dil.text.dataCheckTime_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_dil.text.tryTimes_n81i
|
||||
</td>
|
||||
<td width="32%" class="color_8">
|
||||
<c:choose>
|
||||
<c:when test="${flag=='queryAllConfigLevel'||flag=='warning'}">i18n_dil.text.performaceData_n81i</c:when>
|
||||
<c:otherwise>i18n_dil.text.stateInfo_n81i</c:otherwise>
|
||||
</c:choose>
|
||||
</td>
|
||||
</tr>
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(detectionInfoWarningList) > 0}">
|
||||
<c:forEach items="${detectionInfoWarningList}"
|
||||
var="detectionInfo" varStatus="index">
|
||||
<c:set var="color" value="color_1" />
|
||||
<c:set var="color_end" value="color_7" />
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3" />
|
||||
<c:set var="color_end" value="color_6" />
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
<c:out value="${detectionInfo[0]}" />
|
||||
</td>
|
||||
<td class="${color }">
|
||||
|
||||
<!-- <a
|
||||
href="javascript:showRecord('${detectionInfo[7] }','${detectionInfo[10] }')"
|
||||
title="查看详情"> -->
|
||||
<c:out value="${detectionInfo[1]}" />
|
||||
<!-- </a> -->
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:out value="${detectionInfo[2]}" />
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${fn:trim(detectionInfo[3])=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(detectionInfo[3]) == '0' ||fn:trim(detectionInfo[3]) == '-1'}"
|
||||
var="handshakeEr">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:out value="${detectionInfo[4]}" />
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:out value="${detectionInfo[5]}" />
|
||||
</td>
|
||||
<td class="${color_end }">
|
||||
<div class="pop-content">
|
||||
${fn:replace(fn:replace(detectionInfo[6],vEnter,'$@$'),'$@$','<br/>')}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="7" class="color_6" align="center">
|
||||
i18n_dil.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty detectionInfoWarningList}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,57 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
request.setAttribute("vEnter", "\n");
|
||||
%>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(detectionInfoWarningList) > 0}">
|
||||
<c:forEach items="${detectionInfoWarningList}" var="detectionInfo"
|
||||
varStatus="index">
|
||||
<c:set var="color" value="color_1" />
|
||||
<c:set var="color_end" value="color_7" />
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3" />
|
||||
<c:set var="color_end" value="color_6" />
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
<c:out value="${detectionInfo[0]}" />
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:out value="${detectionInfo[1]}" />
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:out value="${detectionInfo[2]}" />
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${fn:trim(detectionInfo[3])=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(detectionInfo[3]) == '0' ||fn:trim(detectionInfo[3]) == '-1'}"
|
||||
var="handshakeEr">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:out value="${detectionInfo[4]}" />
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:out value="${detectionInfo[5]}" />
|
||||
</td>
|
||||
<td class="${color_end }">
|
||||
<div class="pop-content">
|
||||
${fn:replace(fn:replace(detectionInfo[6],vEnter,'$@$'),'$@$','<br/>')}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
432
WebRoot/page/detection/monitorData/drawMonitorInfo.jsp
Normal file
432
WebRoot/page/detection/monitorData/drawMonitorInfo.jsp
Normal file
@@ -0,0 +1,432 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%@ taglib uri="/jstl/fmt" prefix="fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_dmi.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/js/dtree/css/dtree.css'/>"
|
||||
rel="stylesheet" type="text/css" />
|
||||
<link href="<%=path%>/css/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css"></link>
|
||||
<link href="<%=path%>/css/themes/base/jquery.ui.css" rel="stylesheet" type="text/css"></link>
|
||||
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/ui/jquery-ui.min.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/highstock/highstock.js'/>"></script>
|
||||
<script type="text/javascript" src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$( "#tabs" ).tabs();
|
||||
$( "#tabs" ).removeClass("ui-widget");//删除ui样式(此样式会使折线图下方navigator失灵)
|
||||
if(document.getElementById("tabs-1")){
|
||||
$("a[dtype='cli']:eq(0)").trigger('click');
|
||||
$("a[dtype='cli']:eq(0)").trigger('click');
|
||||
}
|
||||
});
|
||||
|
||||
//type为空是服务器检测菜单
|
||||
//type=1:网元监测
|
||||
//type=1：异常网元
|
||||
//showHistory不为空是查询监测历史记录
|
||||
function goBack(){
|
||||
var action ="<c:url value='/detection/monitorData.do?action=query'/>";
|
||||
if($("#type").val()== "1"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryNE'/>";
|
||||
}else if($("#type").val()== "2"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryAbnormalSet'/>";
|
||||
}
|
||||
if($("#showHistory").val()== "history"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=showDetectionInfo'/>";
|
||||
}
|
||||
if($("#flag").val()== "queryEmergent"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryEmergent'/>";
|
||||
}
|
||||
if($("#flag").val()== "queryEmergentDetail"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryEmergentDetail&requestType=topo&nodeGroupId=${nodeGroupId}&nodeId=${nodeId}'/>";
|
||||
}
|
||||
if($("#requestType").val()== "newTopo"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=query&nodeId=${nodeId}'/>";
|
||||
}
|
||||
document.Mkform.action=action;
|
||||
document.Mkform.submit();
|
||||
}
|
||||
|
||||
//查询记录
|
||||
function qry(){
|
||||
var startTime = $("#startTime").val();
|
||||
if(startTime==""){
|
||||
alert("i18n_dmi.message.startTime_n81i");
|
||||
return;
|
||||
}
|
||||
var endTime = $("#endTime").val();
|
||||
if(endTime==""){
|
||||
alert("i18n_dmi.message.endTime_n81i");
|
||||
return;
|
||||
}
|
||||
var start=new Date(startTime.replace(/-/g,"/"));//起始时间操作值
|
||||
var start1=new Date(startTime.replace(/-/g,"/"));//起始时间备份
|
||||
start.setDate(start.getDate()+7);//起始时间日期加一周 用来与结束时间比较
|
||||
var end=new Date(endTime.replace(/-/g,"/"));//结束时间
|
||||
if(end<=start1){
|
||||
alert("i18n_dmi.message.startGtEnd_n81i");
|
||||
return;
|
||||
}
|
||||
if(end>start){
|
||||
alert("i18n_dmi.message.intervalErr_n81i");
|
||||
return;
|
||||
}
|
||||
var metaId= $("#mid").val();
|
||||
|
||||
var drwTo= $("#tabIndex").val();
|
||||
getPicScorce(metaId,drwTo);
|
||||
}
|
||||
|
||||
var chartObj;
|
||||
var seriesOptions = [];
|
||||
var policeValue;
|
||||
var xtilte="";
|
||||
var ytitle="";
|
||||
|
||||
function getPicScorce(metaid,drwTo){
|
||||
$("#tabIndex").val(drwTo);
|
||||
$("#mid").val(metaid);
|
||||
if($('#tabsHidd-'+drwTo).val()=="0"){
|
||||
$.ajax( {
|
||||
url : "<%=path%>/detection/monitorData!getSource.do?metaId="+metaid+"&dId="+$('#did').val()+"&cId="+$('#ctid').val()+"&seqId="+$('#seqId').val()+"&startTime="+$('#startTime').val()+"&endTime="+$('#endTime').val()+"&type="+$('#type').val()+"&requestType="+$('#requestType').val()+"&nodeGroupId="+$('#nodeGroupId').val(),
|
||||
type : "POST",
|
||||
dataType : "json",
|
||||
success : function(datas) {
|
||||
if(datas!=null && datas.length>0){
|
||||
//$('#tabsHidd-'+drwTo).val('1');
|
||||
xtitle = datas[0].xtitle;//折线图标题
|
||||
ytitle = datas[0].ytitle;
|
||||
policeValue = datas[0].policeVal;
|
||||
var lines = datas[0].lines;
|
||||
seriesOptions[0] = {
|
||||
name: lines[0].name,
|
||||
data: lines[0].data
|
||||
//color : '#0896E9'
|
||||
};
|
||||
createChart(policeValue,drwTo);
|
||||
|
||||
}else{
|
||||
$("#tabs-"+drwTo).empty();
|
||||
$("#tabs-"+drwTo).append('i18n_dmi.message.noData_n81i');
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
function createChart(policeNum,dto) {
|
||||
chartObj = new Highcharts.StockChart(
|
||||
{
|
||||
chart : {
|
||||
renderTo : 'tabs-'+dto,//显示折线图的div的id
|
||||
zoomType : 'x',
|
||||
showAxes : true,
|
||||
spacingRight : 20,
|
||||
defaultSeriesType : 'area',//显示折线图的样式：区域显示
|
||||
borderWidth: 1
|
||||
},
|
||||
navigator: {
|
||||
height: 50,
|
||||
margin: 50,
|
||||
outlineColor: '#E0E0E0',
|
||||
outlineWidth: 2,
|
||||
xAxis: {
|
||||
type : 'datetime',
|
||||
labels: {
|
||||
align: 'left',
|
||||
x: 3,
|
||||
y: -4
|
||||
},
|
||||
dateTimeLabelFormats: {
|
||||
second: '%Y-%m-%d %H:%M:%S',
|
||||
minute: '%Y-%m-%d %H:%M',
|
||||
hour: '%Y-%m-%d %H:%M',
|
||||
day: '%Y-%m-%d',
|
||||
week: '%Y-%m-%d',
|
||||
month: '%Y-%m',
|
||||
year: '%Y'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
rangeSelector: {
|
||||
buttons: [],
|
||||
inputEnabled:false,
|
||||
inputDateFormat:'%Y-%m-%d'
|
||||
},
|
||||
|
||||
title : {
|
||||
text : xtitle//折线图标题
|
||||
},
|
||||
subtitle : {
|
||||
text : ''//这是副标题内容
|
||||
},
|
||||
xAxis : {
|
||||
type : 'datetime',
|
||||
//maxZoom : 1000 * 60 * 60 * 24 *14,
|
||||
//startOfWeek: 50,
|
||||
labels : {
|
||||
rotation : 20,
|
||||
y : 20,
|
||||
x : 20
|
||||
},
|
||||
dateTimeLabelFormats: {
|
||||
second: '%Y-%m-%d %H:%M:%S',
|
||||
minute: '%Y-%m-%d %H:%M',
|
||||
hour: '%Y-%m-%d %H:%M',
|
||||
day: '%Y-%m-%d',
|
||||
week: '%Y-%m-%d',
|
||||
month: '%Y-%m',
|
||||
year: '%Y'
|
||||
}
|
||||
},
|
||||
yAxis : {
|
||||
title : {
|
||||
text : ytitle//左侧标题
|
||||
},
|
||||
minorTickInterval: 'auto',
|
||||
plotLines: [{
|
||||
value: policeValue,
|
||||
width: 2,
|
||||
color: '#F24C52',
|
||||
dashStyle: 'dash',
|
||||
label: {
|
||||
text: 'i18n_dmi.message.policeLine_n81i:('+policeNum+')',
|
||||
align: 'right',
|
||||
y: 8,
|
||||
x: 0
|
||||
}
|
||||
}]/*,
|
||||
plotBands: [{
|
||||
from: 80,
|
||||
to: 100,
|
||||
color: '#F24C52'
|
||||
}]*/
|
||||
|
||||
},
|
||||
tooltip : {
|
||||
borderColor : "#374E94",
|
||||
backgroundColor : {
|
||||
linearGradient : [ 0, 0, 0, 60 ],
|
||||
stops : [ [ 0, '#FFFFFF' ], [ 1, '#E0E0E0' ] ]
|
||||
},
|
||||
borderWidth : 1,
|
||||
shared : true,
|
||||
crosshairs : {
|
||||
width : 1,
|
||||
color : 'red'
|
||||
},
|
||||
formatter : function() {
|
||||
var s = Highcharts.dateFormat("%Y-%m-%d %H:%M",
|
||||
this.x) + ' [';
|
||||
$.each(this.points, function(i, point) {
|
||||
s += '<span style="color:#374E94">'
|
||||
+ point.series.name
|
||||
+ ':</span><span style="font-weight: bold;color:#F24C52">'
|
||||
+ Highcharts.numberFormat(point.y,2) + '</span> ';//当鼠标放到一个点上时，显示的y值
|
||||
});
|
||||
s = $.trim(s) + "]";
|
||||
return s;
|
||||
}
|
||||
},
|
||||
plotOptions:{
|
||||
line:{
|
||||
lineWidth : 1,
|
||||
marker: {
|
||||
radius: 2,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 3
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
area : {
|
||||
fillColor : {
|
||||
//linearGradient : [ 0, 0, 0, 200 ],
|
||||
//stops : [ [ 0, "#F24C52" ], [ 1, 'rgba(255,0,0,0)' ] ]
|
||||
linearGradient : [ 0, 0, 30, 250 ],
|
||||
stops : [ [ 0, "#0896E9" ], [ 1, 'rgba(0,157,145,0)' ] ]
|
||||
},
|
||||
fillOpacity: 0.08,
|
||||
lineWidth : 1,
|
||||
shadow : true,
|
||||
marker: {
|
||||
radius: 3,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 5
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
exporting : {
|
||||
buttons : {
|
||||
exportButton : {
|
||||
enabled : false
|
||||
}
|
||||
}
|
||||
},
|
||||
series : seriesOptions,//显示的数据
|
||||
credits: {
|
||||
enabled: false,
|
||||
text: 'i18n_dmi.message.updateTheMark_n81i'
|
||||
}
|
||||
});
|
||||
Highcharts.setOptions( {
|
||||
global : {
|
||||
useUTC : false
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<form action="" name="Mkform" method="post">
|
||||
<input type="hidden" name="cip" value="${cip }" />
|
||||
<input type="hidden" name="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="stateInfo" id="stateInfo" value="${stateInfo }" />
|
||||
<input type="hidden" id="seqId" name="seqId" value="${sqId}"/>
|
||||
<input type="hidden" id="nodeIpRange" name="nodeIpRange" value="${nodeIpRange}"/>
|
||||
<input type="hidden" id="nodeGroupStr" name="nodeGroupStr" value="${nodeGroupStr}"/>
|
||||
<input type="hidden" id="did" name ="dsiId" value="${dsiId }"/>
|
||||
<input type="hidden" id = "ctid" name="ctid" value = "${ctId}"/>
|
||||
<input type="hidden" id = "isClick" name="isClick" value ="0"/>
|
||||
<input type="hidden" id="" name="isSnmp" value="${isSnmp}"/>
|
||||
<jsp:include page="/common/transferHiddenParameter.jsp" />
|
||||
<input type="hidden" id = "mid" name="mid" value = "${metaId}"/>
|
||||
<input type="hidden" id="tabIndex" value=""/>
|
||||
<!-- type为空：服务器检测，type=1：网元检测 type=2:异常网元 -->
|
||||
<input type="hidden" value="${type }" name="type" id="type"/>
|
||||
<input type="hidden" value="${flag }" name="flag" id="flag"/>
|
||||
<input type="hidden" value="${nodeType }" name="nodeType" id="nodeType"/>
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" id="requestType" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" id="nodeGroupId" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
|
||||
<!-- 是否为特种设备进入此页面 -->
|
||||
<input type="hidden" name="entry" id="entry" value="${entry }"/>
|
||||
<input type="hidden" name="detectId" id="detectId" value="${detectId }"/>
|
||||
|
||||
<input type="hidden" name="ip" id="ip" value="${ip }"/>
|
||||
<input type="hidden" name="pid" id="pid" value="${pid }"/>
|
||||
|
||||
<!-- 查看监测设置历史记录 begin -->
|
||||
<input type="hidden" name="sqId" value="${sqId }" />
|
||||
<input type="hidden" name="sTime" value="${sTime }" />
|
||||
<input type="hidden" name="eTime" value="${eTime }" />
|
||||
<input type="hidden" name="status" value="${status }" />
|
||||
<input type="hidden" name="showHistory" value="${showHistory }" id="showHistory"/>
|
||||
<!-- 查看监测设置历史记录 end -->
|
||||
|
||||
<table width="80%" align="center" border="0" cellpadding="0"
|
||||
cellspacing="1" class="table">
|
||||
<tr>
|
||||
<td class="color_8" colspan="2">
|
||||
<strong>i18n_dmi.text.LineChart_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="box_1">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_dmi.text.startTime_n81i</font>
|
||||
<%--<%
|
||||
Date d = new Date();
|
||||
d.setDate(d.getDate()-7);
|
||||
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
|
||||
String st = sdf.format(d);
|
||||
String et = sdf.format(new Date());
|
||||
%>
|
||||
--%><input type="text" id="startTime"
|
||||
name="startTime" value="" readonly
|
||||
onclick="SelectDate(this,'yyyy-MM-dd',${session.i18n_lang == 'zh_CN'?0:1})"/></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_dmi.text.endTime_n81i</font>
|
||||
<input type="text" id="endTime"
|
||||
name="endTime" value="" readonly
|
||||
onclick="SelectDate(this,'yyyy-MM-dd',${session.i18n_lang == 'zh_CN'?0:1})"/></label>
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle2" onclick="javascript:qry();" />
|
||||
</div>
|
||||
|
||||
<span style="color: red;">i18n_dmi.message.defaultMsg_n81i</span>
|
||||
</td>
|
||||
<td class="box_2">
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_dmi.button.back_n81i"/>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan="2">
|
||||
<div id="tabs">
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:set var="index1" value="${1}" />
|
||||
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(metadataList) > 0}">
|
||||
<ul>
|
||||
<c:forEach items="${metadataList}" var="meta">
|
||||
<c:if test="${meta.filedComments==''}">
|
||||
<li>
|
||||
<a dtype='cli' href="#tabs-${index }" onclick="getPicScorce(${meta.id },'${index }')">${meta.filedName}</a>
|
||||
<input id="tabsHidd-${index }" type="hidden" value="0"/>
|
||||
</li>
|
||||
</c:if>
|
||||
<c:if test="${meta.filedComments!=''}">
|
||||
<li>
|
||||
<a dtype='cli' href="#tabs-${index }" onclick="getPicScorce(${meta.id },'${index }')">${meta.filedComments}</a>
|
||||
<input id="tabsHidd-${index }" type="hidden" value="0"/>
|
||||
</li>
|
||||
</c:if>
|
||||
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<c:forEach items="${metadataList}" var="meta1">
|
||||
<div id="tabs-${index1 }" style='padding: 0;margin: 0;width: 95%; height: 450px;'>
|
||||
|
||||
</div>
|
||||
<c:set var="index1" value="${index1 + 1}" />
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
|
||||
<c:otherwise>
|
||||
<span>i18n_dmi.text.noRecord_n81i</span>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
<br />
|
||||
</body>
|
||||
</html>
|
||||
498
WebRoot/page/detection/monitorData/drawSnmpMonitorInfo.jsp
Normal file
498
WebRoot/page/detection/monitorData/drawSnmpMonitorInfo.jsp
Normal file
@@ -0,0 +1,498 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%@ taglib uri="/jstl/fmt" prefix="fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_dsmi.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/js/dtree/css/dtree.css'/>"
|
||||
rel="stylesheet" type="text/css" />
|
||||
<link href="<%=path%>/css/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css"></link>
|
||||
<link href="<%=path%>/css/themes/base/jquery.ui.css" rel="stylesheet" type="text/css"></link>
|
||||
|
||||
<script type="text/javascript"src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/ui/jquery-ui.min.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/highcharts.js'/>"></script>
|
||||
<script type="text/javascript" src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
$( "#tabs" ).tabs();
|
||||
$( "#tabs" ).removeClass("ui-widget");//删除ui样式(此样式会使折线图下方navigator失灵)
|
||||
if(document.getElementById("tabs-1")){
|
||||
$("a[dtype='cli']:eq(0)").trigger('click');
|
||||
$("a[dtype='cli']:eq(0)").trigger('click');//只调用一次时，曲线x轴的时间和实际时间差8个小时，调用2次就没问题了
|
||||
}
|
||||
|
||||
$("#ok").click(function() {
|
||||
var result = "";
|
||||
var num = $(".checks:checked").size();
|
||||
if(num>5){
|
||||
alert("i18n_dsmi.message.selectToDraw1_n81i");
|
||||
return;
|
||||
}else{
|
||||
$(".checks:checked").each(function() {
|
||||
var lable = $(this).closest("label");
|
||||
result += lable.attr("ids")+',';
|
||||
});
|
||||
if (result == "") {
|
||||
alert("i18n_dsmi.message.selectTodraw2_n81i");
|
||||
return;
|
||||
} else {
|
||||
var metaId= $("#mid").val();
|
||||
|
||||
var drwTo= $("#tabIndex").val();
|
||||
getPicScorce(metaId,drwTo,result);
|
||||
//清空选择
|
||||
//$(".checks").removeAttr("checked");
|
||||
//resetBg();
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
$("#clear").click(function() {
|
||||
$(".checks").removeAttr("checked");
|
||||
resetBg();
|
||||
})
|
||||
|
||||
$(".checks").click(function() {
|
||||
resetBg();
|
||||
})
|
||||
});
|
||||
|
||||
function resetBg() {
|
||||
$(".checks").each(function() {
|
||||
var label = $(this).closest("label");
|
||||
if ($(this).is(":checked")) {
|
||||
label.css("background-Color", "#B5C19B");
|
||||
} else {
|
||||
label.css("background-Color", "");
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
//type为空是服务器检测菜单
|
||||
//type=1:网元监测
|
||||
//type=1：异常网元
|
||||
//showHistory不为空是查询监测历史记录
|
||||
function goBack(){
|
||||
var action ="<c:url value='/detection/monitorData.do?action=query'/>";
|
||||
if($("#type").val()== "1"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryNE'/>";
|
||||
}else if($("#type").val()== "2"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryAbnormalSet'/>";
|
||||
}
|
||||
if($("#showHistory").val()== "history"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=showDetectionInfo'/>";
|
||||
}
|
||||
if($("#flag").val()== "queryEmergent"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryEmergent'/>";
|
||||
}
|
||||
if($("#flag").val()== "queryEmergentDetail"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryEmergentDetail&requestType=topo&nodeGroupId=${nodeGroupId}&nodeId=${nodeId}'/>";
|
||||
}
|
||||
if($("#requestType").val()== "newTopo"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=query&nodeId=${nodeId}'/>";
|
||||
}
|
||||
document.Mkform.action=action;
|
||||
document.Mkform.submit();
|
||||
}
|
||||
|
||||
//查询记录
|
||||
function qry(){
|
||||
var startTime = $("#startTime").val();
|
||||
if(startTime==""){
|
||||
alert("i18n_dsmi.message.startTime_n81i");
|
||||
return;
|
||||
}
|
||||
var endTime = $("#endTime").val();
|
||||
if(endTime==""){
|
||||
alert("i18n_dsmi.message.endTime_n81i");
|
||||
return;
|
||||
}
|
||||
var start=new Date(startTime.replace(/-/g,"/"));//起始时间操作值
|
||||
var start1=new Date(startTime.replace(/-/g,"/"));//起始时间备份
|
||||
start.setDate(start.getDate()+7);//起始时间日期加一周 用来与结束时间比较
|
||||
var end=new Date(endTime.replace(/-/g,"/"));//结束时间
|
||||
if(end<=start1){
|
||||
alert("i18n_dsmi.message.startGtEnd_n81i");
|
||||
return;
|
||||
}
|
||||
if(end>start){
|
||||
alert("i18n_dsmi.message.intervalErr_n81i");
|
||||
return;
|
||||
}
|
||||
$("#ok").click();
|
||||
}
|
||||
|
||||
var seriesOptions = [];
|
||||
var policeValue;
|
||||
var xtilte="";
|
||||
var ytitle="";
|
||||
|
||||
function getPicScorce(metaid,drwTo,lns){
|
||||
$("#tabIndex").val(drwTo);
|
||||
$("#mid").val(metaid);
|
||||
seriesOptions = [];//清空数据源
|
||||
|
||||
$.ajax( {
|
||||
url : "<%=path%>/detection/monitorData!getSnmpSource.do?metaId="+metaid+"&dId="+$('#did').val()+"&cId="+$('#ctid').val()+"&seqId="+$('#seqId').val()+"&lns="+lns+"&startTime="+$('#startTime').val()+"&endTime="+$('#endTime').val()+"&type="+$('#type').val()+"&requestType="+$('#requestType').val()+"&nodeGroupId="+$('#nodeGroupId').val(),
|
||||
type : "POST",
|
||||
dataType : "json",
|
||||
success : function(datas) {
|
||||
if(datas!=null){
|
||||
$('#tabsHidd-'+drwTo).val('1');
|
||||
xtitle = datas[0].xtitle;
|
||||
ytitle = datas[0].ytitle;
|
||||
policeValue = datas[0].policeVal;
|
||||
var lines = datas[1].lines;
|
||||
if(lines[0].data == null || lines[0].data == ""){
|
||||
$("#tabs-"+drwTo).empty();
|
||||
$("#tabs-"+drwTo).append('i18n_dsmi.message.noData_n81i');
|
||||
}else{
|
||||
$.each(lines, function(k, da) {
|
||||
seriesOptions[k] = {
|
||||
name: da.name,
|
||||
data: da.data
|
||||
};
|
||||
createChart(policeValue,drwTo);
|
||||
});
|
||||
}
|
||||
}else{
|
||||
$("#tabs-"+drwTo).empty();
|
||||
$("#tabs-"+drwTo).append('i18n_dsmi.message.noData_n81i');
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function createChart(policeNum,dto) {
|
||||
var chartObj = new Highcharts.Chart(
|
||||
{
|
||||
chart : {
|
||||
renderTo : 'tabs-'+dto,
|
||||
zoomType : 'x',
|
||||
showAxes : true,
|
||||
spacingRight : 20,
|
||||
defaultSeriesType : 'line',
|
||||
borderWidth: 1
|
||||
},
|
||||
title : {
|
||||
text : xtitle
|
||||
},
|
||||
subtitle : {
|
||||
text : ''//这是副标题内容
|
||||
},
|
||||
xAxis : {
|
||||
type : 'datetime',
|
||||
//maxZoom : 1000 * 60 * 60 * 24 *14,
|
||||
//startOfWeek: 50,
|
||||
labels : {
|
||||
rotation : 20,
|
||||
y : 20,
|
||||
x : 20
|
||||
},
|
||||
dateTimeLabelFormats: {
|
||||
second: '%Y-%m-%d %H:%M:%S',
|
||||
minute: '%Y-%m-%d %H:%M',
|
||||
hour: '%Y-%m-%d %H:%M',
|
||||
day: '%Y-%m-%d',
|
||||
week: '%Y-%m-%d',
|
||||
month: '%Y-%m',
|
||||
year: '%Y'
|
||||
}
|
||||
},
|
||||
yAxis : {
|
||||
title : {
|
||||
text : ytitle
|
||||
},
|
||||
minorTickInterval: 'auto',
|
||||
min:0,
|
||||
plotLines: [{
|
||||
value: policeValue,
|
||||
width: 2,
|
||||
color: '#F24C52',
|
||||
dashStyle: 'dash',
|
||||
label: {
|
||||
text: 'i18n_dsmi.message.policyLine_n81i:('+policeNum+')',
|
||||
align: 'right',
|
||||
y: 8,
|
||||
x: 0
|
||||
}
|
||||
}]/*,
|
||||
plotBands: [{
|
||||
from: 80,
|
||||
to: 100,
|
||||
color: '#F24C52'
|
||||
}]*/
|
||||
|
||||
},
|
||||
tooltip : {
|
||||
borderColor : "#374E94",
|
||||
backgroundColor : {
|
||||
linearGradient : [ 0, 0, 0, 60 ],
|
||||
stops : [ [ 0, '#FFFFFF' ], [ 1, '#E0E0E0' ] ]
|
||||
},
|
||||
borderWidth : 1,
|
||||
shared : true,
|
||||
crosshairs : {
|
||||
width : 1,
|
||||
color : 'red'
|
||||
},
|
||||
formatter : function() {
|
||||
var s = Highcharts.dateFormat("%Y-%m-%d %H:%M",
|
||||
this.x) + ' [';
|
||||
$.each(this.points, function(i, point) {
|
||||
s += '<span style="color:#374E94">'
|
||||
+ point.series.name
|
||||
+ ':</span><span style="font-weight: bold;color:#F24C52">'
|
||||
+ point.y + '</span> ';
|
||||
});
|
||||
s = $.trim(s) + "]";
|
||||
return s;
|
||||
}
|
||||
},
|
||||
plotOptions:{
|
||||
line:{
|
||||
lineWidth : 1,
|
||||
marker: {
|
||||
radius: 2,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 3
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
area : {
|
||||
fillColor : {
|
||||
//linearGradient : [ 0, 0, 0, 200 ],
|
||||
//stops : [ [ 0, "#F24C52" ], [ 1, 'rgba(255,0,0,0)' ] ]
|
||||
linearGradient : [ 0, 0, 30, 250 ],
|
||||
stops : [ [ 0, "#0896E9" ], [ 1, 'rgba(0,157,145,0)' ] ]
|
||||
},
|
||||
fillOpacity: 0.08,
|
||||
lineWidth : 1,
|
||||
shadow : true,
|
||||
marker: {
|
||||
radius: 3,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 5
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
exporting : {
|
||||
buttons : {
|
||||
exportButton : {
|
||||
enabled : false
|
||||
}
|
||||
}
|
||||
},
|
||||
series : seriesOptions,
|
||||
credits: {
|
||||
enabled: false,
|
||||
text: 'i18n_dsmi.message.updateTheMark_n81i'
|
||||
}
|
||||
});
|
||||
Highcharts.setOptions( {
|
||||
global : {
|
||||
useUTC : false
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<form action="" name="Mkform" method="post">
|
||||
<input type="hidden" name="cip" value="${cip }" />
|
||||
<input type="hidden" name="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="stateInfo" id="stateInfo" value="${stateInfo }" />
|
||||
|
||||
<input type="hidden" name="detectionSetInfoId" id="detectionSetInfoId" value="${detectionSetInfoId }">
|
||||
|
||||
<input type="hidden" id="seqId" name="seqId" value="${sqId}"/>
|
||||
<input type="hidden" id="nodeGroupStr" name="nodeGroupStr" value="${nodeGroupStr}"/>
|
||||
<input type="hidden" id="nodeIpRange" name="nodeIpRange" value="${nodeIpRange}"/>
|
||||
<input type="hidden" id="did" name ="dsiId" value="${dsiId }"/>
|
||||
<input type="hidden" id = "ctid" name="ctid" value = "${ctId}"/>
|
||||
<input type="hidden" id = "isClick" name="isClick" value ="0"/>
|
||||
<input type="hidden" id = "mid" name="mid" value = "${metaId}"/>
|
||||
<input type="hidden" id="tabIndex" value=""/>
|
||||
<!-- type为空：服务器检测，type=1：网元检测 type=2:异常网元 -->
|
||||
<input type="hidden" value="${type }" name="type" id="type"/>
|
||||
<input type="hidden" value="${flag }" name="flag" id="flag"/>
|
||||
<input type="hidden" value="${nodeType }" name="nodeType" id="nodeType"/>
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" id="requestType" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" id="nodeGroupId" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
|
||||
<!-- 是否为特种设备进入此页面 -->
|
||||
<input type="hidden" name="entry" id="entry" value="${entry }"/>
|
||||
<input type="hidden" name="detectId" id="detectId" value="${detectId }"/>
|
||||
<input type="hidden" name="ip" id="ip" value="${ip }"/>
|
||||
<input type="hidden" name="pid" id="pid" value="${pid }"/>
|
||||
|
||||
<!-- 查看监测设置历史记录 begin -->
|
||||
<input type="hidden" name="sqId" value="${sqId }" />
|
||||
<input type="hidden" name="sTime" value="${sTime }" />
|
||||
<input type="hidden" name="eTime" value="${eTime }" />
|
||||
<input type="hidden" name="status" value="${status }" />
|
||||
<input type="hidden" name="showHistory" value="${showHistory }" id="showHistory" />
|
||||
<!-- 查看监测设置历史记录 end -->
|
||||
|
||||
<jsp:include page="/common/transferHiddenParameter.jsp" />
|
||||
|
||||
<table width="80%" align="center" border="0" cellpadding="0"
|
||||
cellspacing="1" class="table">
|
||||
<tr>
|
||||
<td class="color_8">
|
||||
<strong>i18n_dsmi.message.title_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="box_1">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_dsmi.text.startTime_n81i</font>
|
||||
<%--<%
|
||||
Date d = new Date();
|
||||
d.setDate(d.getDate()-7);
|
||||
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
|
||||
String st = sdf.format(d);
|
||||
String et = sdf.format(new Date());
|
||||
%>
|
||||
--%><input type="text" id="startTime"
|
||||
name="startTime" value="" readonly
|
||||
onclick="SelectDate(this,'yyyy-MM-dd',${session.i18n_lang == 'zh_CN'?0:1})"/></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_dsmi.text.endTime_n81i</font>
|
||||
<input type="text" id="endTime"
|
||||
name="endTime" value="" readonly
|
||||
onclick="SelectDate(this,'yyyy-MM-dd',${session.i18n_lang == 'zh_CN'?0:1})"/></label>
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle2" onclick="javascript:qry();" />
|
||||
</div>
|
||||
|
||||
<span style="color: red;">i18n_dsmi.message.defaultMsg_n81i</span>
|
||||
</td>
|
||||
<td class="box_2">
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_dsmi.button.back_n81i"/>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan="2">
|
||||
<div id="tabs">
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:set var="index1" value="${1}" />
|
||||
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(metadataList) > 0}">
|
||||
<ul>
|
||||
<c:forEach items="${metadataList}" var="meta">
|
||||
<c:if test="${meta.filedComments==''}">
|
||||
<li>
|
||||
<a dtype='cli' href="#tabs-${index }" onclick="getPicScorce(${meta.id },'${index }','')">${meta.filedName}</a>
|
||||
<input id="tabsHidd-${index }" type="hidden" value="0"/>
|
||||
</li>
|
||||
</c:if>
|
||||
<c:if test="${meta.filedComments!=''}">
|
||||
<li>
|
||||
<a dtype='cli' href="#tabs-${index }" onclick="getPicScorce(${meta.id },'${index }','')">${meta.filedComments}</a>
|
||||
<input id="tabsHidd-${index }" type="hidden" value="0"/>
|
||||
</li>
|
||||
</c:if>
|
||||
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<!-- 画图用的div -->
|
||||
<c:forEach items="${metadataList}" var="meta1">
|
||||
<div id="tabs-${index1 }" style='padding: 0;margin: 0;width: 95%; height: 450px;'>
|
||||
|
||||
</div>
|
||||
<c:set var="index1" value="${index1 + 1}" />
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
|
||||
<c:otherwise>
|
||||
<span>i18n_dsmi.text.noRecord_n81i</span>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</div>
|
||||
<div id="listDiv"
|
||||
style="margin:5px 0px;background-color: #d3eaef; text-align:left;overflow: auto;border:1px solid gray;">
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(dataList) > 0}">
|
||||
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-top: 5px;">
|
||||
<c:set var="numPerRow" value="${6}" />
|
||||
<c:forEach items="${dataList}" var="item" varStatus="num">
|
||||
<c:if test="${num.count%numPerRow==1}">
|
||||
<tr>
|
||||
</c:if>
|
||||
<td align="left" width="10%" style="">
|
||||
<label class="item" title="${item}" ids="${item}"style="text-overflow: ellipsis; overflow: hidden;padding-left: 5px;">
|
||||
<input class="checks" type="checkbox" value="${item}"/>
|
||||
${item}
|
||||
</label>
|
||||
</td>
|
||||
<c:if test="${num.count%numPerRow==0}">
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<c:if test="${fn:length(dataList)%numPerRow!=0}">
|
||||
</tr>
|
||||
</c:if>
|
||||
</table>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<span>i18n_dsmi.textnoClassify_n81i</span>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<span style=" text-align: left;">
|
||||
<br/>
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
id="clear" value="i18n_dsmi.button.clearSelected_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
id="ok" value="i18n_dsmi.button.sure_n81i"/>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
<br />
|
||||
</body>
|
||||
</html>
|
||||
540
WebRoot/page/detection/monitorData/drawSpecialMonitorInfo.jsp
Normal file
540
WebRoot/page/detection/monitorData/drawSpecialMonitorInfo.jsp
Normal file
@@ -0,0 +1,540 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%@ taglib uri="/jstl/fmt" prefix="fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_dspmi.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/js/dtree/css/dtree.css'/>"
|
||||
rel="stylesheet" type="text/css" />
|
||||
<link href="<%=path%>/css/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css"></link>
|
||||
<link href="<%=path%>/css/themes/base/jquery.ui.css" rel="stylesheet" type="text/css"></link>
|
||||
|
||||
<script type="text/javascript"src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/ui/jquery-ui.min.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/highcharts.js'/>"></script>
|
||||
<script type="text/javascript" src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
$( "#tabs" ).tabs();
|
||||
$( "#tabs" ).removeClass("ui-widget");//删除ui样式(此样式会使折线图下方navigator失灵)
|
||||
if(document.getElementById("tabs-1")){
|
||||
$("a[dtype='cli']:eq(0)").trigger('click');
|
||||
$("a[dtype='cli']:eq(0)").trigger('click');
|
||||
}
|
||||
|
||||
$("#ok").click(function() {
|
||||
var result = "";
|
||||
var num = $(".checks:checked").size();
|
||||
if(num>2){
|
||||
alert("i18n_dspmi.message.selectToDraw_n81i");
|
||||
return;
|
||||
}else{
|
||||
$(".checks:checked").each(function() {
|
||||
var lable = $(this).closest("label");
|
||||
result += lable.attr("ids")+',';
|
||||
});
|
||||
|
||||
if (result == "") {
|
||||
alert("i18n_dspmi.message.selecttoDrawID_n81i");
|
||||
return;
|
||||
} else {
|
||||
var metaId= $("#mid").val();
|
||||
|
||||
var drwTo= $("#tabIndex").val();
|
||||
getPicScorce(metaId,drwTo,result);
|
||||
//清空选择
|
||||
//$(".checks").removeAttr("checked");
|
||||
//resetBg();
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
$("#clear").click(function() {
|
||||
$(".checks").removeAttr("checked");
|
||||
resetBg();
|
||||
})
|
||||
|
||||
$(".checks").click(function() {
|
||||
resetBg();
|
||||
})
|
||||
});
|
||||
|
||||
function resetBg() {
|
||||
$(".checks").each(function() {
|
||||
var label = $(this).closest("label");
|
||||
if ($(this).is(":checked")) {
|
||||
label.css("background-Color", "#B5C19B");
|
||||
} else {
|
||||
label.css("background-Color", "");
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
//type为空是服务器检测菜单
|
||||
//type=1:网元监测
|
||||
//type=1：异常网元
|
||||
//showHistory不为空是查询监测历史记录
|
||||
function goBack(){
|
||||
var action ="<c:url value='/detection/monitorData.do?action=query'/>";
|
||||
if($("#type").val()== "1"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryNE'/>";
|
||||
}else if($("#type").val()== "2"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryAbnormalSet'/>";
|
||||
}
|
||||
if($("#showHistory").val()== "history"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=showDetectionInfo'/>";
|
||||
}
|
||||
if($("#flag").val()== "queryEmergent"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryEmergent'/>";
|
||||
}
|
||||
if($("#flag").val()== "queryEmergentDetail"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryEmergentDetail&requestType=topo&nodeGroupId=${nodeGroupId}&nodeId=${nodeId}'/>";
|
||||
}
|
||||
if($("#requestType").val()== "newTopo"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=query&nodeId=${nodeId}'/>";
|
||||
}
|
||||
document.Mkform.action=action;
|
||||
document.Mkform.submit();
|
||||
}
|
||||
|
||||
//查询记录
|
||||
function qry(){
|
||||
var startTime = $("#startTime").val();
|
||||
if(startTime==""){
|
||||
alert("i18n_dspmi.message.startTime_n81i");
|
||||
return;
|
||||
}
|
||||
var endTime = $("#endTime").val();
|
||||
if(endTime==""){
|
||||
alert("i18n_dspmi.message.endTime_n81i");
|
||||
return;
|
||||
}
|
||||
var start=new Date(startTime.replace(/-/g,"/"));//起始时间操作值
|
||||
var start1=new Date(startTime.replace(/-/g,"/"));//起始时间备份
|
||||
start.setDate(start.getDate()+7);//起始时间日期加一周 用来与结束时间比较
|
||||
var end=new Date(endTime.replace(/-/g,"/"));//结束时间
|
||||
if(end<=start1){
|
||||
alert("i18n_dspmi.message.startGtEnd_n81i");
|
||||
return;
|
||||
}
|
||||
if(end>start){
|
||||
alert("i18n_dspmi.message.intervalErr_n81i");
|
||||
return;
|
||||
}
|
||||
$("#ok").click();
|
||||
}
|
||||
|
||||
var seriesOptions = [];
|
||||
var policeValue;
|
||||
var xtilte="";
|
||||
var ytitle="";
|
||||
|
||||
function getPicScorce(metaid,drwTo,lns){
|
||||
$("#tabIndex").val(drwTo);
|
||||
$("#mid").val(metaid);
|
||||
seriesOptions = [];//清空数据源
|
||||
|
||||
$.ajax( {
|
||||
url : "<%=path%>/detection/monitorData!getSpecialSource.do?metaId="+metaid+"&dId="+$('#did').val()+"&cId="+$('#ctid').val()+"&seqId="+$('#seqId').val()+"&lns="+lns+"&startTime="+$('#startTime').val()+"&endTime="+$('#endTime').val()+"&type="+$('#type').val()+"&requestType="+$('#requestType').val()+"&nodeGroupId="+$('#nodeGroupId').val(),
|
||||
type : "POST",
|
||||
dataType : "json",
|
||||
success : function(datas) {
|
||||
if(datas!=null){
|
||||
$('#tabsHidd-'+drwTo).val('1');
|
||||
xtitle = datas[0].xtitle;
|
||||
ytitle = datas[0].ytitle;
|
||||
policeValue = datas[0].policeVal;
|
||||
var lines = datas[1].lines;
|
||||
seriesOptions = [];
|
||||
if(lines[0].data==null || lines[0].data.length==0){// 针对丢包数，仅显示一条折线
|
||||
seriesOptions[0] = {
|
||||
name: lines[2].name,
|
||||
data: lines[2].data,
|
||||
type: 'line'
|
||||
};
|
||||
} else {// 针对bps\pps，显示一条step线和点
|
||||
seriesOptions[0] = {
|
||||
name: lines[0].name,
|
||||
data: lines[0].data,
|
||||
type: 'line',
|
||||
step: true,
|
||||
color: '#0CF223'
|
||||
};
|
||||
seriesOptions[1] = {
|
||||
name: lines[1].name,
|
||||
data: lines[1].data,
|
||||
type: 'scatter',
|
||||
color : '#0896E9'
|
||||
};
|
||||
}
|
||||
|
||||
if((lines[0].data == null || lines[0].data == "") && (lines[2].data == null || lines[2].data == "") ){
|
||||
$("#tabs-"+drwTo).empty();
|
||||
$("#tabs-"+drwTo).append('i18n_dspmi.message.noData_n81i');
|
||||
}else{
|
||||
//$.each(lines, function(k, da) {
|
||||
//seriesOptions[k] = {
|
||||
// name: da.name,
|
||||
// data: da.data
|
||||
//};
|
||||
createChart(policeValue,drwTo);
|
||||
//});
|
||||
}
|
||||
}else{
|
||||
$("#tabs-"+drwTo).empty();
|
||||
$("#tabs-"+drwTo).append('i18n_dspmi.message.noData_n81i');
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function createChart(policeNum,dto) {
|
||||
var chartObj = new Highcharts.Chart(
|
||||
{
|
||||
chart : {
|
||||
renderTo : 'tabs-'+dto,
|
||||
zoomType : 'x',
|
||||
showAxes : true,
|
||||
spacingRight : 20,
|
||||
defaultSeriesType : 'line',
|
||||
borderWidth: 1
|
||||
},
|
||||
title : {
|
||||
text : xtitle
|
||||
},
|
||||
subtitle : {
|
||||
text : ''//这是副标题内容
|
||||
},
|
||||
xAxis : {
|
||||
type : 'datetime',
|
||||
//maxZoom : 1000 * 60 * 60 * 24 *14,
|
||||
//startOfWeek: 50,
|
||||
labels : {
|
||||
rotation : 20,
|
||||
y : 20,
|
||||
x : 20
|
||||
},
|
||||
dateTimeLabelFormats: {
|
||||
second: '%Y-%m-%d %H:%M:%S',
|
||||
minute: '%Y-%m-%d %H:%M',
|
||||
hour: '%Y-%m-%d %H:%M',
|
||||
day: '%Y-%m-%d',
|
||||
week: '%Y-%m-%d',
|
||||
month: '%Y-%m',
|
||||
year: '%Y'
|
||||
}
|
||||
},
|
||||
yAxis : {
|
||||
title : {
|
||||
text : ytitle
|
||||
},
|
||||
minorTickInterval: 'auto',
|
||||
min:0,
|
||||
plotLines: [{
|
||||
value: policeValue,
|
||||
width: 2,
|
||||
color: '#F24C52',
|
||||
dashStyle: 'dash',
|
||||
label: {
|
||||
text: 'i18n_dspmi.message.policyLine_n81i:('+policeNum+')',
|
||||
align: 'right',
|
||||
y: 8,
|
||||
x: 0
|
||||
}
|
||||
}]/*,
|
||||
plotBands: [{
|
||||
from: 80,
|
||||
to: 100,
|
||||
color: '#F24C52'
|
||||
}]*/
|
||||
|
||||
},
|
||||
tooltip : {
|
||||
borderColor : "#374E94",
|
||||
backgroundColor : {
|
||||
linearGradient : [ 0, 0, 0, 60 ],
|
||||
stops : [ [ 0, '#FFFFFF' ], [ 1, '#E0E0E0' ] ]
|
||||
},
|
||||
borderWidth : 1,
|
||||
shared : true,
|
||||
crosshairs : {
|
||||
width : 1,
|
||||
color : 'red'
|
||||
},
|
||||
formatter : function() {
|
||||
var s = Highcharts.dateFormat("%Y-%m-%d %H:%M",
|
||||
this.x) + ' [';
|
||||
$.each(this.points, function(i, point) {
|
||||
s += '<span style="color:#374E94">'
|
||||
+ point.series.name
|
||||
+ ':</span><span style="font-weight: bold;color:#F24C52">'
|
||||
+ point.y + '</span> ';
|
||||
});
|
||||
s = $.trim(s) + "]";
|
||||
return s;
|
||||
}
|
||||
},
|
||||
plotOptions:{
|
||||
|
||||
line:{
|
||||
lineWidth : 1,
|
||||
marker: {
|
||||
radius: 2,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 3
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
area : {
|
||||
fillColor : {
|
||||
//linearGradient : [ 0, 0, 0, 200 ],
|
||||
//stops : [ [ 0, "#F24C52" ], [ 1, 'rgba(255,0,0,0)' ] ]
|
||||
linearGradient : [ 0, 0, 30, 250 ],
|
||||
stops : [ [ 0, "#0896E9" ], [ 1, 'rgba(0,157,145,0)' ] ]
|
||||
},
|
||||
fillOpacity: 0.08,
|
||||
lineWidth : 1,
|
||||
shadow : true,
|
||||
marker: {
|
||||
radius: 3,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 5
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
column: {
|
||||
grouping: false,
|
||||
shadow: false,
|
||||
pointPlacement: 'between',
|
||||
groupPadding: 0,
|
||||
pointPadding: 0,
|
||||
borderWidth: 0,
|
||||
color: '#0CF223'
|
||||
},
|
||||
scatter:{
|
||||
marker: {
|
||||
radius: 2,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 3
|
||||
}
|
||||
},
|
||||
symbol: 'circle'
|
||||
}
|
||||
}
|
||||
},
|
||||
exporting : {
|
||||
buttons : {
|
||||
exportButton : {
|
||||
enabled : false
|
||||
}
|
||||
}
|
||||
},
|
||||
series : seriesOptions,
|
||||
credits: {
|
||||
enabled: false,
|
||||
text: 'i18n_dspmi.message.updateTheMark_n81i'
|
||||
}
|
||||
});
|
||||
Highcharts.setOptions( {
|
||||
global : {
|
||||
useUTC : false
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<form action="" name="Mkform" method="post">
|
||||
<input type="hidden" name="cip" value="${cip }" />
|
||||
<input type="hidden" name="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="stateInfo" id="stateInfo" value="${stateInfo }" />
|
||||
<input type="hidden" id="seqId" name="seqId" value="${sqId}"/>
|
||||
<input type="hidden" id="did" name ="dsiId" value="${dsiId }"/>
|
||||
<input type="hidden" id = "ctid" name="ctid" value = "${ctId}"/>
|
||||
<input type="hidden" id = "nodeGroupStr" name="nodeGroupStr" value = "${nodeGroupStr}"/>
|
||||
<input type="hidden" id = "nodeIpRange" name="nodeIpRange" value = "${nodeIpRange}"/>
|
||||
<input type="hidden" id = "isClick" name="isClick" value ="0"/>
|
||||
<input type="hidden" id = "mid" name="mid" value = "${metaId}"/>
|
||||
<input type="hidden" id="tabIndex" value=""/>
|
||||
|
||||
<!-- type为空：服务器检测，type=1：网元检测 type=2:异常网元 -->
|
||||
<input type="hidden" value="${type }" name="type" id="type"/>
|
||||
<input type="hidden" value="${flag }" name="flag" id="flag"/>
|
||||
<input type="hidden" value="${nodeType }" name="nodeType" id="nodeType"/>
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" id="requestType" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" id="nodeGroupId" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
|
||||
<!-- 是否为特种设备进入此页面 -->
|
||||
<input type="hidden" name="entry" id="entry" value="${entry }"/>
|
||||
<input type="hidden" name="detectId" id="detectId" value="${detectId }"/>
|
||||
<input type="hidden" name="ip" id="ip" value="${ip }"/>
|
||||
<input type="hidden" name="pid" id="pid" value="${pid }"/>
|
||||
|
||||
<!-- 查看监测设置历史记录 begin -->
|
||||
<input type="hidden" name="sqId" value="${sqId }" />
|
||||
<input type="hidden" name="sTime" value="${sTime }" />
|
||||
<input type="hidden" name="eTime" value="${eTime }" />
|
||||
<input type="hidden" name="status" value="${status }" />
|
||||
<input type="hidden" name="showHistory" value="${showHistory }" id="showHistory" />
|
||||
<!-- 查看监测设置历史记录 end -->
|
||||
|
||||
<jsp:include page="/common/transferHiddenParameter.jsp" />
|
||||
|
||||
<table width="80%" align="center" border="0" cellpadding="0"
|
||||
cellspacing="1" class="table">
|
||||
<tr>
|
||||
<td class="color_8">
|
||||
<strong>i18n_dspmi.message.title_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="box_1">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_dspmi.text.startTime_n81i</font>
|
||||
<%--<%
|
||||
Date d = new Date();
|
||||
d.setDate(d.getDate()-7);
|
||||
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
|
||||
String st = sdf.format(d);
|
||||
String et = sdf.format(new Date());
|
||||
%>
|
||||
--%><input type="text" id="startTime"
|
||||
name="startTime" value="" readonly
|
||||
onclick="SelectDate(this,'yyyy-MM-dd',${session.i18n_lang == 'zh_CN'?0:1})"/></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_dspmi.text.endTime_n81i</font>
|
||||
<input type="text" id="endTime"
|
||||
name="endTime" value="" readonly
|
||||
onclick="SelectDate(this,'yyyy-MM-dd',${session.i18n_lang == 'zh_CN'?0:1})"/></label>
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle" onclick="javascript:qry();" /></div>
|
||||
|
||||
<span style="color: red;">i18n_dspmi.message.defaultMsg_n81i</span>
|
||||
</td>
|
||||
<td class="box_2">
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_dspmi.button.back_n81i"/>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan="2">
|
||||
<div id="tabs">
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:set var="index1" value="${1}" />
|
||||
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(metadataList) > 0}">
|
||||
<ul>
|
||||
<c:forEach items="${metadataList}" var="meta">
|
||||
<c:if test="${meta.filedComments==''}">
|
||||
<li>
|
||||
<a dtype='cli' href="#tabs-${index }" onclick="getPicScorce(${meta.id },'${index }',$('.checks:checked').val())">${meta.filedName}</a>
|
||||
<input id="tabsHidd-${index }" type="hidden" value="0"/>
|
||||
</li>
|
||||
</c:if>
|
||||
<c:if test="${meta.filedComments!=''}">
|
||||
<li>
|
||||
<a dtype='cli' href="#tabs-${index }" onclick="getPicScorce(${meta.id },'${index }',$('.checks:checked').val())">${meta.filedComments}</a>
|
||||
<input id="tabsHidd-${index }" type="hidden" value="0"/>
|
||||
</li>
|
||||
</c:if>
|
||||
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<!-- 画图用的div -->
|
||||
<c:forEach items="${metadataList}" var="meta1">
|
||||
<div id="tabs-${index1 }" style='padding: 0;margin: 0;width: 95%; height: 450px;'>
|
||||
|
||||
</div>
|
||||
<c:set var="index1" value="${index1 + 1}" />
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
|
||||
<c:otherwise>
|
||||
<span>i18n_dspmi.text.noRecord_n81i</span>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</div>
|
||||
<div id="listDiv"
|
||||
style="margin:5px 0px;background-color: #d3eaef; text-align:left;overflow: auto;border:1px solid gray;">
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(dataList) > 0}">
|
||||
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-top: 5px;">
|
||||
<c:set var="numPerRow" value="${6}" />
|
||||
<c:forEach items="${dataList}" var="item" varStatus="iIndex" >
|
||||
<c:if test="${iIndex.count%numPerRow==1}">
|
||||
<tr>
|
||||
</c:if>
|
||||
<td align="left" width="10%">
|
||||
<label class="item" title="${item}" ids="${item}"style="text-overflow: ellipsis; overflow: hidden;padding-left: 5px;">
|
||||
<input name='lineNameRadio' class="checks" type="radio" value="${item}" ${iIndex.index eq 0 ? "checked=checked" : ""} />
|
||||
${item}
|
||||
</label>
|
||||
</td>
|
||||
<c:if test="${iIndex.count%numPerRow==0}">
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<c:if test="${fn:length(dataList)%numPerRow!=0}">
|
||||
</tr>
|
||||
</c:if>
|
||||
</table>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<span>i18n_dspmi.textnoClassify_n81i</span>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<span style=" text-align: left;">
|
||||
<br/>
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
id="clear" value="i18n_dspmi.button.clearSelected_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
id="ok" value="i18n_dspmi.button.sure_n81i"/>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
<br />
|
||||
</body>
|
||||
</html>
|
||||
562
WebRoot/page/detection/monitorData/drawSwitchportMonitorInfo.jsp
Normal file
562
WebRoot/page/detection/monitorData/drawSwitchportMonitorInfo.jsp
Normal file
@@ -0,0 +1,562 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%@ taglib uri="/jstl/fmt" prefix="fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_dswmi.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/js/dtree/css/dtree.css'/>"
|
||||
rel="stylesheet" type="text/css" />
|
||||
<link href="<%=path%>/css/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css"></link>
|
||||
<link href="<%=path%>/css/themes/base/jquery.ui.css" rel="stylesheet" type="text/css"></link>
|
||||
|
||||
<script type="text/javascript"src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/ui/jquery-ui.min.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/highcharts.js'/>"></script>
|
||||
<script type="text/javascript" src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
<script>
|
||||
var oldDrawDiv = "1";
|
||||
$(function() {
|
||||
$( "#tabs" ).tabs();
|
||||
$( "#tabs" ).removeClass("ui-widget");//删除ui样式(此样式会使折线图下方navigator失灵)
|
||||
if(document.getElementById("tabs-1")){
|
||||
$("a[dtype='cli']:eq(0)").trigger('click');
|
||||
}
|
||||
|
||||
$("#ok").click(function() {
|
||||
var result = "";
|
||||
var num = $(".checks:checked").size();
|
||||
//if(num>2){
|
||||
//alert("请选择不大于2个标识进行绘图，以使页面流畅");
|
||||
//return;
|
||||
//}else{
|
||||
$(".checks:checked").each(function() {
|
||||
var lable = $(this).closest("label");
|
||||
result += lable.attr("ids")+',';
|
||||
});
|
||||
//if (result == "" || result =="undefined") {
|
||||
//alert("请选择绘制统计图标识");
|
||||
//return;
|
||||
//} else {
|
||||
var metaId= $("#mid").val();
|
||||
|
||||
var drwTo= $("#tabIndex").val();
|
||||
getPicScorce(metaId,drwTo);
|
||||
//清空选择
|
||||
//$(".checks").removeAttr("checked");
|
||||
//resetBg();
|
||||
//}
|
||||
//}
|
||||
})
|
||||
|
||||
$("#clear").click(function() {
|
||||
$(".checks").removeAttr("checked");
|
||||
resetBg();
|
||||
})
|
||||
|
||||
$(".checks").click(function() {
|
||||
resetBg();
|
||||
})
|
||||
});
|
||||
|
||||
function resetBg() {
|
||||
$(".checks").each(function() {
|
||||
var label = $(this).closest("label");
|
||||
if ($(this).is(":checked")) {
|
||||
label.css("background-Color", "#B5C19B");
|
||||
} else {
|
||||
label.css("background-Color", "");
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
//type为空是服务器检测菜单
|
||||
//type=1:网元监测
|
||||
//type=1：异常网元
|
||||
//showHistory不为空是查询监测历史记录
|
||||
function goBack(){
|
||||
var action ="<c:url value='/detection/monitorData.do?action=query'/>";
|
||||
if($("#type").val()== "1"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryNE'/>";
|
||||
}else if($("#type").val()== "2"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryAbnormalSet'/>";
|
||||
}
|
||||
if($("#showHistory").val()== "history"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=showDetectionInfo'/>";
|
||||
}
|
||||
if($("#flag").val()== "queryEmergent"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryEmergent'/>";
|
||||
}
|
||||
if($("#flag").val()== "queryEmergentDetail"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=queryEmergentDetail&requestType=topo&nodeGroupId=${nodeGroupId}&nodeId=${nodeId}'/>";
|
||||
}
|
||||
if($("#requestType").val()== "newTopo"){
|
||||
action ="<c:url value='/detection/monitorData.do?action=query&nodeId=${nodeId}'/>";
|
||||
}
|
||||
document.Mkform.action=action;
|
||||
document.Mkform.submit();
|
||||
}
|
||||
|
||||
//查询记录
|
||||
function qry(){
|
||||
var startTime = $("#startTime").val();
|
||||
if(startTime==""){
|
||||
alert("i18n_dswmi.message.startTime_n81i");
|
||||
return;
|
||||
}
|
||||
var endTime = $("#endTime").val();
|
||||
if(endTime==""){
|
||||
alert("i18n_dswmi.message.endTime_n81i");
|
||||
return;
|
||||
}
|
||||
var start=new Date(startTime.replace(/-/g,"/"));//起始时间操作值
|
||||
var start1=new Date(startTime.replace(/-/g,"/"));//起始时间备份
|
||||
start.setDate(start.getDate()+7);//起始时间日期加一周 用来与结束时间比较
|
||||
var end=new Date(endTime.replace(/-/g,"/"));//结束时间
|
||||
if(end<=start1){
|
||||
alert("i18n_dswmi.message.startGtEnd_n81i");
|
||||
return;
|
||||
}
|
||||
if(end>start){
|
||||
alert("i18n_dswmi.message.intervalErr_n81i");
|
||||
return;
|
||||
}
|
||||
$("#ok").click();
|
||||
}
|
||||
|
||||
var seriesOptions = [];
|
||||
var policeValue;
|
||||
var xtilte="";
|
||||
var ytitle="";
|
||||
|
||||
function getPicScorce(metaid,drwTo){
|
||||
var lns = "";
|
||||
$(".checks:checked").each(function() {
|
||||
var lable = $(this).closest("label");
|
||||
lns += lable.attr("ids")+',';
|
||||
});
|
||||
|
||||
$("#tabIndex").val(drwTo);
|
||||
$("#mid").val(metaid);//此行要在 判断是否选择绘制统计图标识的前面，否则点击其他tab时，再选择端口，点击确定时，不显示曲线图，因为展示的字段仍是之前的tab，所以当前tab不会显示曲线图
|
||||
seriesOptions = [];//清空数据源
|
||||
|
||||
if (lns == "" || lns =="undefined") {
|
||||
//避免切换tab时，先看到旧的曲线图，再刷新为新的曲线图
|
||||
//$("#tabs-"+oldDrawDiv).empty();
|
||||
//$("#tabs-"+oldDrawDiv).append('');
|
||||
//如果未选择统计图标识，则新tab需要清理内容，否则显示的是之前的内容
|
||||
$("#tabs-"+drwTo).empty();
|
||||
$("#tabs-"+drwTo).append('');
|
||||
alert("i18n_dswmi.message.selectToChart_n81i");
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
$.ajax( {
|
||||
url : "<%=path%>/detection/monitorData!getSwitchportSource.do?metaId="+metaid+"&dId="+$('#did').val()+"&cId="+$('#ctid').val()+"&seqId="+$('#seqId').val()+"&lns="+lns+"&startTime="+$('#startTime').val()+"&endTime="+$('#endTime').val()+"&type="+$('#type').val()+"&requestType="+$('#requestType').val()+"&nodeGroupId="+$('#nodeGroupId').val(),
|
||||
type : "POST",
|
||||
dataType : "json",
|
||||
success : function(datas) {
|
||||
if(datas!=null){
|
||||
$('#tabsHidd-'+drwTo).val('1');
|
||||
xtitle = datas[0].xtitle;
|
||||
ytitle = datas[0].ytitle;
|
||||
policeValue = datas[0].policeVal;
|
||||
var lines = datas[1].lines;
|
||||
seriesOptions = [];
|
||||
if(lines[0].data==null || lines[0].data.length==0){// 针对丢包数，仅显示一条折线
|
||||
seriesOptions[0] = {
|
||||
name: lines[2].name,
|
||||
data: lines[2].data,
|
||||
type: 'line'
|
||||
};
|
||||
} else {// 针对bps\pps，显示一条step线和点
|
||||
seriesOptions[0] = {
|
||||
name: lines[0].name,
|
||||
data: lines[0].data,
|
||||
type: 'line',
|
||||
step: true,
|
||||
color: '#0CF223'
|
||||
};
|
||||
seriesOptions[1] = {
|
||||
name: lines[1].name,
|
||||
data: lines[1].data,
|
||||
type: 'scatter',
|
||||
color : '#0896E9'
|
||||
};
|
||||
}
|
||||
|
||||
if((lines[0].data == null || lines[0].data == "") && (lines[2].data == null || lines[2].data == "") ){
|
||||
$("#tabs-"+drwTo).empty();
|
||||
$("#tabs-"+drwTo).append('i18n_dswmi.message.noData_n81i');
|
||||
}else{
|
||||
//$.each(lines, function(k, da) {
|
||||
//seriesOptions[k] = {
|
||||
// name: da.name,
|
||||
// data: da.data
|
||||
//};
|
||||
createChart(policeValue,drwTo);
|
||||
//});
|
||||
}
|
||||
}else{
|
||||
$("#tabs-"+drwTo).empty();
|
||||
$("#tabs-"+drwTo).append('i18n_dswmi.message.noData_n81i');
|
||||
}
|
||||
}
|
||||
})
|
||||
oldDrawDiv = drwTo;
|
||||
if (lns == "" || lns =="undefined") {
|
||||
$(".checks").first().addr("checked","true");
|
||||
}
|
||||
}
|
||||
|
||||
function createChart(policeNum,dto) {
|
||||
var chartObj = new Highcharts.Chart(
|
||||
{
|
||||
chart : {
|
||||
renderTo : 'tabs-'+dto,
|
||||
zoomType : 'x',
|
||||
showAxes : true,
|
||||
spacingRight : 20,
|
||||
defaultSeriesType : 'line',
|
||||
borderWidth: 1
|
||||
},
|
||||
title : {
|
||||
text : xtitle
|
||||
},
|
||||
subtitle : {
|
||||
text : ''//这是副标题内容
|
||||
},
|
||||
xAxis : {
|
||||
type : 'datetime',
|
||||
//maxZoom : 1000 * 60 * 60 * 24 *14,
|
||||
//startOfWeek: 50,
|
||||
labels : {
|
||||
rotation : 20,
|
||||
y : 20,
|
||||
x : 20
|
||||
},
|
||||
dateTimeLabelFormats: {
|
||||
second: '%Y-%m-%d %H:%M:%S',
|
||||
minute: '%Y-%m-%d %H:%M',
|
||||
hour: '%Y-%m-%d %H:%M',
|
||||
day: '%Y-%m-%d',
|
||||
week: '%Y-%m-%d',
|
||||
month: '%Y-%m',
|
||||
year: '%Y'
|
||||
}
|
||||
},
|
||||
yAxis : {
|
||||
title : {
|
||||
text : ytitle
|
||||
},
|
||||
minorTickInterval: 'auto',
|
||||
min:0,
|
||||
plotLines: [{
|
||||
value: policeValue,
|
||||
width: 2,
|
||||
color: '#F24C52',
|
||||
dashStyle: 'dash',
|
||||
label: {
|
||||
text: 'i18n_dswmi.message.policyLine_n81i:('+policeNum+')',
|
||||
align: 'right',
|
||||
y: 8,
|
||||
x: 0
|
||||
}
|
||||
}]/*,
|
||||
plotBands: [{
|
||||
from: 80,
|
||||
to: 100,
|
||||
color: '#F24C52'
|
||||
}]*/
|
||||
|
||||
},
|
||||
tooltip : {
|
||||
borderColor : "#374E94",
|
||||
backgroundColor : {
|
||||
linearGradient : [ 0, 0, 0, 60 ],
|
||||
stops : [ [ 0, '#FFFFFF' ], [ 1, '#E0E0E0' ] ]
|
||||
},
|
||||
borderWidth : 1,
|
||||
shared : true,
|
||||
crosshairs : {
|
||||
width : 1,
|
||||
color : 'red'
|
||||
},
|
||||
formatter : function() {
|
||||
var s = Highcharts.dateFormat("%Y-%m-%d %H:%M",
|
||||
this.x) + ' [';
|
||||
$.each(this.points, function(i, point) {
|
||||
s += '<span style="color:#374E94">'
|
||||
+ point.series.name
|
||||
+ ':</span><span style="font-weight: bold;color:#F24C52">'
|
||||
+ point.y + '</span> ';
|
||||
});
|
||||
s = $.trim(s) + "]";
|
||||
return s;
|
||||
}
|
||||
},
|
||||
plotOptions:{
|
||||
|
||||
line:{
|
||||
lineWidth : 1,
|
||||
marker: {
|
||||
radius: 2,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 3
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
area : {
|
||||
fillColor : {
|
||||
//linearGradient : [ 0, 0, 0, 200 ],
|
||||
//stops : [ [ 0, "#F24C52" ], [ 1, 'rgba(255,0,0,0)' ] ]
|
||||
linearGradient : [ 0, 0, 30, 250 ],
|
||||
stops : [ [ 0, "#0896E9" ], [ 1, 'rgba(0,157,145,0)' ] ]
|
||||
},
|
||||
fillOpacity: 0.08,
|
||||
lineWidth : 1,
|
||||
shadow : true,
|
||||
marker: {
|
||||
radius: 3,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 5
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
column: {
|
||||
grouping: false,
|
||||
shadow: false,
|
||||
pointPlacement: 'between',
|
||||
groupPadding: 0,
|
||||
pointPadding: 0,
|
||||
borderWidth: 0,
|
||||
color: '#0CF223'
|
||||
},
|
||||
scatter:{
|
||||
marker: {
|
||||
radius: 2,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 3
|
||||
}
|
||||
},
|
||||
symbol: 'circle'
|
||||
}
|
||||
}
|
||||
},
|
||||
exporting : {
|
||||
buttons : {
|
||||
exportButton : {
|
||||
enabled : false
|
||||
}
|
||||
}
|
||||
},
|
||||
series : seriesOptions,
|
||||
credits: {
|
||||
enabled: false,
|
||||
text: 'i18n_dswmi.message.updateTheMark_n81i'
|
||||
}
|
||||
});
|
||||
Highcharts.setOptions( {
|
||||
global : {
|
||||
useUTC : false
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<form action="" name="Mkform" method="post">
|
||||
<input type="hidden" name="cip" value="${cip }" />
|
||||
<input type="hidden" name="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="stateInfo" id="stateInfo" value="${stateInfo }" />
|
||||
<input type="hidden" id="seqId" name="seqId" value="${sqId}"/>
|
||||
<input type="hidden" id="did" name ="dsiId" value="${dsiId }"/>
|
||||
<input type="hidden" id="nodeIpRange" name ="nodeIpRange" value="${nodeIpRange }"/>
|
||||
<input type="hidden" id="nodeGroupStr" name ="nodeGroupStr" value="${nodeGroupStr }"/>
|
||||
<input type="hidden" id = "ctid" name="ctid" value = "${ctId}"/>
|
||||
<input type="hidden" id = "isClick" name="isClick" value ="0"/>
|
||||
<input type="hidden" id = "mid" name="mid" value = "${metaId}"/>
|
||||
<input type="hidden" id="tabIndex" value=""/>
|
||||
|
||||
<!-- type为空：服务器检测，type=1：网元检测 type=2:异常网元 -->
|
||||
<input type="hidden" value="${type }" name="type" id="type"/>
|
||||
<input type="hidden" value="${flag }" name="flag" id="flag"/>
|
||||
<input type="hidden" value="${nodeType }" name="nodeType" id="nodeType"/>
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" id="requestType" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" id="nodeGroupId" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
|
||||
<!-- 是否为特种设备进入此页面 -->
|
||||
<input type="hidden" name="entry" id="entry" value="${entry }"/>
|
||||
<input type="hidden" name="detectId" id="detectId" value="${detectId }"/>
|
||||
<input type="hidden" name="ip" id="ip" value="${ip }"/>
|
||||
<input type="hidden" name="pid" id="pid" value="${pid }"/>
|
||||
|
||||
<!-- 查看监测设置历史记录 begin -->
|
||||
<input type="hidden" name="sqId" value="${sqId }" />
|
||||
<input type="hidden" name="sTime" value="${sTime }" />
|
||||
<input type="hidden" name="eTime" value="${eTime }" />
|
||||
<input type="hidden" name="status" value="${status }" />
|
||||
<input type="hidden" name="showHistory" value="${showHistory }" id="showHistory" />
|
||||
<!-- 查看监测设置历史记录 end -->
|
||||
|
||||
<jsp:include page="/common/transferHiddenParameter.jsp" />
|
||||
|
||||
<table width="80%" align="center" border="0" cellpadding="0"
|
||||
cellspacing="1" class="table">
|
||||
<tr>
|
||||
<td class="color_8" colspan="2">
|
||||
<strong>i18n_dswmi.message.title_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="box_1">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_dswmi.text.startTime_n81i</font>
|
||||
<%--<%
|
||||
Date d = new Date();
|
||||
d.setDate(d.getDate()-7);
|
||||
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
|
||||
String st = sdf.format(d);
|
||||
String et = sdf.format(new Date());
|
||||
%>
|
||||
--%><input type="text" id="startTime"
|
||||
name="startTime" value="" readonly
|
||||
onclick="SelectDate(this,'yyyy-MM-dd',${session.i18n_lang == 'zh_CN'?0:1})"/></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_dswmi.text.endTime_n81i</font>
|
||||
<input type="text" id="endTime"
|
||||
name="endTime" value="" readonly
|
||||
onclick="SelectDate(this,'yyyy-MM-dd',${session.i18n_lang == 'zh_CN'?0:1})"/></label>
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle2" onclick="javascript:qry();" />
|
||||
</div>
|
||||
|
||||
<span style="color: red;">i18n_dswmi.message.defaultMsg_n81i</span>
|
||||
</td>
|
||||
<td class="box_2">
|
||||
<div class="box_2" style="margin-top: 5px;">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_dswmi.button.back_n81i"/>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan="2">
|
||||
<div id="tabs">
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:set var="index1" value="${1}" />
|
||||
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(metadataList) > 0}">
|
||||
<ul>
|
||||
<c:forEach items="${metadataList}" var="meta">
|
||||
<c:if test="${meta.filedComments==''}">
|
||||
<li>
|
||||
<a dtype='cli' href="#tabs-${index }" onclick="getPicScorce(${meta.id },'${index }')">${meta.filedName}</a>
|
||||
<input id="tabsHidd-${index }" type="hidden" value="0"/>
|
||||
</li>
|
||||
</c:if>
|
||||
<c:if test="${meta.filedComments!=''}">
|
||||
<li>
|
||||
<a dtype='cli' href="#tabs-${index }" onclick="getPicScorce(${meta.id },'${index }')">${meta.filedComments}</a>
|
||||
<input id="tabsHidd-${index }" type="hidden" value="0"/>
|
||||
</li>
|
||||
</c:if>
|
||||
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<!-- 画图用的div -->
|
||||
<c:forEach items="${metadataList}" var="meta1">
|
||||
<div id="tabs-${index1 }" style='padding: 0;margin: 0;width: 95%; height: 450px;'>
|
||||
|
||||
</div>
|
||||
<c:set var="index1" value="${index1 + 1}" />
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
|
||||
<c:otherwise>
|
||||
<span>i18n_dswmi.message.noRecord_n81i</span>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</div>
|
||||
<div id="listDiv"
|
||||
style="margin:5px 0px;background-color: #d3eaef; text-align:left;overflow: auto;border:1px solid gray;">
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(dataList) > 0}">
|
||||
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-top: 5px;">
|
||||
<c:set var="numPerRow" value="${6}" />
|
||||
<c:forEach items="${dataList}" var="item" varStatus="iIndex" >
|
||||
<c:if test="${iIndex.count%numPerRow==1}">
|
||||
<tr>
|
||||
</c:if>
|
||||
<td align="left" width="10%">
|
||||
<label class="item" title="${item}" ids="${item}"style="text-overflow: ellipsis; overflow: hidden;padding-left: 5px;">
|
||||
<input name='lineNameRadio' class="checks" type="checkbox" value="${item}" ${iIndex.index eq 0 ? "checked=checked" : ""} />
|
||||
${item}
|
||||
</label>
|
||||
</td>
|
||||
<c:if test="${iIndex.count%numPerRow==0}">
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<c:if test="${fn:length(dataList)%numPerRow!=0}">
|
||||
</tr>
|
||||
</c:if>
|
||||
</table>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<span>i18n_dswmi.textnoClassify_n81i</span>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<span style=" text-align: left;">
|
||||
<br/>
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
id="clear" value="i18n_dswmi.button.clearSelected_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
id="ok" value="i18n_dswmi.button.sure_n81i"/>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
<br />
|
||||
</body>
|
||||
</html>
|
||||
348
WebRoot/page/detection/monitorData/monitorInfoList.jsp
Normal file
348
WebRoot/page/detection/monitorData/monitorInfoList.jsp
Normal file
@@ -0,0 +1,348 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_mil.message.title_n81i</title>
|
||||
<link href="<c:url value='/desktop/css/index${userBgColor }.css'/>"
|
||||
rel="stylesheet" type="text/css" />
|
||||
<script src="<c:url value='/js/onmouse${userBgColor }.js'/>"
|
||||
type="text/javascript"></script>
|
||||
<link href="<c:url value='/css/styles.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/datepicker/WdatePicker.js'/>"></script>
|
||||
<script type="text/javascript" src="<%=path%>/templates/js/object.js"></script>
|
||||
<script type="text/javascript" src="<%=path%>/templates/js/common.js"></script>
|
||||
<script src="<c:url value='/js/jquery.js'/>" type="text/javascript"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js' />"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
//查询记录
|
||||
function qry(){
|
||||
document.form3.action = "<%=path%>/detection/monitorData.do?action=query";
|
||||
document.form3.submit();
|
||||
}
|
||||
//查看详情
|
||||
function showRecord(monid){
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=detail&ids="+monid;
|
||||
document.form3.submit();
|
||||
}
|
||||
//绘制折线图
|
||||
function drawPic(ctid,dsiId,ip){
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=drawPic&checkTypeId="+ctid+"&dsiId="+dsiId+"&ip="+ip;
|
||||
document.form3.submit();
|
||||
}
|
||||
//parent.document.all("listFrame").style.height = document.body.scrollHeight + 16;
|
||||
|
||||
|
||||
var set_Id;
|
||||
var ajaxProperties = "";
|
||||
var ajaxTableName = "";
|
||||
var ajaxType = "";
|
||||
var id = "";
|
||||
var returnDiv = "";
|
||||
var ajaxValue = "";
|
||||
|
||||
function lianxiangkeydown() {
|
||||
clearTimeout(set_Id);
|
||||
}
|
||||
|
||||
function lianxiangkeyup(ajaxProperties1,ajaxTableName1,ajaxType1,id1,returnDiv1,ajaxValue1) {
|
||||
if(parent.document.getElementById("lianxiangStatus").value=="2")
|
||||
{
|
||||
if(jQuery.trim(ajaxValue1)=="") return false;
|
||||
|
||||
ajaxProperties = ajaxProperties1;
|
||||
ajaxTableName = ajaxTableName1;
|
||||
ajaxType = ajaxType1;
|
||||
id = id1;
|
||||
returnDiv = returnDiv1;
|
||||
|
||||
ajaxValue = ajaxValue1;
|
||||
clearTimeout(set_Id);
|
||||
set_Id = setTimeout(ajaxForLianxiang,500);
|
||||
}
|
||||
}
|
||||
|
||||
function ajaxForLianxiang()
|
||||
{
|
||||
jQuery.post("<%=path%>/sysManage/sysPopedomManage!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv});
|
||||
});
|
||||
}
|
||||
jQuery(function(){
|
||||
$("#info").floatHeaderDiv();
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<body>
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='/detection/monitorData.do'/>" method="post">
|
||||
<table width="99%" align="center" align="center" cellpadding="0"
|
||||
cellspacing="1" class="ta_color">
|
||||
<div style="height: 3px; width: 100%; margin: 0px auto; padding: 0px;"></div>
|
||||
|
||||
<tr>
|
||||
<td colspan="10">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="1"
|
||||
class="ta_color">
|
||||
<tr class="td_color">
|
||||
<jsp:include page="/include/include.jsp"></jsp:include>
|
||||
</tr>
|
||||
<tr align="left">
|
||||
|
||||
<td height="20" class="td_color" nowrap>
|
||||
<div align="left">
|
||||
<span class="STYLE1"> i18n_mil.text.hostName_n81i : </span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td height="20" bgcolor="#FFFFFF" nowrap>
|
||||
<div align="left">
|
||||
<span class="STYLE1"> <input type="text"
|
||||
id="nodeIp"
|
||||
onkeyup="lianxiangkeyup('nodeIp','NodeTable','String','nodeIp','suggest1',this.value);"
|
||||
name="nodeIp" title="i18n_mil.message.hostName_n81i" value="${nodeIp}" size="20" />
|
||||
</span>
|
||||
<div id='suggest1' class="ac_results"></div>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td height="20" class="td_color" nowrap>
|
||||
<div align="left">
|
||||
<span class="STYLE1"> i18n_mil.text.checkType_n81i : </span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td height="20" bgcolor="#FFFFFF" nowrap>
|
||||
<div align="left">
|
||||
<span class="STYLE1">
|
||||
|
||||
<input type="text" id="checkTypeName"
|
||||
onkeyup="lianxiangkeyup('checkTypeName', 'CheckTypeInfo', 'String', 'checkTypeName','suggest2', this.value);"
|
||||
name="checkTypeName"
|
||||
title="i18n_mil.message.checkType_n81i"
|
||||
value="${checkTypeName}" size="20" />
|
||||
</span>
|
||||
<div id='suggest2' class="ac_results"></div>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td height="20" class="td_color">
|
||||
<div align="center">
|
||||
<img src="<c:url value='/desktop/images/anniu/anniu_3${userBgColor }.png'/>"
|
||||
align="center" onclick="javascript:qry()"
|
||||
border="0" />
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="10%" class="td_color" nowrap>
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_mil.text.hostName_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
<td width="8%" class="td_color" nowrap>
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_mil.text.checkType_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
<td width="8%" class="td_color" nowrap>
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_mil.text.processIdenName_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
<td width="5%" class="td_color">
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_mil.text.status_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
<td width="10%" class="td_color">
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_mil.text.dataCheckTime_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
<td width="10%" class="td_color">
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_mil.text.persistTime_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
<td width="5%" class="td_color">
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_mil.text.tryTimes_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
<td width="22%" class="td_color">
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_mil.text.stateInfo_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeIpGroupList) > 0}">
|
||||
<c:forEach items="${nodeIpGroupList}" var="detecInfoList">
|
||||
<c:forEach items="${detecInfoList}" var="detecNewInfo"
|
||||
varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<td bgcolor="#FFFFFF" rowspan="${fn:length(detecInfoList)}" valign="top">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">
|
||||
<c:if test="${detecNewInfo.nodeIp != null }">${detecNewInfo.nodeIp}</c:if>
|
||||
<c:if test="${detecNewInfo.nodeIp == null }"> </c:if>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1"> <a
|
||||
href="javascript:showRecord('${detecNewInfo.id }')">${detecNewInfo.detectionSetInfo.checkTypeInfo.checkTypeName}</a>
|
||||
<a
|
||||
href="javascript:drawPic('${detecNewInfo.detectionSetInfo.checkTypeInfo.id }','${detecNewInfo.detectionSetInfo.id }','${detecNewInfo.nodeIp}')"><img
|
||||
src="${pageContext.request.contextPath }/img/action.gif"
|
||||
border=0 height="15" width="15" alt=""> </a> </span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.detectionSetInfo.processIden}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">
|
||||
<c:if test="${fn:trim(detecNewInfo.detectionedState)=='1'}"><img src="<c:url value='/desktop/images/desktop/yes.gif'/>"
|
||||
border="0" align="middle" /></c:if>
|
||||
<c:if test="${fn:trim(detecNewInfo.detectionedState) ne '1'}"><img src="<c:url value='/desktop/images/desktop/no.gif'/>"
|
||||
border="0" align="middle" /></c:if>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1"><fmt:formatDate value="${detecNewInfo.datacheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.persistTime}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.currentTimes}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.detectionStateInfo}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<!--
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<input type="checkbox" name="ids" id="ids"
|
||||
value="${detecNewInfo.id}" />
|
||||
<span class="STYLE1">${index+(pageNo-1)*pageSize}</span>
|
||||
</div>
|
||||
</td>
|
||||
-->
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1"> <a
|
||||
href="javascript:showRecord('${detecNewInfo.id }')">${detecNewInfo.detectionSetInfo.checkTypeInfo.checkTypeName}</a>
|
||||
<a href="javascript:drawPic('${detecNewInfo.detectionSetInfo.checkTypeInfo.id }','${detecNewInfo.detectionSetInfo.id }','${detecNewInfo.nodeIp}')">
|
||||
<img src="${pageContext.request.contextPath }/img/action.gif" border=0 height="15" width="15" alt=""> </a> </span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.detectionSetInfo.processIden}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">
|
||||
<c:if test="${fn:trim(detecNewInfo.detectionedState)=='1'}"><img src="<c:url value='/desktop/images/desktop/yes.gif'/>"
|
||||
border="0" align="middle" /></c:if>
|
||||
<c:if test="${fn:trim(detecNewInfo.detectionedState) ne '1'}"><img src="<c:url value='/desktop/images/desktop/no.gif'/>"
|
||||
border="0" align="middle" /></c:if>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1"><fmt:formatDate value="${detecNewInfo.datacheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/></span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.persistTime}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.currentTimes}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.detectionStateInfo}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="10" height="20" align="center" class="color_6">
|
||||
i18n_mil.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<tr>
|
||||
<td height="20" colspan="10" class="td_color">
|
||||
<jsp:include page="/common/page.jsp" /></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</form>
|
||||
<br />
|
||||
</body>
|
||||
</html>
|
||||
|
||||
656
WebRoot/page/detection/monitorData/monitorInfoListNew.jsp
Normal file
656
WebRoot/page/detection/monitorData/monitorInfoListNew.jsp
Normal file
@@ -0,0 +1,656 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@page import="java.text.SimpleDateFormat"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
|
||||
<%
|
||||
response.setHeader("Cache-Control", "no-store");
|
||||
response.setHeader("Pragma", "no-cache");
|
||||
response.setDateHeader("Expires", 0);
|
||||
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://" + request.getServerName() + ":"
|
||||
+ request.getServerPort() + path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_miln.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js' />"></script>
|
||||
<style type="text/css">
|
||||
.mydiv {
|
||||
background-color: #fff;
|
||||
border: 1px solid #000;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
z-index: 99;
|
||||
width: 220px;
|
||||
height: 80px;
|
||||
left: 50%; /*FF IE7*/
|
||||
top: 50%; /*FF IE7*/
|
||||
margin-left: -150px !important; /*FF IE7 该值为本身宽的一半 */
|
||||
margin-top: -60px !important; /*FF IE7 该值为本身高的一半*/
|
||||
margin-top: 0px;
|
||||
position: fixed !important; /*FF IE7*/
|
||||
position: absolute; /*IE6*/
|
||||
_top: expression(eval(document . compatMode &&
|
||||
document . compatMode ==
|
||||
|
||||
'CSS1Compat') ?
|
||||
|
||||
documentElement . scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
documentElement . clientHeight-this .
|
||||
offsetHeight )/ 2 :
|
||||
/*IE6*/
|
||||
document . body .
|
||||
scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
body .
|
||||
clientHeight - this .
|
||||
clientHeight )/ 2 );
|
||||
/*IE5 IE5.5*/
|
||||
}
|
||||
|
||||
.bg {
|
||||
background-color: #ccc;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0; /*FF IE7*/
|
||||
filter: alpha(opacity = 50); /*IE*/
|
||||
opacity: 0.5; /*FF*/
|
||||
z-index: 1;
|
||||
position: fixed !important; /*FF IE7*/
|
||||
position: absolute; /*IE6*/
|
||||
_top: expression(eval(document . compatMode &&
|
||||
document . compatMode ==
|
||||
|
||||
'CSS1Compat') ?
|
||||
|
||||
documentElement . scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
documentElement . clientHeight-this .
|
||||
offsetHeight )/ 2 :
|
||||
/*IE6*/
|
||||
document . body .
|
||||
scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
body .
|
||||
clientHeight - this .
|
||||
clientHeight )/ 2 );
|
||||
/*IE5 IE5.5*/
|
||||
}
|
||||
/*The END*/
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
parent.setDivTitle('${nodeGroupName}');
|
||||
//页面5分钟刷新一次
|
||||
var interval;
|
||||
$(function(){
|
||||
interval = setInterval('qry()',5*60*1000);
|
||||
})
|
||||
|
||||
function clear(){
|
||||
clearInterval(interval);
|
||||
}
|
||||
|
||||
//查询记录
|
||||
function qry(){
|
||||
document.form3.action = "<c:url value='monitorData.do?action=query&date="+new Date()+"'/>";
|
||||
document.form3.submit();
|
||||
}
|
||||
//查看详情
|
||||
function showRecord(monid,cid){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=detail&cId="+cid+"&ids="+monid+"&pageNo="+mypageNo+"&pageSize="+mypageSize;
|
||||
document.form3.submit();
|
||||
}
|
||||
//绘制折线图
|
||||
function drawPic(ctid,dsiId,id){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=drawPic&checkTypeId="+ctid+"&dsiId="+dsiId+"&sqId="+id+"&pageNo="+mypageNo+"&pageSize="+mypageSize;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function showDetectionInfo(dsiId,seqId){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
$("#newPageSize").attr("disabled","true");
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=showDetectionInfo&dsiId="+dsiId+"&sqId="+seqId+"&mypageNo="+mypageNo+"&mypageSize="+mypageSize;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
|
||||
var set_Id;
|
||||
var ajaxProperties = "";
|
||||
var ajaxTableName = "";
|
||||
var ajaxType = "";
|
||||
var id = "";
|
||||
var returnDiv = "";
|
||||
var ajaxValue = "";
|
||||
|
||||
function lianxiangkeydown() {
|
||||
clearTimeout(set_Id);
|
||||
}
|
||||
|
||||
function lianxiangkeyup(ajaxProperties1,ajaxTableName1,ajaxType1,id1,returnDiv1,ajaxValue1) {
|
||||
if(parent.document.getElementById("lianxiangStatus").value=="2")
|
||||
{
|
||||
if(jQuery.trim(ajaxValue1)=="") return false;
|
||||
|
||||
ajaxProperties = ajaxProperties1;
|
||||
ajaxTableName = ajaxTableName1;
|
||||
ajaxType = ajaxType1;
|
||||
id = id1;
|
||||
returnDiv = returnDiv1;
|
||||
|
||||
if(!checkStrNoDian(ajaxValue1)){
|
||||
ajaxValue = ajaxValue1;
|
||||
}else{
|
||||
alert('i18n_miln.message.inputInfo_n81i');
|
||||
$("#"+id).val('');
|
||||
return;
|
||||
}
|
||||
clearTimeout(set_Id);
|
||||
set_Id = setTimeout(ajaxForLianxiang,500);
|
||||
}
|
||||
}
|
||||
function ajaxForLianxiang()
|
||||
{
|
||||
if('${requestType}'=="topo"){//拓扑图过来的不做nodeType区分
|
||||
jQuery.post("<%=path%>/sysManage/sysPopedomManage!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv});
|
||||
});
|
||||
}else{
|
||||
jQuery.post("<%=path%>/sysManage/sysPopedomManage!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue,"nodeType":0},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv});
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function lianxiangStateInfokeyup() {
|
||||
var stateInfo = $('#stateInfo').val();
|
||||
setTimeout(function(){
|
||||
jQuery.post(
|
||||
"<%=request.getContextPath()%>/sysManage/dataDictionary!querySouceForAjax.do",
|
||||
{'ddid': 'monitorStatusInfo', 'nameLike': stateInfo },
|
||||
function(data) {
|
||||
var lianxiangList = data.split(",");
|
||||
$('#stateInfo').suggest(lianxiangList,{hot_list:lianxiangList,attachObject:'#suggest2'});
|
||||
$('#stateInfo').css("color","#000000"); <%-- 修正查询条件文本内容自动变灰 --%>
|
||||
}
|
||||
);
|
||||
},500);
|
||||
}
|
||||
|
||||
function ieBrowser(){
|
||||
if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//程辉 2013-5-8 新增 导出当前页
|
||||
function emportCurrentXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/monitorData.do?action=emportCurrentXlsForTopo&nodeType=0&pageNo="+$("#pageNo").val()+"&pageSize="+'${pageSize }'+"&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action = "<c:url value='monitorData.do?action=query'/>";
|
||||
}
|
||||
//程辉 2013-5-8 新增 导出全部
|
||||
function emportAllXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/monitorData.do?action=emportAllXlsForTopo&nodeType=0&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action ="<c:url value='monitorData.do?action=query'/>";
|
||||
}
|
||||
function showDiv(){
|
||||
document.getElementById('popDiv').style.display='block';
|
||||
document.getElementById('bg').style.display='block';
|
||||
}
|
||||
|
||||
function closeDiv(){
|
||||
document.getElementById('popDiv').style.display='none';
|
||||
document.getElementById('bg').style.display='none';
|
||||
}
|
||||
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
window.onresize = function(){
|
||||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||||
}
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
var hght=0;//初始化滚动条总长
|
||||
var topH=0;//初始化滚动条的当前位置
|
||||
var pagePoint = ${pageNo};
|
||||
var memoryData ;
|
||||
var intervalID ;
|
||||
var currentPage = 0; //当前页数
|
||||
var currenttotalPage = 0; //总页数
|
||||
$(function(){//DOM的onload事件
|
||||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||||
});
|
||||
intervalID = setInterval(function(){cando();},1000);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||||
function cando(){
|
||||
currentPage = $("#currentPage").html();
|
||||
currenttotalPage = $("#currenttotalPage").html();
|
||||
if(Number(currentPage) < Number(currenttotalPage)){
|
||||
if(topH!=0 && hght!=0 && topH == hght ){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
show();//如果是，调用show函数加载内容。
|
||||
}
|
||||
}else if(Number(currentPage) == Number(currenttotalPage)){
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
}
|
||||
function show(){
|
||||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||||
topH=0;//原因同上。
|
||||
var urlTmp = encodeURI("<c:url value='monitorData.do?action=queryChild'/>&requestType=${requestType}&nodeGroupId=${nodeGroupId}&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val()+"&stateInfo="+$("#stateInfo").val());
|
||||
$.ajax({
|
||||
url:urlTmp,
|
||||
type : "get",
|
||||
async:false,
|
||||
success : function(data) {
|
||||
var resultHtml = $(data);
|
||||
var parentLastIpTd = $("td[rowspan]:last");
|
||||
var childFirstIpTd = $(resultHtml).find("td[rowspan]:first");
|
||||
var pLastIp = $(parentLastIpTd).text().trim();
|
||||
var cFirstIp = $(childFirstIpTd).text().trim();
|
||||
if (pLastIp == cFirstIp) {
|
||||
$(parentLastIpTd).attr("rowspan", $(parentLastIpTd).attr("rowspan")+$(childFirstIpTd).attr("rowspan"));
|
||||
$(resultHtml).children("td[rowspan]:first").remove();
|
||||
}
|
||||
$("#info").append($(resultHtml));//用append方法追加内容到mypage元素。
|
||||
//$("#info").append($(data));//用append方法追加内容到mypage元素。
|
||||
$("#currentPage").html(pagePoint);//修改页码
|
||||
$("#pageNo").val(pagePoint);
|
||||
}
|
||||
});
|
||||
loadButton();
|
||||
}
|
||||
});
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
function downloadfile(fileName){
|
||||
document.form3.action="<c:url value='/'/>/download/downLoadFile!download.do?file="+fileName;
|
||||
document.form3.submit();
|
||||
}
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().trim();
|
||||
if(infoVal.length>50){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,50)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='monitorData.do?action=query'/>&date=<%=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss").format(new Date()).toString()%>"
|
||||
method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="pageNoforexp" id="pageNo"
|
||||
value="${pageNo }" />
|
||||
<!-- type为空：服务器检测，type=1：网元检测 type=2:异常网元 -->
|
||||
<input type="hidden" value="${type }" name="type" id="type" />
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
|
||||
<div id="divTop">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_miln.text.nodeIp_n81i </font>
|
||||
<input type="text" id="nodeIp"
|
||||
onkeyup="lianxiangkeyup('nodeIp','NodeTable','String','nodeIp','suggest1',this.value);"
|
||||
name="cip" title="i18n_miln.message.nodeIp_n81i " value="${cip}" size="20" />
|
||||
<div id='suggest1' class="ac_results"></div></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_miln.text.checkType_n81i</font>
|
||||
<input type="text" name="ctn" title="i18n_miln.message.checkType_n81i" value="${ctn}" id="checkTypeId"
|
||||
onkeyup="lianxiangkeyup('checkTypeName1','CheckTypeInfo','String','checkTypeId','suggest1',this.value);" /></label>
|
||||
<%-- <label class="divTopText"><font class="selectText">i18n_miln.text.stateInfo_n81i</font>--%>
|
||||
<input type="hidden" name="stateInfo" title="i18n_miln.message.stateInfo_n81i" value="${stateInfo}" id="stateInfo"
|
||||
onkeyup="lianxiangStateInfokeyup();"/>
|
||||
<%-- <div id='suggest2' class="ac_results" style="min-width: 200px; width: auto;"></div></label> --%>
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle" onclick="javascript:qry();" />
|
||||
</div>
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:showDiv();" value="i18n_miln.button.export_n81i" />
|
||||
<jsp:include page="/include/include.jsp" /></div>
|
||||
</div>
|
||||
<div id="maindiv">
|
||||
<table cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_miln.text.nodeIp_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_miln.text.checkType_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_miln.text.processIdenName_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top_1" nowrap>
|
||||
i18n_miln.text.state_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_miln.text.dataCheckTime_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_miln.text.persistTime_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top_1" nowrap>
|
||||
i18n_miln.text.tryTimes_n81i
|
||||
</td>
|
||||
<td width="25%" class="color_8">
|
||||
i18n_miln.text.stateInfo_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<!-- 1、远程连接引入页面 -->
|
||||
<jsp:include page="/common/remoteConn.jsp" />
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeIpGroupListNew) > 0}">
|
||||
<c:forEach items="${nodeIpGroupListNew}" var="detecInfoList">
|
||||
<c:forEach items="${detecInfoList}" var="rowData" varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="nodeSysType" value="${rowData[13] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="nodeType" value="${rowData[15] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
<td class="color_1_1"
|
||||
rowspan="${fn:length(detecInfoList)}" valign="top">
|
||||
<!-- 2、 调用JS，此处远程连接调用JS在/common/remoteConn.jsp中 -->
|
||||
<a
|
||||
href="javascript:void(0);"
|
||||
onclick="remoteConn('${nodeSysType }','${cellData}','${nodeType }', this)"><c:out
|
||||
value="${cellData}" default="" /> </a>
|
||||
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${cellData == 'i18n_miln.message.handshake_n81i'}" var="handshake"></c:if>
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')"
|
||||
title="i18n_miln.message.showRecord_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a
|
||||
href="javascript:showDetectionInfo('${dsiId }','${sqId }')"
|
||||
title="i18n_miln.message.showDetectionInfo_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')"
|
||||
title="i18n_miln.message.drawPic_n81i"> <img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" /> </a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' ||fn:trim(cellData) == '-1'}"
|
||||
var="handshakeEr">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')} </span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')"
|
||||
title="i18n_miln.message.showRecord_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a
|
||||
href="javascript:showDetectionInfo('${dsiId }','${sqId }')"
|
||||
title="i18n_miln.message.showDetectionInfo_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" title="i18n_miln.message.drawPic_n81i" />
|
||||
</a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${!handshakeEr}">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' || fn:trim(cellData) == '-1'}">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${!handshakeEr && status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="8" class="color_6" align="center">
|
||||
i18n_miln.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty nodeIpGroupListNew}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
|
||||
<div id="popDiv" class="mydiv" style="display: none;">
|
||||
<input type="hidden" />
|
||||
<input type="button" class=btn3_mouseout style="width: 100px;"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportCurrentXls();" value="i18n_miln.button.exportCurrentPage_n81i" />
|
||||
|
||||
<input type="button" class=btn3_mouseout style="width: 80px"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportAllXls();" value="i18n_miln.button.exportAllData_n81i" />
|
||||
|
||||
<br />
|
||||
<a href="javascript:closeDiv()">i18n_miln.text.closeWindow_n81i</a>
|
||||
</div>
|
||||
|
||||
<div id="bg" class="bg" style="display: none;"></div>
|
||||
<span id="infoTipSpan" class="infoTip" style="display:none;"></span>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
286
WebRoot/page/detection/monitorData/monitorInfoListNewChild.jsp
Normal file
286
WebRoot/page/detection/monitorData/monitorInfoListNewChild.jsp
Normal file
@@ -0,0 +1,286 @@
|
||||
<%@ page language="java" pageEncoding="utf-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://" + request.getServerName() + ":"
|
||||
+ request.getServerPort() + path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeIpGroupListNew) > 0}">
|
||||
<c:forEach items="${nodeIpGroupListNew}" var="detecInfoList">
|
||||
<c:forEach items="${detecInfoList}" var="rowData" varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="nodeSysType" value="${rowData[13] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="nodeType" value="${rowData[15] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
<td class="color_1_1" rowspan="${fn:length(detecInfoList)}"
|
||||
valign="top">
|
||||
<!-- 2、 调用JS，此处远程连接调用JS在/common/remoteConn.jsp中 -->
|
||||
<a
|
||||
href="javascript:void(0);"
|
||||
onclick="remoteConn('${nodeSysType }','${cellData}','${nodeType }', this)"><c:out
|
||||
value="${cellData}" default="" /> </a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${cellData == 'i18n_milnc.message.handshake_n81i'}">
|
||||
<c:set var="handshake" value="true" />
|
||||
</c:if>
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')"
|
||||
title="i18n_milnc.message.showRecord_n81i"> <c:out value="${cellData}" default="" /> </a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showDetectionInfo('${dsiId }','${sqId }')"
|
||||
title="i18n_milnc.message.showDetectionInfo_n81i"> <c:out value="${cellData}" default="" /> </a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" title="i18n_milnc.message.drawPic_n81i" /> </a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' ||fn:trim(cellData) == '-1'}"
|
||||
var="handshakeEr">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}"<%-- onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" --%> >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<%-- <span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span> --%>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')} </span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')"
|
||||
title="i18n_milnc.message.showRecord_n81i"> <c:out value="${cellData}" default="" /> </a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showDetectionInfo('${dsiId }','${sqId }')"
|
||||
title="i18n_milnc.message.showDetectionInfo_n81i"> <c:out value="${cellData}" default="" /> </a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" title="i18n_milnc.message.drawPic_n81i" /> </a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${!handshakeEr}">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' || fn:trim(cellData) == '-1'}">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${!handshakeEr && status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
<script type="text/javascript" >
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
$(".prop").each(function(){
|
||||
var obj = $(this);
|
||||
var tx = document.body.clientWidth; //文档的可见长宽
|
||||
var ty = document.body.clientHeight;
|
||||
$(obj).on("mouseenter",function(event){
|
||||
event = event ? event : window.event;
|
||||
$(".popover").remove();
|
||||
var x = event.clientX;//鼠标位置
|
||||
var y = event.clientY;
|
||||
//alert(tx + "," + ty + "," + x + "," + y);
|
||||
if (y < ty/2) {
|
||||
var placement = "bottom";
|
||||
} else {
|
||||
var placement = "top";
|
||||
}
|
||||
$(obj).popover({
|
||||
html:true,
|
||||
content:"<div class='pop-content'><div style='margin-right:15px'>" + $(this).attr("data-temp") + "</div></div>",
|
||||
placement:placement
|
||||
});
|
||||
$(obj).popover("show");
|
||||
const ps = new PerfectScrollbar('.pop-content');
|
||||
|
||||
//修复因浏览器兼容性导致的弹出框位置不对的问题
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
var propy1 = $(obj).offset().top;
|
||||
var propy2 = $(obj).offset().top + $(obj).height();
|
||||
if (placement == "top") {
|
||||
if (propy1 < popy2) {
|
||||
$(pop).css("top", propy1 - 3);
|
||||
}
|
||||
} else if (placement == "bottom") {
|
||||
if (propy2 > popy1) {
|
||||
$(pop).css("top", propy2 + 3);
|
||||
}
|
||||
}
|
||||
|
||||
}).on("mouseleave",function(event){
|
||||
event = event ? event : window.event;
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
//var popChild = $(obj).find(".stateInfoVal")[0]; //td中的span
|
||||
//var popChildyHeight = popChild.offsetHeight;
|
||||
|
||||
var x = event.clientX; //鼠标位置
|
||||
var y = event.clientY;
|
||||
if (y < ty/2) {
|
||||
var extraTop = 3;
|
||||
var extraBottom = 0;
|
||||
} else {
|
||||
var extraTop = 0;
|
||||
var extraBottom = 3;
|
||||
}
|
||||
|
||||
if (x < popx1 || x > popx2 || y < (popy1 - extraTop) || y > (popy2 + extraBottom)) {
|
||||
$(obj).popover("hide");
|
||||
} else {
|
||||
$(pop).on("mouseleave",function(event){
|
||||
$(obj).popover("hide");
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().trim();
|
||||
if(infoVal.length>50){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,50)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
788
WebRoot/page/detection/monitorData/monitorInfoListNewTopo.jsp
Normal file
788
WebRoot/page/detection/monitorData/monitorInfoListNewTopo.jsp
Normal file
@@ -0,0 +1,788 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@page import="java.text.SimpleDateFormat"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
|
||||
<%
|
||||
response.setHeader("Cache-Control", "no-store");
|
||||
response.setHeader("Pragma", "no-cache");
|
||||
response.setDateHeader("Expires", 0);
|
||||
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://" + request.getServerName() + ":"
|
||||
+ request.getServerPort() + path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_miln.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link rel="stylesheet" type="text/css" href="<c:url value='/scrollBar/perfect-scrollbar.css'/>" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery1.11.3.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap.min.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap-tooltip.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap-popover.js' />"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value="/scrollBar/perfect-scrollbar.js"/>"></script>
|
||||
<style type="text/css">
|
||||
.mydiv {
|
||||
background-color: #fff;
|
||||
border: 1px solid #000;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
z-index: 99;
|
||||
width: 220px;
|
||||
height: 80px;
|
||||
left: 50%; /*FF IE7*/
|
||||
top: 50%; /*FF IE7*/
|
||||
margin-left: -150px !important; /*FF IE7 该值为本身宽的一半 */
|
||||
margin-top: -60px !important; /*FF IE7 该值为本身高的一半*/
|
||||
margin-top: 0px;
|
||||
position: fixed !important; /*FF IE7*/
|
||||
position: absolute; /*IE6*/
|
||||
_top: expression(eval(document . compatMode &&
|
||||
document . compatMode ==
|
||||
|
||||
'CSS1Compat') ?
|
||||
|
||||
documentElement . scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
documentElement . clientHeight-this .
|
||||
offsetHeight )/ 2 :
|
||||
/*IE6*/
|
||||
document . body .
|
||||
scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
body .
|
||||
clientHeight - this .
|
||||
clientHeight )/ 2 );
|
||||
/*IE5 IE5.5*/
|
||||
}
|
||||
|
||||
.bg {
|
||||
background-color: #ccc;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0; /*FF IE7*/
|
||||
filter: alpha(opacity = 50); /*IE*/
|
||||
opacity: 0.5; /*FF*/
|
||||
z-index: 1;
|
||||
position: fixed !important; /*FF IE7*/
|
||||
position: absolute; /*IE6*/
|
||||
_top: expression(eval(document . compatMode &&
|
||||
document . compatMode ==
|
||||
|
||||
'CSS1Compat') ?
|
||||
|
||||
documentElement . scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
documentElement . clientHeight-this .
|
||||
offsetHeight )/ 2 :
|
||||
/*IE6*/
|
||||
document . body .
|
||||
scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
body .
|
||||
clientHeight - this .
|
||||
clientHeight )/ 2 );
|
||||
/*IE5 IE5.5*/
|
||||
}
|
||||
/*The END*/
|
||||
/* 自定义滚动条 */
|
||||
.pop-content {
|
||||
position:relative;
|
||||
max-height:300px;
|
||||
padding-left:5px;
|
||||
}
|
||||
.ps__rail-x {
|
||||
display:none !important;
|
||||
}
|
||||
.ps__rail-y {
|
||||
display:"" !important;
|
||||
}
|
||||
.popover.top {
|
||||
margin-top: -3px !important;
|
||||
}
|
||||
.popover.bottom {
|
||||
margin-top: 3px !important;
|
||||
}
|
||||
.fade.in {
|
||||
opacity: 1;
|
||||
}
|
||||
.popover {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1010;
|
||||
display: none;
|
||||
width: 300px;
|
||||
padding: 1px;
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
.fade {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.15s linear;
|
||||
-moz-transition: opacity 0.15s linear;
|
||||
-o-transition: opacity 0.15s linear;
|
||||
transition: opacity 0.15s linear;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
parent.setDivTitle('${nodeGroupName}');
|
||||
//页面5分钟刷新一次
|
||||
var interval;
|
||||
$(function(){
|
||||
/* interval = setInterval('qry()',5*60*1000); */
|
||||
$(".prop").each(function(){
|
||||
var obj = $(this);
|
||||
var tx = document.body.clientWidth; //文档的可见长宽
|
||||
var ty = document.body.clientHeight;
|
||||
$(obj).on("mouseenter",function(event){
|
||||
event = event ? event : window.event;
|
||||
$(".popover").remove();
|
||||
var x = event.clientX;//鼠标位置
|
||||
var y = event.clientY;
|
||||
//alert(tx + "," + ty + "," + x + "," + y);
|
||||
if (y < ty/2) {
|
||||
var placement = "bottom";
|
||||
} else {
|
||||
var placement = "top";
|
||||
}
|
||||
$(obj).popover({
|
||||
html:true,
|
||||
content:"<div class='pop-content'><div style='margin-right:15px'>" + $(this).attr("data-temp") + "</div></div>",
|
||||
placement:placement
|
||||
});
|
||||
$(obj).popover("show");
|
||||
const ps = new PerfectScrollbar('.pop-content');
|
||||
|
||||
//修复因浏览器兼容性导致的弹出框位置不对的问题
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
var propy1 = $(obj).offset().top;
|
||||
var propy2 = $(obj).offset().top + $(obj).height();
|
||||
if (placement == "top") {
|
||||
if (propy1 < popy2) {
|
||||
$(pop).css("top", propy1 - 3);
|
||||
}
|
||||
} else if (placement == "bottom") {
|
||||
if (propy2 > popy1) {
|
||||
$(pop).css("top", propy2 + 3);
|
||||
}
|
||||
}
|
||||
|
||||
}).on("mouseleave",function(event){
|
||||
event = event ? event : window.event;
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
//var popChild = $(obj).find(".stateInfoVal")[0]; //td中的span
|
||||
//var popChildyHeight = popChild.offsetHeight;
|
||||
|
||||
var x = event.clientX; //鼠标位置
|
||||
var y = event.clientY;
|
||||
if (y < ty/2) {
|
||||
var extraTop = 3;
|
||||
var extraBottom = 0;
|
||||
} else {
|
||||
var extraTop = 0;
|
||||
var extraBottom = 3;
|
||||
}
|
||||
|
||||
if (x < popx1 || x > popx2 || y < (popy1 - extraTop) || y > (popy2 + extraBottom)) {
|
||||
$(obj).popover("hide");
|
||||
} else {
|
||||
$(pop).on("mouseleave",function(event){
|
||||
$(obj).popover("hide");
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
})
|
||||
|
||||
function clear(){
|
||||
clearInterval(interval);
|
||||
}
|
||||
|
||||
//查询记录
|
||||
function qry(){
|
||||
document.form3.action = "<c:url value='monitorData.do?action=query&nodeType=${nodeType}&requestType=newTopo&date="+new Date()+"'/>";
|
||||
document.form3.submit();
|
||||
}
|
||||
//查看详情
|
||||
function showRecord(monid,cid){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=detail&cId="+cid+"&ids="+monid+"&pageNo="+mypageNo+"&pageSize="+mypageSize+"&flag="+'newTopo'+"&nodeType="+'${nodeType}'+"&nodeId="+'${nodeId}'+"&nodeGroupId="+'${nodeGroupId}';
|
||||
document.form3.submit();
|
||||
}
|
||||
//绘制折线图
|
||||
function drawPic(ctid,dsiId,id){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=drawPic&checkTypeId="+ctid+"&dsiId="+dsiId+"&sqId="+id+"&pageNo="+mypageNo+"&pageSize="+mypageSize+"&nodeType="+'${nodeType}'+"&nodeId="+'${nodeId}'+"&nodeGroupId="+'${nodeGroupId}';
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function showDetectionInfo(dsiId,seqId){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
$("#newPageSize").attr("disabled","true");
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=showDetectionInfo&dsiId="+dsiId+"&sqId="+seqId+"&mypageNo="+mypageNo+"&mypageSize="+mypageSize+"&nodeType="+'${nodeType}'+"&nodeId="+'${nodeId}'+"&nodeGroupId="+'${nodeGroupId}';
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
|
||||
var set_Id;
|
||||
var ajaxProperties = "";
|
||||
var ajaxTableName = "";
|
||||
var ajaxType = "";
|
||||
var id = "";
|
||||
var returnDiv = "";
|
||||
var ajaxValue = "";
|
||||
|
||||
function lianxiangkeydown() {
|
||||
clearTimeout(set_Id);
|
||||
}
|
||||
|
||||
function lianxiangkeyup(ajaxProperties1,ajaxTableName1,ajaxType1,id1,returnDiv1,ajaxValue1) {
|
||||
if(parent.document.getElementById("lianxiangStatus").value=="2")
|
||||
{
|
||||
if(jQuery.trim(ajaxValue1)=="") return false;
|
||||
|
||||
ajaxProperties = ajaxProperties1;
|
||||
ajaxTableName = ajaxTableName1;
|
||||
ajaxType = ajaxType1;
|
||||
id = id1;
|
||||
returnDiv = returnDiv1;
|
||||
|
||||
if(!checkStrNoDian(ajaxValue1)){
|
||||
ajaxValue = ajaxValue1;
|
||||
}else{
|
||||
alert('i18n_miln.message.inputInfo_n81i');
|
||||
$("#"+id).val('');
|
||||
return;
|
||||
}
|
||||
clearTimeout(set_Id);
|
||||
set_Id = setTimeout(ajaxForLianxiang,500);
|
||||
}
|
||||
}
|
||||
function ajaxForLianxiang()
|
||||
{
|
||||
if('${requestType}'=="topo"){//拓扑图过来的不做nodeType区分
|
||||
jQuery.post("<%=path%>/sysManage/sysPopedomManage!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv});
|
||||
});
|
||||
}else{
|
||||
jQuery.post("<%=path%>/sysManage/sysPopedomManage!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue,"nodeType":0},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv});
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function lianxiangStateInfokeyup() {
|
||||
var stateInfo = $('#stateInfo').val();
|
||||
setTimeout(function(){
|
||||
jQuery.post(
|
||||
"<%=request.getContextPath()%>/sysManage/dataDictionary!querySouceForAjax.do",
|
||||
{'ddid': 'monitorStatusInfo', 'nameLike': stateInfo },
|
||||
function(data) {
|
||||
var lianxiangList = data.split(",");
|
||||
$('#stateInfo').suggest(lianxiangList,{hot_list:lianxiangList,attachObject:'#suggest2'});
|
||||
$('#stateInfo').css("color","#000000"); <%-- 修正查询条件文本内容自动变灰 --%>
|
||||
}
|
||||
);
|
||||
},500);
|
||||
}
|
||||
|
||||
function ieBrowser(){
|
||||
/* if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
} */
|
||||
}
|
||||
|
||||
//程辉 2013-5-8 新增 导出当前页
|
||||
function emportCurrentXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/monitorData.do?action=emportCurrentXlsForTopo&nodeType=0&pageNo="+$("#pageNo").val()+"&pageSize="+'${pageSize }'+"&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action = "<c:url value='monitorData.do?action=query'/>";
|
||||
}
|
||||
//程辉 2013-5-8 新增 导出全部
|
||||
function emportAllXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/monitorData.do?action=emportAllXlsForTopo&nodeType=0&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action ="<c:url value='monitorData.do?action=query'/>";
|
||||
}
|
||||
function showDiv(){
|
||||
document.getElementById('popDiv').style.display='block';
|
||||
document.getElementById('bg').style.display='block';
|
||||
}
|
||||
|
||||
function closeDiv(){
|
||||
document.getElementById('popDiv').style.display='none';
|
||||
document.getElementById('bg').style.display='none';
|
||||
}
|
||||
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
window.onresize = function(){
|
||||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||||
}
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
var hght=0;//初始化滚动条总长
|
||||
var topH=0;//初始化滚动条的当前位置
|
||||
var pagePoint = ${pageNo};
|
||||
var memoryData ;
|
||||
var intervalID ;
|
||||
var currentPage = 0; //当前页数
|
||||
var currenttotalPage = 0; //总页数
|
||||
$(function(){//DOM的onload事件
|
||||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||||
});
|
||||
intervalID = setInterval(function(){cando();},1000);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||||
function cando(){
|
||||
currentPage = $("#currentPage").html();
|
||||
currenttotalPage = $("#currenttotalPage").html();
|
||||
if(Number(currentPage) < Number(currenttotalPage)){
|
||||
if(topH!=0 && hght!=0 && topH == hght ){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
show();//如果是，调用show函数加载内容。
|
||||
}
|
||||
}else if(Number(currentPage) == Number(currenttotalPage)){
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
}
|
||||
function show(){
|
||||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||||
topH=0;//原因同上。
|
||||
var urlTmp = encodeURI("<c:url value='monitorData.do?action=queryChild'/>&requestType=${requestType}&nodeGroupId=${nodeGroupId}&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val()+"&stateInfo="+$("#stateInfo").val());
|
||||
$.ajax({
|
||||
url:urlTmp,
|
||||
type : "get",
|
||||
async:false,
|
||||
success : function(data) {
|
||||
$("#info").append($(data));//用append方法追加内容到mypage元素。
|
||||
$("#currentPage").html(pagePoint);//修改页码
|
||||
$("#pageNo").val(pagePoint);
|
||||
}
|
||||
});
|
||||
loadButton();
|
||||
}
|
||||
});
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
function downloadfile(fileName){
|
||||
document.form3.action="<c:url value='/'/>/download/downLoadFile!download.do?file="+fileName;
|
||||
document.form3.submit();
|
||||
}
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().trim();
|
||||
if(infoVal.length>50){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,50)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='monitorData.do?action=query&nodeType=${nodeType}&requestType=newTopo&nodeId=${nodeId}&nodeGroupId=${nodeGroupId}'/>&date=<%=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss").format(new Date()).toString()%>"
|
||||
method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="pageNoforexp" id="pageNo"
|
||||
value="${pageNo }" />
|
||||
<!-- type为空：服务器检测，type=1：网元检测 type=2:异常网元 -->
|
||||
<input type="hidden" value="${type }" name="type" id="type" />
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<input type="hidden" name="nodeId" value="${nodeId }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
|
||||
<div id="divTop">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_miln.text.nodeIp_n81i </font>
|
||||
<input type="text" id="nodeIp"
|
||||
onkeyup="lianxiangkeyup('nodeIp','NodeTable','String','nodeIp','suggest1',this.value);"
|
||||
name="cip" title="i18n_miln.message.nodeIp_n81i " value="${cip}" size="20" />
|
||||
<div id='suggest1' class="ac_results"></div></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_miln.text.checkType_n81i</font>
|
||||
<select name="checkType">
|
||||
<option value="-1" <c:if test="${empty checkType or checkType eq -1}">selected ="selected"</c:if>>i18n_dwl.text.changeEmergentDefault_n81i</option>
|
||||
<c:forEach items="${allCheckTypeInfo }" var="checkTypeInfo">
|
||||
<option value="${checkTypeInfo.id }" <c:if test="${checkTypeInfo.id eq checkType}">selected ="selected"</c:if>>${checkTypeInfo.checkTypeName1 }</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
<input type="hidden" name="ctn" title="i18n_miln.message.checkType_n81i" value="${ctn}" id="checkTypeId"
|
||||
onkeyup="lianxiangkeyup('checkTypeName1','CheckTypeInfo','String','checkTypeId','suggest1',this.value);" />
|
||||
</label>
|
||||
<!-- <label class="divTopText"><font class="selectText">i18n_miln.text.stateInfo_n81i</font> -->
|
||||
<input type="hidden" name="stateInfo" title="i18n_miln.message.stateInfo_n81i" value="${stateInfo}" id="stateInfo"
|
||||
onkeyup="lianxiangStateInfokeyup();"/>
|
||||
<!-- <div id='suggest2' class="ac_results" style="min-width: 200px; width: auto;"></div></label> -->
|
||||
<div style="display:inline; margin-top:10px;">
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle" onclick="javascript:qry();" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:showDiv();" value="i18n_miln.button.export_n81i" />
|
||||
<jsp:include page="/include/include.jsp" /></div>
|
||||
</div>
|
||||
<div id="maindiv">
|
||||
<table cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_miln.text.nodeIp_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_miln.text.checkType_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_miln.text.processIdenName_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top_1" nowrap>
|
||||
i18n_miln.text.state_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_miln.text.dataCheckTime_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_miln.text.persistTime_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top_1" nowrap>
|
||||
i18n_miln.text.tryTimes_n81i
|
||||
</td>
|
||||
<td width="25%" class="color_8">
|
||||
i18n_miln.text.stateInfo_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<!-- 1、远程连接引入页面 -->
|
||||
<jsp:include page="/common/remoteConn.jsp" />
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeIpGroupListNew) > 0}">
|
||||
<c:forEach items="${nodeIpGroupListNew}" var="detecInfoList">
|
||||
<c:forEach items="${detecInfoList}" var="rowData" varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="nodeSysType" value="${rowData[13] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="nodeType" value="${rowData[15] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
<td class="color_1_1"
|
||||
rowspan="${fn:length(detecInfoList)}" valign="top">
|
||||
<!-- 2、 调用JS，此处远程连接调用JS在/common/remoteConn.jsp中 -->
|
||||
<a
|
||||
href="javascript:void(0);"
|
||||
onclick="remoteConn('${nodeSysType }','${cellData}','${nodeType }', this)"><c:out
|
||||
value="${cellData}" default="" /> </a>
|
||||
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${cellData == 'i18n_miln.message.handshake_n81i'}" var="handshake"></c:if>
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')"
|
||||
title="i18n_miln.message.showRecord_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a
|
||||
href="javascript:showDetectionInfo('${dsiId }','${sqId }')"
|
||||
title="i18n_miln.message.showDetectionInfo_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')"
|
||||
title="i18n_miln.message.drawPic_n81i"> <img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" /> </a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' ||fn:trim(cellData) == '-1'}"
|
||||
var="handshakeEr">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}"<%-- onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" --%> >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<%-- <span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span> --%>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')} </span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')"
|
||||
title="i18n_miln.message.showRecord_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a
|
||||
href="javascript:showDetectionInfo('${dsiId }','${sqId }')"
|
||||
title="i18n_miln.message.showDetectionInfo_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" title="i18n_miln.message.drawPic_n81i" />
|
||||
</a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${!handshakeEr}">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' || fn:trim(cellData) == '-1'}">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${!handshakeEr && status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="8" class="color_6" align="center">
|
||||
i18n_miln.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty nodeIpGroupListNew}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
|
||||
<div id="popDiv" class="mydiv" style="display: none;">
|
||||
<input type="hidden" />
|
||||
<input type="button" class=btn3_mouseout style="width: 100px;"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportCurrentXls();" value="i18n_miln.button.exportCurrentPage_n81i" />
|
||||
|
||||
<input type="button" class=btn3_mouseout style="width: 80px"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportAllXls();" value="i18n_miln.button.exportAllData_n81i" />
|
||||
|
||||
<br />
|
||||
<a href="javascript:closeDiv()">i18n_miln.text.closeWindow_n81i</a>
|
||||
</div>
|
||||
|
||||
<div id="bg" class="bg" style="display: none;"></div>
|
||||
<span id="infoTipSpan" class="infoTip" style="display:none;"></span>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,599 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
|
||||
<%
|
||||
response.setHeader("Cache-Control","no-store");
|
||||
response.setHeader("Pragma","no-cache");
|
||||
response.setDateHeader ("Expires", 0);
|
||||
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_milas.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js' />"></script>
|
||||
|
||||
<style type="text/css">
|
||||
.mydiv {
|
||||
background-color:#fff;
|
||||
border: 1px solid #000;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
z-index:99;
|
||||
width: 220px;
|
||||
height: 80px;
|
||||
left:50%;/*FF IE7*/
|
||||
top: 50%;/*FF IE7*/
|
||||
|
||||
margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
|
||||
margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
|
||||
|
||||
margin-top:0px;
|
||||
|
||||
position:fixed!important;/*FF IE7*/
|
||||
position:absolute;/*IE6*/
|
||||
|
||||
_top: expression(eval(document.compatMode &&
|
||||
document.compatMode=='CSS1Compat') ?
|
||||
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
|
||||
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
|
||||
|
||||
}
|
||||
|
||||
|
||||
.bg {
|
||||
background-color: #ccc;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left:0;
|
||||
top:0;/*FF IE7*/
|
||||
filter:alpha(opacity=50);/*IE*/
|
||||
opacity:0.5;/*FF*/
|
||||
z-index:1;
|
||||
|
||||
position:fixed!important;/*FF IE7*/
|
||||
position:absolute;/*IE6*/
|
||||
|
||||
_top: expression(eval(document.compatMode &&
|
||||
document.compatMode=='CSS1Compat') ?
|
||||
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
|
||||
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
|
||||
|
||||
}
|
||||
/*The END*/
|
||||
|
||||
</style>
|
||||
<script type="text/javascript" >
|
||||
//页面5分钟刷新一次
|
||||
var interval;
|
||||
$(function(){
|
||||
interval = setInterval('qry()',5*60*1000);
|
||||
})
|
||||
|
||||
function clear(){
|
||||
clearInterval(interval);
|
||||
}
|
||||
|
||||
//查询记录
|
||||
function qry(){
|
||||
document.form3.action = "<%=path%>/detection/monitorData.do?action=queryAbnormalSet&date="+new Date()+"'/>";
|
||||
document.form3.submit();
|
||||
}
|
||||
//查看详情
|
||||
function showRecord(monid,cid){
|
||||
clear();
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=detail&cId="+cid+"&ids="+monid+"&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }';
|
||||
document.form3.submit();
|
||||
}
|
||||
//绘制折线图
|
||||
function drawPic(ctid,dsiId,id){
|
||||
clear();
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=drawPic&checkTypeId="+ctid+"&dsiId="+dsiId+"&sqId="+id+"&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }';
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function showDetectionInfo(dsiId,seqId){
|
||||
clear();
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=showDetectionInfo&dsiId="+dsiId+"&sqId="+seqId+"&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }';
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
|
||||
var set_Id;
|
||||
var ajaxProperties = "";
|
||||
var ajaxTableName = "";
|
||||
var ajaxType = "";
|
||||
var id = "";
|
||||
var returnDiv = "";
|
||||
var ajaxValue = "";
|
||||
|
||||
function lianxiangkeydown() {
|
||||
clearTimeout(set_Id);
|
||||
}
|
||||
|
||||
function lianxiangkeyup(ajaxProperties1,ajaxTableName1,ajaxType1,id1,returnDiv1,ajaxValue1) {
|
||||
if(parent.document.getElementById("lianxiangStatus").value=="2")
|
||||
{
|
||||
if(jQuery.trim(ajaxValue1)=="") return false;
|
||||
|
||||
ajaxProperties = ajaxProperties1;
|
||||
ajaxTableName = ajaxTableName1;
|
||||
ajaxType = ajaxType1;
|
||||
id = id1;
|
||||
returnDiv = returnDiv1;
|
||||
|
||||
if(!checkStrNoDian(ajaxValue1)){
|
||||
ajaxValue = ajaxValue1;
|
||||
}else{
|
||||
alert('i18n_milas.message.inputInfo_n81i');
|
||||
$("#"+id).val('');
|
||||
return;
|
||||
}
|
||||
clearTimeout(set_Id);
|
||||
set_Id = setTimeout(ajaxForLianxiang,500);
|
||||
}
|
||||
}
|
||||
function ajaxForLianxiang()
|
||||
{
|
||||
jQuery.post("<%=path%>/sysManage/sysPopedomManage!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv});
|
||||
});
|
||||
}
|
||||
function ieBrowser(){
|
||||
if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//程辉 2013-5-8 新增 导出当前页
|
||||
function emportCurrentXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/monitorData.do?action=emportCurrentXlsAbnormalSet&pageNo="+$("#pageNo").val()+"&pageSize="+'${pageSize }'+"&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action = "<%=path%>/detection/monitorData.do?action=queryAbnormalSet";
|
||||
}
|
||||
//程辉 2013-5-8 新增 导出全部
|
||||
function emportAllXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/monitorData.do?action=emportAllXlsAbnormalSet&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action ="<%=path%>/detection/monitorData.do?action=queryAbnormalSet";
|
||||
}
|
||||
function showDiv(){
|
||||
document.getElementById('popDiv').style.display='block';
|
||||
document.getElementById('bg').style.display='block';
|
||||
}
|
||||
|
||||
function closeDiv(){
|
||||
document.getElementById('popDiv').style.display='none';
|
||||
document.getElementById('bg').style.display='none';
|
||||
}
|
||||
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98.5%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
$("#maindiv").attr("style","clear:left");
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
var hght=0;//初始化滚动条总长
|
||||
var topH=0;//初始化滚动条的当前位置
|
||||
var pagePoint = ${pageNo};
|
||||
var flashFlag = false;
|
||||
var memoryData ;
|
||||
var intervalID ;
|
||||
$(document).ready(function(){//DOM的onload事件
|
||||
//$(”#mypage”).load(”table.html”);//table.html的内容被加载到mypage元素
|
||||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||||
});
|
||||
|
||||
var childUrlTmp = encodeURI("<c:url value='monitorData.do?action=queryChildForAbnormalSet'/>&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val());
|
||||
$.get(childUrlTmp, function(data){//利用jquery的get方法得到table.html内容
|
||||
memoryData = data;
|
||||
flashFlag = true;
|
||||
});
|
||||
|
||||
intervalID = setInterval(function(){cando();},1000);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||||
function cando(){
|
||||
//alert(topH+" " +hght);
|
||||
if(topH!=0 && hght!=0 && topH == hght && flashFlag){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
show();//如果是，调用show函数加载内容。
|
||||
}
|
||||
//if(topH>parseInt(hght/3)*2){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
// show();//如果是，调用show函数加载内容。
|
||||
//}
|
||||
}
|
||||
|
||||
function show(){
|
||||
flashFlag=false;
|
||||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||||
topH=0;//原因同上。
|
||||
var flag2 = true;
|
||||
if(memoryData!=null&&memoryData!=""&&memoryData.replace(/(^\s*)|(\s*$)/g,"")!=""){
|
||||
try{
|
||||
$("#info").append($(memoryData));//用append方法追加内容到mypage元素。
|
||||
$("#currentPage").html(pagePoint);
|
||||
$("#pageNo").val(pagePoint);
|
||||
flag2 = false;
|
||||
}catch(err){
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
var urlTmp = encodeURI("<c:url value='monitorData.do?action=queryChildForAbnormalSet'/>&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val());
|
||||
$.get(urlTmp, function(data){//利用jquery的get方法得到table.html内容
|
||||
if(flag2){
|
||||
try{
|
||||
$("#info").append($(data));//用append方法追加内容到mypage元素。
|
||||
}catch(err){
|
||||
|
||||
}
|
||||
}else{
|
||||
flag2 = true;
|
||||
memoryData = data;
|
||||
}
|
||||
//无数据
|
||||
if(data==null||data==""){
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
flashFlag = true;
|
||||
});
|
||||
}
|
||||
});
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
|
||||
function goBack(){
|
||||
var url = "<%=path%>/detection/switchDetection.do?action=switchDetectInfoGraph";
|
||||
document.form3.action =url;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function downloadfile(fileName){
|
||||
document.form3.action="<c:url value='/'/>/download/downLoadFile!download.do?file="+fileName;
|
||||
document.form3.submit();
|
||||
}
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().trim();
|
||||
if(infoVal.length>50){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,50)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="middle_list" style="overflow: hidden;">
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='/detection/monitorData.do?action=queryAbnormalSet'/>" method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" value="${type}" name="type" />
|
||||
<input type="hidden" name="pageNoforexp" id="pageNo" value="${pageNo }"/>
|
||||
|
||||
<input type="hidden" name="entry" id="entry" value="${entry }"/>
|
||||
<input type="hidden" name="detectId" id="detectId" value="${detectId }"/>
|
||||
<input type="hidden" name="seqId" id="seqId" value="${seqId }"/>
|
||||
<input type="hidden" name="ip" id="ip" value="${ip }"/>
|
||||
<input type="hidden" name="pid" id="pid" value="${pid }"/>
|
||||
|
||||
<div id="divTop">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_milas.text.hostName_n81i</font><input type="text" id="nodeIp"
|
||||
onkeyup="lianxiangkeyup('nodeIp','NodeTable','String','nodeIp','suggest1',this.value);"
|
||||
name="cip" title="i18n_milas.message.hostName_n81i" value="${cip}" size="20" />
|
||||
<div id='suggest1' class="ac_results"></div></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_milas.text.checkType_n81i</font>
|
||||
<select style="width:140px;" name="ctn" id="checkTypeId">
|
||||
<option value="">
|
||||
--i18n_milas.message.checkTypeDefault_n81i--
|
||||
</option>
|
||||
<c:if test="${fn:length(allCheckTypeInfo) > 0}">
|
||||
<c:set var="isSchedule0" value="0"/>
|
||||
<c:forEach items="${allCheckTypeInfo}" var="checkType">
|
||||
<c:if test="${checkType.isSchedule != isSchedule0 }">
|
||||
<option style="height: 2px;" disabled="disabled">--------------------</option>
|
||||
<c:set var="isSchedule0" value="${checkType.isSchedule}"/>
|
||||
</c:if>
|
||||
<option value="${checkType.id}"
|
||||
<c:if test="${ctn == checkType.id }">selected="selected"</c:if>>
|
||||
${checkType.checkTypeName1}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
</select></label>
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle" onclick="javascript:qry();" />
|
||||
</div>
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:showDiv();" value="i18n_milas.button.export_n81i"/>
|
||||
<c:if test="${entry=='switch'}" >
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_milas.button.back_n81i"/>
|
||||
</c:if>
|
||||
<jsp:include page="/include/include.jsp" /></div>
|
||||
</div>
|
||||
<div id="maindiv">
|
||||
<table cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr >
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_milas.text.hostName_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_milas.text.checkType_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_milas.text.processIdenName_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top_1" nowrap>
|
||||
i18n_milas.text.status_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_milas.text.dataCheckTime_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_milas.text.persistTime_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top_1" nowrap>
|
||||
i18n_milas.text.tryTimes_n81i
|
||||
</td>
|
||||
<td width="25%" class="color_8">
|
||||
i18n_milas.text.stateInfo_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<!-- 1、远程连接引入页面 -->
|
||||
<jsp:include page="/common/remoteConn.jsp" />
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeIpGroupListNew) > 0}">
|
||||
<c:forEach items="${nodeIpGroupListNew}" var="detecInfoList">
|
||||
<c:forEach items="${detecInfoList}" var="rowData" varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind" begin="2" end="9">
|
||||
<c:set var="dniId" value="${rowData[1] }" />
|
||||
<c:set var="ctiId" value="${rowData[12] }" />
|
||||
<c:set var="dsiId" value="${rowData[11] }" />
|
||||
<c:set var="nodeIp" value="${rowData[2] }" />
|
||||
<c:set var="sqId" value="${rowData[13] }" />
|
||||
<c:set var="nodeSysType" value="${rowData[14] }" />
|
||||
<c:set var="charStateNum" value="${rowData[15] }" />
|
||||
<c:set var="nodeType" value="${rowData[16] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1" rowspan="${fn:length(detecInfoList)}" valign="top">
|
||||
<!-- 2、 调用JS，此处远程连接调用JS在/common/remoteConn.jsp中 -->
|
||||
<a href="javascript:void(0);"
|
||||
onclick="remoteConn('${nodeSysType }','${cellData}','${nodeType }', this)">
|
||||
<c:out value="${cellData}" default=""/>
|
||||
</a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')">
|
||||
<c:out value="${cellData}" default=""/>
|
||||
</a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showDetectionInfo('${dsiId }','${sqId }')">
|
||||
<c:out value="${cellData}" default="" /> </a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" />
|
||||
</a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${fn:trim(cellData)=='1'}"><img src="<c:url value='/images/yes.gif'/>"
|
||||
border="0" align="middle" /></c:if>
|
||||
<c:if test="${fn:trim(cellData) ne '1'}"><img src="<c:url value='/images/no.gif'/>"
|
||||
border="0" align="middle" /></c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default=""/>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 9}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span>
|
||||
</span>
|
||||
</td>
|
||||
|
||||
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break:break-all">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}
|
||||
</span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind" begin="2" end="9">
|
||||
<c:set var="dniId" value="${rowData[1] }" />
|
||||
<c:set var="ctiId" value="${rowData[12] }" />
|
||||
<c:set var="dsiId" value="${rowData[11] }" />
|
||||
<c:set var="nodeIp" value="${rowData[2] }" />
|
||||
<c:set var="sqId" value="${rowData[13] }" />
|
||||
<c:set var="charStateNum" value="${rowData[15] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')">
|
||||
<c:out value="${cellData}" default=""/>
|
||||
</a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showDetectionInfo('${dsiId }','${sqId }')">
|
||||
<c:out value="${cellData}" default="" /> </a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" />
|
||||
</a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${fn:trim(cellData)=='1'}"><img src="<c:url value='/images/yes.gif'/>"
|
||||
border="0" align="middle" /></c:if>
|
||||
<c:if test="${fn:trim(cellData) ne '1'}"><img src="<c:url value='/images/no.gif'/>"
|
||||
border="0" align="middle" /></c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:out value="${cellData}" default=""/>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 9}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span>
|
||||
</span>
|
||||
</td>
|
||||
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="8" class="color_6" align="center">
|
||||
i18n_milas.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty nodeIpGroupListNew}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
</div>
|
||||
<div id="popDiv" class="mydiv" style="display:none;">
|
||||
<input type="hidden" />
|
||||
<input type="button" class=btn3_mouseout style="width:100px;"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportCurrentXls();" value="i18n_milas.button.exportCurrentPage_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout style="width:80px"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportAllXls();" value="i18n_milas.button.exportAllData_n81i"/>
|
||||
<br/>
|
||||
<a href="javascript:closeDiv()">i18n_milas.text.closeWindow_n81i</a></div>
|
||||
|
||||
<div id="bg" class="bg" style="display:none;"></div>
|
||||
<span id="infoTipSpan" class="infoTip" style="display:none;"></span>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,193 @@
|
||||
<%@ page language="java" pageEncoding="utf-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeIpGroupListNew) > 0}">
|
||||
<c:forEach items="${nodeIpGroupListNew}" var="detecInfoList">
|
||||
<c:forEach items="${detecInfoList}" var="rowData" varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="2" end="9">
|
||||
<c:set var="dniId" value="${rowData[1] }" />
|
||||
<c:set var="ctiId" value="${rowData[12] }" />
|
||||
<c:set var="dsiId" value="${rowData[11] }" />
|
||||
<c:set var="nodeIp" value="${rowData[2] }" />
|
||||
<c:set var="sqId" value="${rowData[13] }" />
|
||||
<c:set var="nodeSysType" value="${rowData[14] }" />
|
||||
<c:set var="charStateNum" value="${rowData[15] }" />
|
||||
<c:set var="nodeType" value="${rowData[16] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1" rowspan="${fn:length(detecInfoList)}"
|
||||
valign="top">
|
||||
<!-- 2、 调用JS，此处远程连接调用JS在/common/remoteConn.jsp中 -->
|
||||
<a
|
||||
href="javascript:void(0);"
|
||||
onclick="remoteConn('${nodeSysType }','${cellData}','${nodeType }', this)"><c:out
|
||||
value="${cellData}" default="" /> </a>
|
||||
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')">
|
||||
<c:out value="${cellData}" default="" /> </a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" /> </a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if test="${fn:trim(cellData) ne '1'}">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 9}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span>
|
||||
</span>
|
||||
</td>
|
||||
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')} </span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="2" end="9">
|
||||
<c:set var="dniId" value="${rowData[1] }" />
|
||||
<c:set var="ctiId" value="${rowData[12] }" />
|
||||
<c:set var="dsiId" value="${rowData[11] }" />
|
||||
<c:set var="nodeIp" value="${rowData[2] }" />
|
||||
<c:set var="sqId" value="${rowData[13] }" />
|
||||
<c:set var="charStateNum" value="${rowData[15] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')">
|
||||
<c:out value="${cellData}" default="" /> </a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" /> </a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if test="${fn:trim(cellData) ne '1'}">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 9}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span>
|
||||
</span>
|
||||
</td>
|
||||
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
<script type="text/javascript" >
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().trim();
|
||||
if(infoVal.length>50){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,50)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
790
WebRoot/page/detection/monitorData/monitorNEList.jsp
Normal file
790
WebRoot/page/detection/monitorData/monitorNEList.jsp
Normal file
@@ -0,0 +1,790 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@page import="java.text.SimpleDateFormat"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
|
||||
<%
|
||||
response.setHeader("Cache-Control", "no-store");
|
||||
response.setHeader("Pragma", "no-cache");
|
||||
response.setDateHeader("Expires", 0);
|
||||
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://" + request.getServerName() + ":"
|
||||
+ request.getServerPort() + path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_mnel.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link rel="stylesheet" type="text/css" href="<c:url value='/scrollBar/perfect-scrollbar.css'/>" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery1.11.3.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap.min.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap-tooltip.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap-popover.js' />"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value="/scrollBar/perfect-scrollbar.js"/>"></script>
|
||||
<style type="text/css">
|
||||
.mydiv {
|
||||
background-color: #fff;
|
||||
border: 1px solid #000;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
z-index: 99;
|
||||
width: 220px;
|
||||
height: 80px;
|
||||
left: 50%; /*FF IE7*/
|
||||
top: 50%; /*FF IE7*/
|
||||
margin-left: -150px !important; /*FF IE7 该值为本身宽的一半 */
|
||||
margin-top: -60px !important; /*FF IE7 该值为本身高的一半*/
|
||||
margin-top: 0px;
|
||||
position: fixed !important; /*FF IE7*/
|
||||
position: absolute; /*IE6*/
|
||||
_top: expression(eval(document . compatMode &&
|
||||
document . compatMode ==
|
||||
|
||||
'CSS1Compat') ?
|
||||
|
||||
documentElement . scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
documentElement . clientHeight-this .
|
||||
offsetHeight )/ 2 :
|
||||
/*IE6*/
|
||||
document . body .
|
||||
scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
body .
|
||||
clientHeight - this .
|
||||
clientHeight )/ 2 );
|
||||
/*IE5 IE5.5*/
|
||||
}
|
||||
|
||||
.bg {
|
||||
background-color: #ccc;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0; /*FF IE7*/
|
||||
filter: alpha(opacity = 50); /*IE*/
|
||||
opacity: 0.5; /*FF*/
|
||||
z-index: 1;
|
||||
position: fixed !important; /*FF IE7*/
|
||||
position: absolute; /*IE6*/
|
||||
_top: expression(eval(document . compatMode &&
|
||||
document . compatMode ==
|
||||
|
||||
'CSS1Compat') ?
|
||||
|
||||
documentElement . scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
documentElement . clientHeight-this .
|
||||
offsetHeight )/ 2 :
|
||||
/*IE6*/
|
||||
document . body .
|
||||
scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
body .
|
||||
clientHeight - this .
|
||||
clientHeight )/ 2 );
|
||||
/*IE5 IE5.5*/
|
||||
}
|
||||
/*The END*/
|
||||
/* 自定义滚动条 */
|
||||
.pop-content {
|
||||
position:relative;
|
||||
max-height:300px;
|
||||
padding-left:5px;
|
||||
}
|
||||
.ps__rail-x {
|
||||
display:none !important;
|
||||
}
|
||||
.ps__rail-y {
|
||||
display:"" !important;
|
||||
}
|
||||
.popover.top {
|
||||
margin-top: -3px !important;
|
||||
}
|
||||
.popover.bottom {
|
||||
margin-top: 3px !important;
|
||||
}
|
||||
.fade.in {
|
||||
opacity: 1;
|
||||
}
|
||||
.popover {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1010;
|
||||
display: none;
|
||||
width: 300px;
|
||||
padding: 1px;
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
.fade {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.15s linear;
|
||||
-moz-transition: opacity 0.15s linear;
|
||||
-o-transition: opacity 0.15s linear;
|
||||
transition: opacity 0.15s linear;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
//页面5分钟刷新一次
|
||||
var interval;
|
||||
$(function(){
|
||||
interval = setInterval('qry()',5*60*1000);
|
||||
$(".prop").each(function(){
|
||||
var obj = $(this);
|
||||
var tx = document.body.clientWidth; //文档的可见长宽
|
||||
var ty = document.body.clientHeight;
|
||||
$(obj).on("mouseenter",function(event){
|
||||
event = event ? event : window.event;
|
||||
$(".popover").remove();
|
||||
var x = event.clientX;//鼠标位置
|
||||
var y = event.clientY;
|
||||
//alert(tx + "," + ty + "," + x + "," + y);
|
||||
if (y < ty/2) {
|
||||
var placement = "bottom";
|
||||
} else {
|
||||
var placement = "top";
|
||||
}
|
||||
$(obj).popover({
|
||||
html:true,
|
||||
content:"<div class='pop-content'><div style='margin-right:15px'>" + $(this).attr("data-temp") + "</div></div>",
|
||||
placement:placement
|
||||
});
|
||||
$(obj).popover("show");
|
||||
const ps = new PerfectScrollbar('.pop-content');
|
||||
|
||||
//修复因浏览器兼容性导致的弹出框位置不对的问题
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
var propy1 = $(obj).offset().top;
|
||||
var propy2 = $(obj).offset().top + $(obj).height();
|
||||
if (placement == "top") {
|
||||
if (propy1 < popy2) {
|
||||
$(pop).css("top", propy1 - 3);
|
||||
}
|
||||
} else if (placement == "bottom") {
|
||||
if (propy2 > popy1) {
|
||||
$(pop).css("top", propy2 + 3);
|
||||
}
|
||||
}
|
||||
|
||||
}).on("mouseleave",function(event){
|
||||
event = event ? event : window.event;
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
//var popChild = $(obj).find(".stateInfoVal")[0]; //td中的span
|
||||
//var popChildyHeight = popChild.offsetHeight;
|
||||
|
||||
var x = event.clientX; //鼠标位置
|
||||
var y = event.clientY;
|
||||
if (y < ty/2) {
|
||||
var extraTop = 3;
|
||||
var extraBottom = 0;
|
||||
} else {
|
||||
var extraTop = 0;
|
||||
var extraBottom = 3;
|
||||
}
|
||||
|
||||
if (x < popx1 || x > popx2 || y < (popy1 - extraTop) || y > (popy2 + extraBottom)) {
|
||||
$(obj).popover("hide");
|
||||
} else {
|
||||
$(pop).on("mouseleave",function(event){
|
||||
$(obj).popover("hide");
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
})
|
||||
|
||||
function clear(){
|
||||
clearInterval(interval);
|
||||
}
|
||||
|
||||
//查询记录
|
||||
function qry(){
|
||||
document.form3.action = "<c:url value='monitorData.do?action=queryNE&date="+new Date()+"'/>";
|
||||
document.form3.submit();
|
||||
}
|
||||
//查看详情
|
||||
function showRecord(monid,cid){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=detail&cId="+cid+"&ids="+monid+"&pageNo="+mypageNo+"&pageSize="+mypageSize;
|
||||
document.form3.submit();
|
||||
}
|
||||
//绘制折线图
|
||||
function drawPic(ctid,dsiId,id){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=drawPic&checkTypeId="+ctid+"&dsiId="+dsiId+"&sqId="+id+"&pageNo="+mypageNo+"&pageSize="+mypageSize;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
|
||||
function showDetectionInfo(dsiId,seqId){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
$("#newPageSize").attr("disabled","true");
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=showDetectionInfo&dsiId="+dsiId+"&sqId="+seqId+"&mypageNo="+mypageNo+"&mypageSize="+mypageSize;
|
||||
document.form3.submit();
|
||||
}
|
||||
//parent.document.all("listFrame").style.height = document.body.scrollHeight + 16;
|
||||
|
||||
|
||||
var set_Id;
|
||||
var ajaxProperties = "";
|
||||
var ajaxTableName = "";
|
||||
var ajaxType = "";
|
||||
var id = "";
|
||||
var returnDiv = "";
|
||||
var ajaxValue = "";
|
||||
|
||||
function lianxiangkeydown() {
|
||||
clearTimeout(set_Id);
|
||||
}
|
||||
|
||||
function lianxiangkeyup(ajaxProperties1,ajaxTableName1,ajaxType1,id1,returnDiv1,ajaxValue1) {
|
||||
if(parent.document.getElementById("lianxiangStatus").value=="2")
|
||||
{
|
||||
if(jQuery.trim(ajaxValue1)=="") return false;
|
||||
|
||||
ajaxProperties = ajaxProperties1;
|
||||
ajaxTableName = ajaxTableName1;
|
||||
ajaxType = ajaxType1;
|
||||
id = id1;
|
||||
returnDiv = returnDiv1;
|
||||
|
||||
if(!checkStrNoDian(ajaxValue1)){
|
||||
ajaxValue = ajaxValue1;
|
||||
}else{
|
||||
clearTimeout(set_Id);
|
||||
alert('i18n_mnel.message.hasSpecialChar_n81i');
|
||||
$("#"+id).val('');
|
||||
return;
|
||||
}
|
||||
clearTimeout(set_Id);
|
||||
set_Id = setTimeout(ajaxForLianxiang,500);
|
||||
}
|
||||
}
|
||||
function ajaxForLianxiang()
|
||||
{
|
||||
jQuery.post("<%=path%>/sysManage/sysPopedomManage!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue,"nodeType":1},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv,showType:"scroll"});
|
||||
if(lianxiangList == ''){
|
||||
$("#"+id).css("color","#CBC0B6");
|
||||
}else{
|
||||
$("#"+id).css("color","#000000");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function lianxiangStateInfokeyup() {
|
||||
var stateInfo = $('#stateInfo').val();
|
||||
setTimeout(function(){
|
||||
jQuery.post(
|
||||
"<%=request.getContextPath()%>/sysManage/dataDictionary!querySouceForAjax.do",
|
||||
{'ddid': 'monitorStatusInfo', 'nameLike': stateInfo },
|
||||
function(data) {
|
||||
var lianxiangList = data.split(",");
|
||||
$('#stateInfo').suggest(lianxiangList,{hot_list:lianxiangList,attachObject:'#suggest2'});
|
||||
$('#stateInfo').css("color","#000000"); <%-- 修正查询条件文本内容自动变灰 --%>
|
||||
}
|
||||
);
|
||||
},500);
|
||||
}
|
||||
|
||||
function ieBrowser(){
|
||||
/* if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
} */
|
||||
}
|
||||
|
||||
//程辉 2013-5-8 新增 导出当前页
|
||||
function emportCurrentXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/monitorData.do?action=emportCurrentXls&pageType=queryNE&nodeType=1&pageNo="+$("#pageNo").val()+"&pageSize="+'${pageSize }'+"&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action = "<c:url value='monitorData.do?action=queryNE'/>";
|
||||
}
|
||||
//程辉 2013-5-8 新增 导出全部
|
||||
function emportAllXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/monitorData.do?action=emportAllXls&pageType=queryNE&nodeType=1&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action ="<c:url value='monitorData.do?action=queryNE'/>";
|
||||
}
|
||||
function showDiv(){
|
||||
document.getElementById('popDiv').style.display='block';
|
||||
document.getElementById('bg').style.display='block';
|
||||
}
|
||||
|
||||
function closeDiv(){
|
||||
document.getElementById('popDiv').style.display='none';
|
||||
document.getElementById('bg').style.display='none';
|
||||
}
|
||||
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98.5%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
//$("#maindiv").attr("style","clear:left");
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
window.onresize = function(){
|
||||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||||
}
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
var hght=0;//初始化滚动条总长
|
||||
var topH=0;//初始化滚动条的当前位置
|
||||
var pagePoint = ${pageNo};
|
||||
var memoryData ;
|
||||
var intervalID ;
|
||||
var currentPage = 0; //当前页数
|
||||
var currenttotalPage = 0; //总页数
|
||||
$(function(){//DOM的onload事件
|
||||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||||
});
|
||||
intervalID = setInterval(function(){cando();},1000);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||||
function cando(){
|
||||
currentPage = $("#currentPage").html();
|
||||
currenttotalPage = $("#currenttotalPage").html();
|
||||
if(Number(currentPage) < Number(currenttotalPage)){
|
||||
if(topH!=0 && hght!=0 && topH == hght ){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
show();//如果是，调用show函数加载内容。
|
||||
}
|
||||
}else if(Number(currentPage) == Number(currenttotalPage)){
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
}
|
||||
function show(){
|
||||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||||
topH=0;//原因同上。
|
||||
var childUrlTmp = encodeURI("<c:url value='monitorData.do?action=queryNEChild'/>&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val()+"&stateInfo="+$("#stateInfo").val());
|
||||
$.ajax({
|
||||
url:childUrlTmp,
|
||||
type : "get",
|
||||
async:false,
|
||||
success : function(data) {
|
||||
var resultHtml = $(data);
|
||||
var parentLastIpTd = $("td[rowspan]:last");
|
||||
var childFirstIpTd = $(resultHtml).find("td[rowspan]:first");
|
||||
var pLastIp = $(parentLastIpTd).text().trim();
|
||||
var cFirstIp = $(childFirstIpTd).text().trim();
|
||||
if (pLastIp == cFirstIp) {
|
||||
$(parentLastIpTd).attr("rowspan", $(parentLastIpTd).attr("rowspan")+$(childFirstIpTd).attr("rowspan"));
|
||||
$(resultHtml).children("td[rowspan]:first").remove();
|
||||
}
|
||||
$("#info").append($(resultHtml));//用append方法追加内容到mypage元素。
|
||||
//$("#info").append($(data));//用append方法追加内容到mypage元素。
|
||||
$("#currentPage").html(pagePoint);//修改页码
|
||||
$("#pageNo").val(pagePoint);
|
||||
}
|
||||
});
|
||||
loadButton();
|
||||
}
|
||||
});
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
function downloadfile(fileName){
|
||||
document.form3.action="<c:url value='/'/>/download/downLoadFile!download.do?file="+fileName;
|
||||
document.form3.submit();
|
||||
}
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().trim();
|
||||
if(infoVal.length>50){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,50)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='monitorData.do?action=queryNE'/>&date=<%=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss").format(new Date()).toString()%>"
|
||||
method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="pageNoforexp" id="pageNo"
|
||||
value="${pageNo }" />
|
||||
<!-- type为空：服务器检测，type=1：网元检测 type=2:异常网元 -->
|
||||
<input type="hidden" value="${type }" name="type" id="type" />
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
|
||||
<div id="divTop">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_mnel.text.nodeIp_n81i</font>
|
||||
<input type="text" id="nodeIp"
|
||||
onkeyup="lianxiangkeyup('nodeIp','NodeTable','String','nodeIp','suggest1',this.value);"
|
||||
name="cip" title="i18n_mnel.message.nodeIp_n81i" value="${cip}" size="20" />
|
||||
<div id='suggest1' class="ac_results"></div></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_mnel.text.checkType_n81i</font>
|
||||
<input type="hidden" name="ctn" title="i18n_mnel.message.checkType_n81i" value="${ctn}" id="checkTypeId"
|
||||
onkeyup="lianxiangkeyup('checkTypeName1','CheckTypeInfo','String','checkTypeId','suggest1',this.value);" />
|
||||
<select name="checkType">
|
||||
<option value="-1" <c:if test="${empty checkType or checkType eq -1}">selected ="selected"</c:if>>i18n_dwl.text.changeEmergentDefault_n81i</option>
|
||||
<c:forEach items="${allCheckTypeInfo }" var="checkTypeInfo">
|
||||
<c:if test="${checkTypeInfo.isSnmp eq 1 or checkTypeInfo.id eq 7}">
|
||||
<option value="${checkTypeInfo.id }" <c:if test="${checkTypeInfo.id eq checkType}">selected ="selected"</c:if>>${checkTypeInfo.checkTypeName1 }</option>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</select>
|
||||
</label>
|
||||
<%-- <label class="divTopText"><font class="selectText">i18n_mnel.text.stateInfo_n81i</font>--%>
|
||||
<input type="hidden" name="stateInfo" title="i18n_mnel.message.staeInfo_n81i" value="${stateInfo}" id="stateInfo"
|
||||
onkeyup="lianxiangStateInfokeyup();"/>
|
||||
<%-- <div id='suggest2' class="ac_results" style="min-width: 200px; width: auto;"></div></label> --%>
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle2" onclick="javascript:qry();" />
|
||||
</div>
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:showDiv();" value="i18n_mnel.button.export_n81i" />
|
||||
</div>
|
||||
</div>
|
||||
<div id="maindiv">
|
||||
<table cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_mnel.text.nodeIp_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_mnel.text.checkType_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_mnel.text.processIdenName_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top_1" nowrap>
|
||||
i18n_mnel.text.state_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_mnel.text.dataCheckTime_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_mnel.text.persistTime_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top_1" nowrap>
|
||||
i18n_mnel.text.tryTimes_n81i
|
||||
</td>
|
||||
<td width="25%" class="color_8">
|
||||
i18n_mnel.text.stateInfo_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<!-- 1、远程连接引入页面 -->
|
||||
<jsp:include page="/common/remoteConn.jsp" />
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeIpGroupListNew) > 0}">
|
||||
<c:forEach items="${nodeIpGroupListNew}" var="detecInfoList">
|
||||
<c:forEach items="${detecInfoList}" var="rowData" varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="nodeSysType" value="${rowData[13] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="nodeType" value="${rowData[15] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
<td class="color_1_1" rowspan="${fn:length(detecInfoList)}"
|
||||
valign="top">
|
||||
<!-- 2、 调用JS，此处远程连接调用JS在/common/remoteConn.jsp中 -->
|
||||
<a
|
||||
href="javascript:void(0);"
|
||||
onclick="remoteConn('${nodeSysType }','${cellData}','${nodeType }', this)"><c:out
|
||||
value="${cellData}" default="" /> </a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${cellData == 'i18n_mnel.message.handshake_n81i'}" var="handshake"></c:if>
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')">
|
||||
<c:out value="${cellData}" default="" /> </a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a
|
||||
href="javascript:showDetectionInfo('${dsiId }','${sqId }')">
|
||||
<c:out value="${cellData}" default="" /> </a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" /> </a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' ||fn:trim(cellData) == '-1'}"
|
||||
var="handshakeEr">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}"<%-- onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" --%> >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<%-- <span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span> --%>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')} </span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')">
|
||||
<c:out value="${cellData}" default="" /> </a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a
|
||||
href="javascript:showDetectionInfo('${dsiId }','${sqId }')">
|
||||
<c:out value="${cellData}" default="" /> </a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" /> </a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${!handshakeEr}">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' || fn:trim(cellData) == '-1'}">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${!handshakeEr && status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}"<%-- onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" --%> >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<%-- <span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span> --%>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="8" class="color_6" align="center">
|
||||
i18n_mnel.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty nodeIpGroupListNew}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
|
||||
<div id="popDiv" class="mydiv" style="display: none;">
|
||||
<input type="hidden" />
|
||||
<input type="button" class=btn3_mouseout style="width: 100px;"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportCurrentXls();" value="i18n_mnel.button.exportCurrentPage_n81i" />
|
||||
|
||||
<input type="button" class=btn3_mouseout style="width: 80px"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportAllXls();" value="i18n_mnel.button.exportAllData_n81i" />
|
||||
|
||||
<br />
|
||||
<a href="javascript:closeDiv()">i18n_mnel.text.closeWindow_n81i</a>
|
||||
</div>
|
||||
|
||||
<div id="bg" class="bg" style="display: none;"></div>
|
||||
<span id="infoTipSpan" class="infoTip" style="display:none;"></span>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
286
WebRoot/page/detection/monitorData/monitorNEListChild.jsp
Normal file
286
WebRoot/page/detection/monitorData/monitorNEListChild.jsp
Normal file
@@ -0,0 +1,286 @@
|
||||
<%@ page language="java" pageEncoding="utf-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://" + request.getServerName() + ":"
|
||||
+ request.getServerPort() + path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeIpGroupListNew) > 0}">
|
||||
<c:forEach items="${nodeIpGroupListNew}" var="detecInfoList">
|
||||
<c:forEach items="${detecInfoList}" var="rowData" varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="nodeSysType" value="${rowData[13] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="nodeType" value="${rowData[15] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
<td class="color_1_1" rowspan="${fn:length(detecInfoList)}"
|
||||
valign="top">
|
||||
<!-- 2、 调用JS，此处远程连接调用JS在/common/remoteConn.jsp中 -->
|
||||
<a
|
||||
href="javascript:void(0);"
|
||||
onclick="remoteConn('${nodeSysType }','${cellData}','${nodeType }', this)"><c:out
|
||||
value="${cellData}" default="" /> </a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${cellData == 'i18n_mnelc.message.handshake_n81i'}">
|
||||
<c:set var="handshake" value="true" />
|
||||
</c:if>
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')">
|
||||
<c:out value="${cellData}" default="" /> </a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showDetectionInfo('${dsiId }','${sqId }')">
|
||||
<c:out value="${cellData}" default="" /> </a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" /> </a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' ||fn:trim(cellData) == '-1'}"
|
||||
var="handshakeEr">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}"<%-- onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" --%> >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfoParam}</span>
|
||||
<%-- <span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span> --%>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')} </span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')">
|
||||
<c:out value="${cellData}" default="" /> </a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showDetectionInfo('${dsiId }','${sqId }')">
|
||||
<c:out value="${cellData}" default="" /> </a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" /> </a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${!handshakeEr}">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' || fn:trim(cellData) == '-1'}">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${!handshakeEr && status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}"<%-- onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" --%> >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfoParam}</span>
|
||||
<%-- <span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span> --%>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
<script type="text/javascript" >
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
$(".prop").each(function(){
|
||||
var obj = $(this);
|
||||
var tx = document.body.clientWidth; //文档的可见长宽
|
||||
var ty = document.body.clientHeight;
|
||||
$(obj).on("mouseenter",function(event){
|
||||
event = event ? event : window.event;
|
||||
$(".popover").remove();
|
||||
var x = event.clientX;//鼠标位置
|
||||
var y = event.clientY;
|
||||
//alert(tx + "," + ty + "," + x + "," + y);
|
||||
if (y < ty/2) {
|
||||
var placement = "bottom";
|
||||
} else {
|
||||
var placement = "top";
|
||||
}
|
||||
$(obj).popover({
|
||||
html:true,
|
||||
content:"<div class='pop-content'><div style='margin-right:15px'>" + $(this).attr("data-temp") + "</div></div>",
|
||||
placement:placement
|
||||
});
|
||||
$(obj).popover("show");
|
||||
const ps = new PerfectScrollbar('.pop-content');
|
||||
|
||||
//修复因浏览器兼容性导致的弹出框位置不对的问题
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
var propy1 = $(obj).offset().top;
|
||||
var propy2 = $(obj).offset().top + $(obj).height();
|
||||
if (placement == "top") {
|
||||
if (propy1 < popy2) {
|
||||
$(pop).css("top", propy1 - 3);
|
||||
}
|
||||
} else if (placement == "bottom") {
|
||||
if (propy2 > popy1) {
|
||||
$(pop).css("top", propy2 + 3);
|
||||
}
|
||||
}
|
||||
|
||||
}).on("mouseleave",function(event){
|
||||
event = event ? event : window.event;
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
//var popChild = $(obj).find(".stateInfoVal")[0]; //td中的span
|
||||
//var popChildyHeight = popChild.offsetHeight;
|
||||
|
||||
var x = event.clientX; //鼠标位置
|
||||
var y = event.clientY;
|
||||
if (y < ty/2) {
|
||||
var extraTop = 3;
|
||||
var extraBottom = 0;
|
||||
} else {
|
||||
var extraTop = 0;
|
||||
var extraBottom = 3;
|
||||
}
|
||||
|
||||
if (x < popx1 || x > popx2 || y < (popy1 - extraTop) || y > (popy2 + extraBottom)) {
|
||||
$(obj).popover("hide");
|
||||
} else {
|
||||
$(pop).on("mouseleave",function(event){
|
||||
$(obj).popover("hide");
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().trim();
|
||||
if(infoVal.length>50){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,50)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
415
WebRoot/page/detection/monitorData/queryEmergent.jsp
Normal file
415
WebRoot/page/detection/monitorData/queryEmergent.jsp
Normal file
@@ -0,0 +1,415 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@page import="java.text.SimpleDateFormat"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
|
||||
<%
|
||||
response.setHeader("Cache-Control", "no-store");
|
||||
response.setHeader("Pragma", "no-cache");
|
||||
response.setDateHeader("Expires", 0);
|
||||
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://" + request.getServerName() + ":"
|
||||
+ request.getServerPort() + path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_qe.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
</head>
|
||||
<script type="text/javascript">
|
||||
//绘制折线图
|
||||
//页面5分钟刷新一次
|
||||
var interval;
|
||||
$(function(){
|
||||
interval = setInterval('qry()',5*60*1000);
|
||||
})
|
||||
|
||||
function clear(){
|
||||
clearInterval(interval);
|
||||
}
|
||||
function drawPic(ctid,dsiId,id){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=drawPic&checkTypeId="+ctid+"&dsiId="+dsiId+"&flag=queryEmergent"+"&sqId="+id+"&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }';
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function showDetectionInfo(dsiId,seqId){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
$("#newPageSize").attr("disabled","true");
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=showDetectionInfo&dsiId="+dsiId+"&sqId="+seqId+"&flag=queryEmergent"+"&mypageNo="+mypageNo+"&mypageSize="+mypageSize;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function ieBrowser(){
|
||||
if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
}
|
||||
}
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
if(dh==0){
|
||||
location.reload();
|
||||
}
|
||||
var dhh = dh-30+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
window.onresize = function(){
|
||||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||||
}
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
var hght=0;//初始化滚动条总长
|
||||
var topH=0;//初始化滚动条的当前位置
|
||||
var pagePoint = ${pageNo};
|
||||
var memoryData ;
|
||||
var intervalID ;
|
||||
var currentPage = 0; //当前页数
|
||||
var currenttotalPage = 0; //总页数
|
||||
$(function(){//DOM的onload事件
|
||||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||||
});
|
||||
intervalID = setInterval(function(){cando();},800);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||||
function cando(){
|
||||
currentPage = $("#currentPage").html();
|
||||
currenttotalPage = $("#currenttotalPage").html();
|
||||
if(Number(currentPage) < Number(currenttotalPage)){
|
||||
if(topH!=0 && hght!=0 && topH == hght ){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
show();//如果是，调用show函数加载内容。
|
||||
}
|
||||
}else if(Number(currentPage) == Number(currenttotalPage)){
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
}
|
||||
function show(){
|
||||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||||
topH=0;//原因同上。
|
||||
var url2="<c:url value='/detection/monitorData.do?action=queryEmergentChild'/>&pageNo="+(++pagePoint)+"&pageSize="+'${pageSize }'+"&requestType=topo&nodeGroupId="+'${nodeGroupId }';
|
||||
var urlTmp = encodeURI(url2);
|
||||
$.ajax({
|
||||
url:urlTmp,
|
||||
type : "get",
|
||||
async:false,
|
||||
success : function(data) {
|
||||
var resultHtml = $(data);
|
||||
var parentLastIpTd = $("td[rowspan]:last");
|
||||
var childFirstIpTd = $(resultHtml).find("td[rowspan]:first");
|
||||
var pLastIp = $(parentLastIpTd).text().trim();
|
||||
var cFirstIp = $(childFirstIpTd).text().trim();
|
||||
if (pLastIp == cFirstIp) {
|
||||
$(parentLastIpTd).attr("rowspan", $(parentLastIpTd).attr("rowspan")+$(childFirstIpTd).attr("rowspan"));
|
||||
$(resultHtml).children("td[rowspan]:first").remove();
|
||||
}
|
||||
$("#info").append($(resultHtml));//用append方法追加内容到mypage元素。
|
||||
//$("#info").append($(data));//用append方法追加内容到mypage元素。
|
||||
$("#currentPage").html(pagePoint);//修改页码
|
||||
$("#pageNo").val(pagePoint);
|
||||
}
|
||||
});
|
||||
loadButton();
|
||||
}
|
||||
});
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().trim();
|
||||
if(infoVal.length>50){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,50)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<body>
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='monitorData.do?action=queryEmergent'/>&date=<%=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss").format(new Date()).toString()%>"
|
||||
method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="pageNoforexp" id="pageNo"
|
||||
value="${pageNo }" />
|
||||
<!-- type为空：服务器检测，type=1：网元检测 type=2:异常网元 -->
|
||||
<input type="hidden" value="${type }" name="type" id="type" />
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
<div id="maindiv">
|
||||
<table cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_qe.text.nodeIp_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_qe.text.checkType_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_qe.text.processIdenName_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top_1" nowrap>
|
||||
i18n_qe.text.state_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_qe.text.dataCheckTime_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_qe.text.persistTime_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top_1" nowrap>
|
||||
i18n_qe.text.tryTimes_n81i
|
||||
</td>
|
||||
<td width="25%" class="color_8">
|
||||
i18n_qe.text.stateInfo_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeIpGroupListNew) > 0}">
|
||||
<c:forEach items="${nodeIpGroupListNew}" var="detecInfoList">
|
||||
<c:forEach items="${detecInfoList}" var="rowData" varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="nodeSysType" value="${rowData[13] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="nodeType" value="${rowData[15] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
<td class="color_1_1" rowspan="${fn:length(detecInfoList)}"
|
||||
valign="top">
|
||||
<c:out
|
||||
value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${cellData == 'i18n_qe.message.handshake_n81i'}" var="handshake"></c:if>
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a
|
||||
href="javascript:showDetectionInfo('${dsiId }','${sqId }')"
|
||||
title="i18n_qe.button.showDetectionInfo_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')"
|
||||
title="i18n_qe.button.drawPic_n81i"> <img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" /> </a>
|
||||
</c:if>
|
||||
<!--<c:out value="${cellData}" default="" />
|
||||
<c:if test="${charStateNum>0}">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
height="15" width="15" alt="" />
|
||||
</c:if>
|
||||
-->
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' ||fn:trim(cellData) == '-1'}"
|
||||
var="handshakeEr">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')} </span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
|
||||
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
<c:if test="${charStateNum>0}">
|
||||
<img border="0"
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
height="15" width="15" alt="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${!handshakeEr}">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' || fn:trim(cellData) == '-1'}">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${!handshakeEr && status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="8" class="color_6" align="center">
|
||||
i18n_qe.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty nodeIpGroupListNew}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
<span id="infoTipSpan" class="infoTip" style="display:none;"></span>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
296
WebRoot/page/detection/monitorData/queryEmergentChild.jsp
Normal file
296
WebRoot/page/detection/monitorData/queryEmergentChild.jsp
Normal file
@@ -0,0 +1,296 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@page import="java.text.SimpleDateFormat"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
|
||||
<%
|
||||
response.setHeader("Cache-Control", "no-store");
|
||||
response.setHeader("Pragma", "no-cache");
|
||||
response.setDateHeader("Expires", 0);
|
||||
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://" + request.getServerName() + ":"
|
||||
+ request.getServerPort() + path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeIpGroupListNew) > 0}">
|
||||
<c:forEach items="${nodeIpGroupListNew}" var="detecInfoList">
|
||||
<c:forEach items="${detecInfoList}" var="rowData" varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="nodeSysType" value="${rowData[13] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="nodeType" value="${rowData[15] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
<td class="color_1_1" rowspan="${fn:length(detecInfoList)}"
|
||||
valign="top">
|
||||
<c:out
|
||||
value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${cellData == 'i18n_qec.message.handshake_n81i'}" var="handshake"></c:if>
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a
|
||||
href="javascript:showDetectionInfo('${dsiId }','${sqId }')"
|
||||
title="i18n_qec.button.showDetectionInfo_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')"
|
||||
title="i18n_qec.button.drawPic_n81i"> <img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" /> </a>
|
||||
</c:if>
|
||||
<!--<c:out value="${cellData}" default="" />
|
||||
<c:if test="${charStateNum>0}">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
height="15" width="15" alt="" />
|
||||
</c:if>
|
||||
-->
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' ||fn:trim(cellData) == '-1'}"
|
||||
var="handshakeEr">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}"<%-- onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" --%> >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')} </span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
|
||||
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
<c:if test="${charStateNum>0}">
|
||||
<img border="0"
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
height="15" width="15" alt="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${!handshakeEr}">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' || fn:trim(cellData) == '-1'}">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${!handshakeEr && status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
<script type="text/javascript" >
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
$(".prop").each(function(){
|
||||
var obj = $(this);
|
||||
var tx = document.body.clientWidth; //文档的可见长宽
|
||||
var ty = document.body.clientHeight;
|
||||
$(obj).on("mouseenter",function(event){
|
||||
event = event ? event : window.event;
|
||||
$(".popover").remove();
|
||||
var x = event.clientX;//鼠标位置
|
||||
var y = event.clientY;
|
||||
//alert(tx + "," + ty + "," + x + "," + y);
|
||||
if (y < ty/2) {
|
||||
var placement = "bottom";
|
||||
} else {
|
||||
var placement = "top";
|
||||
}
|
||||
$(obj).popover({
|
||||
html:true,
|
||||
content:"<div class='pop-content'><div style='margin-right:15px'>" + $(this).attr("data-temp") + "</div></div>",
|
||||
placement:placement
|
||||
});
|
||||
$(obj).popover("show");
|
||||
const ps = new PerfectScrollbar('.pop-content');
|
||||
|
||||
//修复因浏览器兼容性导致的弹出框位置不对的问题
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
var propy1 = $(obj).offset().top;
|
||||
var propy2 = $(obj).offset().top + $(obj).height();
|
||||
if (placement == "top") {
|
||||
if (propy1 < popy2) {
|
||||
$(pop).css("top", propy1 - 3);
|
||||
}
|
||||
} else if (placement == "bottom") {
|
||||
if (propy2 > popy1) {
|
||||
$(pop).css("top", propy2 + 3);
|
||||
}
|
||||
}
|
||||
|
||||
}).on("mouseleave",function(event){
|
||||
event = event ? event : window.event;
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
//var popChild = $(obj).find(".stateInfoVal")[0]; //td中的span
|
||||
//var popChildyHeight = popChild.offsetHeight;
|
||||
|
||||
var x = event.clientX; //鼠标位置
|
||||
var y = event.clientY;
|
||||
if (y < ty/2) {
|
||||
var extraTop = 3;
|
||||
var extraBottom = 0;
|
||||
} else {
|
||||
var extraTop = 0;
|
||||
var extraBottom = 3;
|
||||
}
|
||||
|
||||
if (x < popx1 || x > popx2 || y < (popy1 - extraTop) || y > (popy2 + extraBottom)) {
|
||||
$(obj).popover("hide");
|
||||
} else {
|
||||
$(pop).on("mouseleave",function(event){
|
||||
$(obj).popover("hide");
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().trim();
|
||||
if(infoVal.length>50){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,50)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
549
WebRoot/page/detection/monitorData/queryEmergentNew.jsp
Normal file
549
WebRoot/page/detection/monitorData/queryEmergentNew.jsp
Normal file
@@ -0,0 +1,549 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@page import="java.text.SimpleDateFormat"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
|
||||
<%
|
||||
response.setHeader("Cache-Control", "no-store");
|
||||
response.setHeader("Pragma", "no-cache");
|
||||
response.setDateHeader("Expires", 0);
|
||||
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://" + request.getServerName() + ":"
|
||||
+ request.getServerPort() + path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_qe.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link rel="stylesheet" type="text/css" href="<c:url value='/scrollBar/perfect-scrollbar.css'/>" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery1.11.3.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap.min.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap-tooltip.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap-popover.js' />"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value="/scrollBar/perfect-scrollbar.js"/>"></script>
|
||||
</head>
|
||||
<style>
|
||||
/* 自定义滚动条 */
|
||||
.pop-content {
|
||||
position:relative;
|
||||
max-height:300px;
|
||||
padding-left:5px;
|
||||
}
|
||||
.ps__rail-x {
|
||||
display:none !important;
|
||||
}
|
||||
.ps__rail-y {
|
||||
display:"" !important;
|
||||
}
|
||||
.popover.top {
|
||||
margin-top: -3px !important;
|
||||
}
|
||||
.popover.bottom {
|
||||
margin-top: 3px !important;
|
||||
}
|
||||
.fade.in {
|
||||
opacity: 1;
|
||||
}
|
||||
.popover {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1010;
|
||||
display: none;
|
||||
width: 300px;
|
||||
padding: 1px;
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
.fade {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.15s linear;
|
||||
-moz-transition: opacity 0.15s linear;
|
||||
-o-transition: opacity 0.15s linear;
|
||||
transition: opacity 0.15s linear;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
//绘制折线图
|
||||
//页面5分钟刷新一次
|
||||
var interval;
|
||||
$(function(){
|
||||
interval = setInterval('qry()',5*60*1000);
|
||||
$(".prop").each(function(){
|
||||
var obj = $(this);
|
||||
var tx = document.body.clientWidth; //文档的可见长宽
|
||||
var ty = document.body.clientHeight;
|
||||
$(obj).on("mouseenter",function(event){
|
||||
event = event ? event : window.event;
|
||||
$(".popover").remove();
|
||||
var x = event.clientX;//鼠标位置
|
||||
var y = event.clientY;
|
||||
//alert(tx + "," + ty + "," + x + "," + y);
|
||||
if (y < ty/2) {
|
||||
var placement = "bottom";
|
||||
} else {
|
||||
var placement = "top";
|
||||
}
|
||||
$(obj).popover({
|
||||
html:true,
|
||||
content:"<div class='pop-content'><div style='margin-right:15px'>" + $(this).attr("data-temp") + "</div></div>",
|
||||
placement:placement
|
||||
});
|
||||
$(obj).popover("show");
|
||||
const ps = new PerfectScrollbar('.pop-content');
|
||||
|
||||
//修复因浏览器兼容性导致的弹出框位置不对的问题
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
var propy1 = $(obj).offset().top;
|
||||
var propy2 = $(obj).offset().top + $(obj).height();
|
||||
if (placement == "top") {
|
||||
if (propy1 < popy2) {
|
||||
$(pop).css("top", propy1 - 3);
|
||||
}
|
||||
} else if (placement == "bottom") {
|
||||
if (propy2 > popy1) {
|
||||
$(pop).css("top", propy2 + 3);
|
||||
}
|
||||
}
|
||||
|
||||
}).on("mouseleave",function(event){
|
||||
event = event ? event : window.event;
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
//var popChild = $(obj).find(".stateInfoVal")[0]; //td中的span
|
||||
//var popChildyHeight = popChild.offsetHeight;
|
||||
|
||||
var x = event.clientX; //鼠标位置
|
||||
var y = event.clientY;
|
||||
if (y < ty/2) {
|
||||
var extraTop = 3;
|
||||
var extraBottom = 0;
|
||||
} else {
|
||||
var extraTop = 0;
|
||||
var extraBottom = 3;
|
||||
}
|
||||
|
||||
if (x < popx1 || x > popx2 || y < (popy1 - extraTop) || y > (popy2 + extraBottom)) {
|
||||
$(obj).popover("hide");
|
||||
} else {
|
||||
$(pop).on("mouseleave",function(event){
|
||||
$(obj).popover("hide");
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
})
|
||||
|
||||
function clear(){
|
||||
clearInterval(interval);
|
||||
}
|
||||
function drawPic(ctid,dsiId,id){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=drawPic&checkTypeId="+ctid+"&dsiId="+dsiId+"&flag=queryEmergentDetail"+"&sqId="+id+"&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }'+"&nodeType="+'${nodeType}'+"&nodeId="+'${nodeId}'+"&nodeGroupId="+'${nodeGroupId}';
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function showDetectionInfo(dsiId,seqId){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
$("#newPageSize").attr("disabled","true");
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=showDetectionInfo&dsiId="+dsiId+"&sqId="+seqId+"&flag=queryEmergentDetail"+"&mypageNo="+mypageNo+"&mypageSize="+mypageSize+"&nodeType="+'${nodeType}'+"&nodeId="+'${nodeId}'+"&nodeGroupId="+'${nodeGroupId}';
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function ieBrowser(){
|
||||
/* if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
} */
|
||||
}
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
if(dh==0){
|
||||
location.reload();
|
||||
}
|
||||
var dhh = dh-30+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
window.onresize = function(){
|
||||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||||
}
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
var hght=0;//初始化滚动条总长
|
||||
var topH=0;//初始化滚动条的当前位置
|
||||
var pagePoint = ${pageNo};
|
||||
var memoryData ;
|
||||
var intervalID ;
|
||||
var currentPage = 0; //当前页数
|
||||
var currenttotalPage = 0; //总页数
|
||||
$(function(){//DOM的onload事件
|
||||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||||
});
|
||||
intervalID = setInterval(function(){cando();},800);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||||
function cando(){
|
||||
currentPage = $("#currentPage").html();
|
||||
currenttotalPage = $("#currenttotalPage").html();
|
||||
if(Number(currentPage) < Number(currenttotalPage)){
|
||||
if(topH!=0 && hght!=0 && topH == hght ){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
show();//如果是，调用show函数加载内容。
|
||||
}
|
||||
}else if(Number(currentPage) == Number(currenttotalPage)){
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
}
|
||||
function show(){
|
||||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||||
topH=0;//原因同上。
|
||||
var url2="<c:url value='/detection/monitorData.do?action=queryEmergentChildDetail'/>&pageNo="+(++pagePoint)+"&pageSize="+'${pageSize }'+"$nodeType=${nodeType}$&requestType=topo&requestType=topo&nodeGroupId="+'${nodeGroupId}&nodeId=${nodeId}';
|
||||
var urlTmp = encodeURI(url2);
|
||||
$.ajax({
|
||||
url:urlTmp,
|
||||
type : "get",
|
||||
async:false,
|
||||
success : function(data) {
|
||||
var resultHtml = $(data);
|
||||
var parentLastIpTd = $("td[rowspan]:last");
|
||||
var childFirstIpTd = $(resultHtml).find("td[rowspan]:first");
|
||||
var pLastIp = $(parentLastIpTd).text().trim();
|
||||
var cFirstIp = $(childFirstIpTd).text().trim();
|
||||
if (pLastIp == cFirstIp) {
|
||||
$(parentLastIpTd).attr("rowspan", $(parentLastIpTd).attr("rowspan")+$(childFirstIpTd).attr("rowspan"));
|
||||
$(resultHtml).children("td[rowspan]:first").remove();
|
||||
}
|
||||
$("#info").append($(resultHtml));//用append方法追加内容到mypage元素。
|
||||
//$("#info").append($(data));//用append方法追加内容到mypage元素。
|
||||
$("#currentPage").html(pagePoint);//修改页码
|
||||
$("#pageNo").val(pagePoint);
|
||||
}
|
||||
});
|
||||
loadButton();
|
||||
}
|
||||
});
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().trim();
|
||||
if(infoVal.length>50){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,50)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<body>
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='monitorData.do?action=queryEmergentDetail&nodeType=${nodeType}&requestType=topo&nodeId=${nodeId}&nodeGroupId=${nodeGroupId}'/>&date=<%=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss").format(new Date()).toString()%>"
|
||||
method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="pageNoforexp" id="pageNo"
|
||||
value="${pageNo }" />
|
||||
<!-- type为空：服务器检测，type=1：网元检测 type=2:异常网元 -->
|
||||
<input type="hidden" value="${type }" name="type" id="type" />
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
<div id="maindiv">
|
||||
<table cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_qe.text.nodeIp_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_qe.text.checkType_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_qe.text.processIdenName_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top_1" nowrap>
|
||||
i18n_qe.text.state_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_qe.text.dataCheckTime_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_qe.text.persistTime_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top_1" nowrap>
|
||||
i18n_qe.text.tryTimes_n81i
|
||||
</td>
|
||||
<td width="25%" class="color_8">
|
||||
i18n_qe.text.stateInfo_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeIpGroupListNew) > 0}">
|
||||
<c:forEach items="${nodeIpGroupListNew}" var="detecInfoList">
|
||||
<c:forEach items="${detecInfoList}" var="rowData" varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="nodeSysType" value="${rowData[13] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="nodeType" value="${rowData[15] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
<td class="color_1_1" rowspan="${fn:length(detecInfoList)}"
|
||||
valign="top">
|
||||
<c:out
|
||||
value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${cellData == 'i18n_qe.message.handshake_n81i'}" var="handshake"></c:if>
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a
|
||||
href="javascript:showDetectionInfo('${dsiId }','${sqId }')"
|
||||
title="i18n_qe.button.showDetectionInfo_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')"
|
||||
title="i18n_qe.button.drawPic_n81i"> <img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" /> </a>
|
||||
</c:if>
|
||||
<!--<c:out value="${cellData}" default="" />
|
||||
<c:if test="${charStateNum>0}">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
height="15" width="15" alt="" />
|
||||
</c:if>
|
||||
-->
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' ||fn:trim(cellData) == '-1'}"
|
||||
var="handshakeEr">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}" <%-- onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" --%> >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<%-- <span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span> --%>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')} </span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
|
||||
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
<c:if test="${charStateNum>0}">
|
||||
<img border="0"
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
height="15" width="15" alt="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${!handshakeEr}">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' || fn:trim(cellData) == '-1'}">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${!handshakeEr && status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
<span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="8" class="color_6" align="center">
|
||||
i18n_qe.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty nodeIpGroupListNew}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
<span id="infoTipSpan" class="infoTip" style="display:none;"></span>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
161
WebRoot/page/detection/monitorData/select_plug.jsp
Normal file
161
WebRoot/page/detection/monitorData/select_plug.jsp
Normal file
@@ -0,0 +1,161 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_sp.message.title_n81i</title>
|
||||
<script type='text/javascript' src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
|
||||
<style type="text/css">
|
||||
body{
|
||||
font-size:12px;
|
||||
}
|
||||
.item {
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 1px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#clearQuery").click(function() {
|
||||
$("#query").val("");
|
||||
$(".item").show();
|
||||
})
|
||||
//multi
|
||||
$("#query").keyup(function(key) {
|
||||
var str = $(this).val();
|
||||
query(str);
|
||||
})
|
||||
|
||||
$("#ok").click(function() {
|
||||
var result = "";
|
||||
var num = $(".checks:checked").size();
|
||||
if(num>5){
|
||||
alert("i18n_sp.message.selectToDraw_n81i");
|
||||
return;
|
||||
}else{
|
||||
$(".checks:checked").each(function() {
|
||||
var lable = $(this).closest("label");
|
||||
result += lable.attr("ids")+',';
|
||||
});
|
||||
if (result == "") {
|
||||
alert("i18n_sp.message.selectTodrawID_n81i");
|
||||
return;
|
||||
} else {
|
||||
//parent.window.returnValue = result;
|
||||
var ctId= $("#ctid").val();
|
||||
var disId= $("#did").val();
|
||||
var metaId= $("#mid").val();
|
||||
var seqId= $("#seqId").val();
|
||||
var drwTo= $("#drIndex").val();
|
||||
|
||||
//var resu = window.opener.dialogArguments;
|
||||
var resu = $(window.parent.document).find("#I3")[0].contentWindow;
|
||||
//alert("父窗体引用："+resu);
|
||||
resu.getPicScorce(metaId,disId,ctId,seqId,result,drwTo)
|
||||
}
|
||||
layclose();
|
||||
}
|
||||
})
|
||||
|
||||
$("#clear").click(function() {
|
||||
$(".checks").removeAttr("checked");
|
||||
resetBg();
|
||||
})
|
||||
|
||||
$("#cancel").click(function() {
|
||||
layclose();
|
||||
})
|
||||
|
||||
$(".checks").click(function() {
|
||||
resetBg();
|
||||
})
|
||||
|
||||
})
|
||||
|
||||
$(function() {
|
||||
$("#query").focus();
|
||||
})
|
||||
function layclose() {
|
||||
var index = parent.layer.getFrameIndex(window.name);
|
||||
parent.layer.close(index);
|
||||
}
|
||||
function resetBg() {
|
||||
$(".checks").each(function() {
|
||||
var label = $(this).closest("label");
|
||||
if ($(this).is(":checked")) {
|
||||
label.css("background-Color", "#B5C19B");
|
||||
} else {
|
||||
label.css("background-Color", "");
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function query(str) {
|
||||
if ($.trim(str) == "") {
|
||||
$(".item").show();
|
||||
} else {
|
||||
$(".item").hide();
|
||||
$(".item[title^='" + str + "']").show();
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<form action="" name="Mkform" method="post">
|
||||
<input type="hidden" id="seqId" name="seqId" value="${sqId}"/>
|
||||
<input type="hidden" id="did" name ="dsiId" value="${dsiId }"/>
|
||||
<input type="hidden" id = "ctid" name="ctid" value = "${ctId}"/>
|
||||
<input type="hidden" id = "mid" name="mid" value = "${metaId}"/>
|
||||
<input type="hidden" id="drIndex" name="drIndex" value="${drIndex}"/>
|
||||
<table class="STYLE1" width="100%" border="0" cellspacing="0"
|
||||
cellpadding="0">
|
||||
<tr style="">
|
||||
<td style="padding: 5px 0px 0px 5px">
|
||||
i18n_sp.text.query_n81i：
|
||||
<input type="text" id="query"
|
||||
style="height: 15px; border: solid 1px; border-right-width: 0px;" />
|
||||
<span title="清空" id="clearQuery"
|
||||
style="cursor: pointer; margin-left: -3px; border: solid 1px; border-left-width: 0px; padding: 2px 5px 0px 5px">×</span>
|
||||
i18n_sp.message.query_n81i
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div id="listDiv"
|
||||
style="margin:5px 0px;background-color: #d3eaef; height: 260px; overflow: auto;border:1px solid gray;">
|
||||
<c:forEach items="${dataList}" var="item">
|
||||
<label class="item" title="${item}" ids="${item}"style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 120px;">
|
||||
<input class="checks" type="checkbox" value="${item}"/>
|
||||
${item}
|
||||
</label>
|
||||
</c:forEach>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 0px 5px">
|
||||
<input class="btn" style="width: 80px;float:left" id="clear"
|
||||
type="button" value="i18n_sp.button.clear_n81i" />
|
||||
<input class="btn" style="width: 80px;margin-left: 5px;float:right;" id="ok" type="button"
|
||||
value="i18n_sp.button.ok_n81i" />
|
||||
<input class="btn" style="width: 80px;margin-left: 5px;float:right;" id="cancel" type="button"
|
||||
value="i18n_sp.button.cancel_n81i" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,293 @@
|
||||
<%@ page language="java" pageEncoding="utf-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://" + request.getServerName() + ":"
|
||||
+ request.getServerPort() + path + "/";
|
||||
|
||||
request.setAttribute("vEnter","\n");
|
||||
%>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeIpGroupListNew) > 0}">
|
||||
<c:forEach items="${nodeIpGroupListNew}" var="detecInfoList">
|
||||
<c:forEach items="${detecInfoList}" var="rowData" varStatus="vs">
|
||||
<c:set var="type" value="${rowData[2]}" />
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="nodeSysType" value="${rowData[13] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="nodeType" value="${rowData[15] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
<td class="color_1_1" rowspan="${fn:length(detecInfoList)}"
|
||||
valign="top">
|
||||
<!-- 2、 调用JS，此处远程连接调用JS在/common/remoteConn.jsp中 -->
|
||||
<a href="javascript:void(0);" name="${cellData}"
|
||||
onclick="remoteConn('${nodeSysType }','${cellData}','${nodeType }', this)">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${cellData == 'i18n_smilc.message.handshake_n81i'}">
|
||||
<c:set var="handshake" value="true" />
|
||||
</c:if>
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')"
|
||||
title="i18n_smilc.message.showRecord_n81i"> <c:out value="${cellData}" default="" /> </a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showDetectionInfo('${dsiId }','${sqId }')"
|
||||
title="i18n_smilc.message.showDetectionInfo_n81i"> <c:out value="${cellData}" default="" /> </a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" title="i18n_smilc.message.drawPic_n81i" /> </a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${(fn:trim(cellData) == '0' ||fn:trim(cellData) == '-1')&&type=='i18n_smilc.message.handshake_n81i' }"
|
||||
var="handshakeEr">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${(fn:trim(cellData) == '0' ||fn:trim(cellData) == '-1')&&type!='i18n_smilc.message.handshake_n81i' }">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}" <%-- onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" --%> >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfoParam}</span>
|
||||
<%-- <span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span> --%>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')} </span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')"
|
||||
title="i18n_smilc.message.showRecord_n81i"> <c:out value="${cellData}" default="" /> </a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showDetectionInfo('${dsiId }','${sqId }')"
|
||||
title="i18n_smilc.message.showDetectionInfo_n81i"> <c:out value="${cellData}" default="" /> </a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" title="i18n_smilc.message.drawPic_n81i" /> </a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${!handshakeEr}">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' || fn:trim(cellData) == '-1'}">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${!handshakeEr && status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}" <%-- onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" --%> >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal">${stateInfoParam}</span>
|
||||
<%-- <span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span> --%>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
<script type="text/javascript" >
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
$(".prop").each(function(){
|
||||
var obj = $(this);
|
||||
var tx = document.body.clientWidth; //文档的可见长宽
|
||||
var ty = document.body.clientHeight;
|
||||
$(obj).on("mouseenter",function(event){
|
||||
event = event ? event : window.event;
|
||||
$(".popover").remove();
|
||||
var x = event.clientX;//鼠标位置
|
||||
var y = event.clientY;
|
||||
//alert(tx + "," + ty + "," + x + "," + y);
|
||||
if (y < ty/2) {
|
||||
var placement = "bottom";
|
||||
} else {
|
||||
var placement = "top";
|
||||
}
|
||||
$(obj).popover({
|
||||
html:true,
|
||||
content:"<div class='pop-content'><div style='margin-right:15px'>" + $(this).attr("data-temp") + "</div></div>",
|
||||
placement:placement
|
||||
});
|
||||
$(obj).popover("show");
|
||||
const ps = new PerfectScrollbar('.pop-content');
|
||||
|
||||
//修复因浏览器兼容性导致的弹出框位置不对的问题
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
var propy1 = $(obj).offset().top;
|
||||
var propy2 = $(obj).offset().top + $(obj).height();
|
||||
if (placement == "top") {
|
||||
if (propy1 < popy2) {
|
||||
$(pop).css("top", propy1 - 3);
|
||||
}
|
||||
} else if (placement == "bottom") {
|
||||
if (propy2 > popy1) {
|
||||
$(pop).css("top", propy2 + 3);
|
||||
}
|
||||
}
|
||||
|
||||
}).on("mouseleave",function(event){
|
||||
event = event ? event : window.event;
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
//var popChild = $(obj).find(".stateInfoVal")[0]; //td中的span
|
||||
//var popChildyHeight = popChild.offsetHeight;
|
||||
|
||||
var x = event.clientX; //鼠标位置
|
||||
var y = event.clientY;
|
||||
if (y < ty/2) {
|
||||
var extraTop = 3;
|
||||
var extraBottom = 0;
|
||||
} else {
|
||||
var extraTop = 0;
|
||||
var extraBottom = 3;
|
||||
}
|
||||
|
||||
if (x < popx1 || x > popx2 || y < (popy1 - extraTop) || y > (popy2 + extraBottom)) {
|
||||
$(obj).popover("hide");
|
||||
} else {
|
||||
$(pop).on("mouseleave",function(event){
|
||||
$(obj).popover("hide");
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text().replace("<br>","").replace("<br/>","").trim();
|
||||
if(infoVal.length>50){
|
||||
$(stateInfos[i]).html(infoVal.substring(0,50)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).html(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
828
WebRoot/page/detection/monitorData/serverMonitorInfoListNew.jsp
Normal file
828
WebRoot/page/detection/monitorData/serverMonitorInfoListNew.jsp
Normal file
@@ -0,0 +1,828 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@page import="java.text.SimpleDateFormat"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
|
||||
<%
|
||||
response.setHeader("Cache-Control", "no-store");
|
||||
response.setHeader("Pragma", "no-cache");
|
||||
response.setDateHeader("Expires", 0);
|
||||
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://" + request.getServerName() + ":"
|
||||
+ request.getServerPort() + path + "/";
|
||||
request.setAttribute("vEnter","\n");
|
||||
request.setAttribute("singleQuot","\'");
|
||||
request.setAttribute("doubleQuot","\"");
|
||||
%>
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_smiln.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link rel="stylesheet" type="text/css" href="<c:url value='/scrollBar/perfect-scrollbar.css'/>" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery1.11.3.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap.min.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap-tooltip.js' />"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/bootstrap-popover.js' />"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value="/scrollBar/perfect-scrollbar.js"/>"></script>
|
||||
<style type="text/css">
|
||||
.mydiv {
|
||||
background-color: #fff;
|
||||
border: 1px solid #000;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
z-index: 99;
|
||||
width: 220px;
|
||||
height: 80px;
|
||||
left: 50%; /*FF IE7*/
|
||||
top: 50%; /*FF IE7*/
|
||||
margin-left: -150px !important; /*FF IE7 该值为本身宽的一半 */
|
||||
margin-top: -60px !important; /*FF IE7 该值为本身高的一半*/
|
||||
margin-top: 0px;
|
||||
position: fixed !important; /*FF IE7*/
|
||||
position: absolute; /*IE6*/
|
||||
_top: expression(eval(document . compatMode &&
|
||||
document . compatMode ==
|
||||
|
||||
'CSS1Compat') ?
|
||||
|
||||
documentElement . scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
documentElement . clientHeight-this .
|
||||
offsetHeight )/ 2 :
|
||||
/*IE6*/
|
||||
document . body .
|
||||
scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
body .
|
||||
clientHeight - this .
|
||||
clientHeight )/ 2 );
|
||||
/*IE5 IE5.5*/
|
||||
}
|
||||
|
||||
.bg {
|
||||
background-color: #ccc;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0; /*FF IE7*/
|
||||
filter: alpha(opacity = 50); /*IE*/
|
||||
opacity: 0.5; /*FF*/
|
||||
z-index: 1;
|
||||
position: fixed !important; /*FF IE7*/
|
||||
position: absolute; /*IE6*/
|
||||
_top: expression(eval(document . compatMode &&
|
||||
document . compatMode ==
|
||||
|
||||
'CSS1Compat') ?
|
||||
|
||||
documentElement . scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
documentElement . clientHeight-this .
|
||||
offsetHeight )/ 2 :
|
||||
/*IE6*/
|
||||
document . body .
|
||||
scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
body .
|
||||
clientHeight - this .
|
||||
clientHeight )/ 2 );
|
||||
/*IE5 IE5.5*/
|
||||
}
|
||||
/*The END*/
|
||||
/* 自定义滚动条 */
|
||||
.pop-content {
|
||||
position:relative;
|
||||
max-height:300px;
|
||||
padding-left:5px;
|
||||
}
|
||||
.ps__rail-x {
|
||||
display:none !important;
|
||||
}
|
||||
.ps__rail-y {
|
||||
display:"" !important;
|
||||
}
|
||||
.popover.top {
|
||||
margin-top: -3px !important;
|
||||
}
|
||||
.popover.bottom {
|
||||
margin-top: 3px !important;
|
||||
}
|
||||
.fade.in {
|
||||
opacity: 1;
|
||||
}
|
||||
.popover {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1010;
|
||||
display: none;
|
||||
width: 300px;
|
||||
padding: 1px;
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
.fade {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.15s linear;
|
||||
-moz-transition: opacity 0.15s linear;
|
||||
-o-transition: opacity 0.15s linear;
|
||||
transition: opacity 0.15s linear;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
//页面5分钟刷新一次
|
||||
var interval;
|
||||
$(function(){
|
||||
interval = setInterval('qry()',5*60*1000);
|
||||
$(".prop").each(function(){
|
||||
var obj = $(this);
|
||||
var tx = document.body.clientWidth; //文档的可见长宽
|
||||
var ty = document.body.clientHeight;
|
||||
$(obj).on("mouseenter",function(event){
|
||||
event = event ? event : window.event;
|
||||
$(".popover").remove();
|
||||
var x = event.clientX;//鼠标位置
|
||||
var y = event.clientY;
|
||||
//alert(tx + "," + ty + "," + x + "," + y);
|
||||
if (y < ty/2) {
|
||||
var placement = "bottom";
|
||||
} else {
|
||||
var placement = "top";
|
||||
}
|
||||
$(obj).popover({
|
||||
html:true,
|
||||
content:"<div class='pop-content'><div style='margin-right:15px'>" + $(this).attr("data-temp") + "</div></div>",
|
||||
placement:placement
|
||||
});
|
||||
$(obj).popover("show");
|
||||
const ps = new PerfectScrollbar('.pop-content');
|
||||
|
||||
//修复因浏览器兼容性导致的弹出框位置不对的问题
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
var propy1 = $(obj).offset().top;
|
||||
var propy2 = $(obj).offset().top + $(obj).height();
|
||||
if (placement == "top") {
|
||||
if (propy1 < popy2) {
|
||||
$(pop).css("top", propy1 - 3);
|
||||
}
|
||||
} else if (placement == "bottom") {
|
||||
if (propy2 > popy1) {
|
||||
$(pop).css("top", propy2 + 3);
|
||||
}
|
||||
}
|
||||
|
||||
}).on("mouseleave",function(event){
|
||||
event = event ? event : window.event;
|
||||
var pop = document.getElementsByClassName("popover")[0]; //弹出层的信息
|
||||
var popx1 = pop.offsetLeft;
|
||||
var popy1 = pop.offsetTop;
|
||||
var popx2 = pop.offsetLeft + pop.offsetWidth;
|
||||
var popy2 = pop.offsetTop + pop.offsetHeight;
|
||||
|
||||
//var popChild = $(obj).find(".stateInfoVal")[0]; //td中的span
|
||||
//var popChildyHeight = popChild.offsetHeight;
|
||||
|
||||
var x = event.clientX; //鼠标位置
|
||||
var y = event.clientY;
|
||||
if (y < ty/2) {
|
||||
var extraTop = 3;
|
||||
var extraBottom = 0;
|
||||
} else {
|
||||
var extraTop = 0;
|
||||
var extraBottom = 3;
|
||||
}
|
||||
|
||||
if (x < popx1 || x > popx2 || y < (popy1 - extraTop) || y > (popy2 + extraBottom)) {
|
||||
$(obj).popover("hide");
|
||||
} else {
|
||||
$(pop).on("mouseleave",function(event){
|
||||
$(obj).popover("hide");
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function clear(){
|
||||
clearInterval(interval);
|
||||
}
|
||||
|
||||
//查询记录
|
||||
function qry(){
|
||||
document.form3.action = "<c:url value='monitorData.do?action=query&date="+new Date()+"'/>";
|
||||
document.form3.submit();
|
||||
}
|
||||
//查看详情
|
||||
function showRecord(monid,cid){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=detail&cId="+cid+"&ids="+monid+"&pageNo="+mypageNo+"&pageSize="+mypageSize;
|
||||
document.form3.submit();
|
||||
}
|
||||
//绘制折线图
|
||||
function drawPic(ctid,dsiId,id){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=drawPic&checkTypeId="+ctid+"&dsiId="+dsiId+"&sqId="+id+"&pageNo="+mypageNo+"&pageSize="+mypageSize;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function showDetectionInfo(dsiId,seqId){
|
||||
clear();
|
||||
var mypageNo = $("#currentPage").html();
|
||||
var mypageSize = $("#newPageSize").val();
|
||||
$("#newPageSize").attr("disabled","true");
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=showDetectionInfo&dsiId="+dsiId+"&sqId="+seqId+"&mypageNo="+mypageNo+"&mypageSize="+mypageSize;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
|
||||
var set_Id;
|
||||
var ajaxProperties = "";
|
||||
var ajaxTableName = "";
|
||||
var ajaxType = "";
|
||||
var id = "";
|
||||
var returnDiv = "";
|
||||
var ajaxValue = "";
|
||||
|
||||
function lianxiangkeydown() {
|
||||
clearTimeout(set_Id);
|
||||
}
|
||||
|
||||
function lianxiangkeyup(ajaxProperties1,ajaxTableName1,ajaxType1,id1,returnDiv1,ajaxValue1) {
|
||||
if(parent.document.getElementById("lianxiangStatus").value=="2")
|
||||
{
|
||||
if(jQuery.trim(ajaxValue1)=="") return false;
|
||||
|
||||
ajaxProperties = ajaxProperties1;
|
||||
ajaxTableName = ajaxTableName1;
|
||||
ajaxType = ajaxType1;
|
||||
id = id1;
|
||||
returnDiv = returnDiv1;
|
||||
|
||||
if(!checkStrNoDian(ajaxValue1)){
|
||||
ajaxValue = ajaxValue1;
|
||||
}else{
|
||||
clearTimeout(set_Id);
|
||||
alert('i18n_smiln.message.hasSpecialChar_n81i');
|
||||
$("#"+id).val('');
|
||||
return;
|
||||
}
|
||||
clearTimeout(set_Id);
|
||||
set_Id = setTimeout(ajaxForLianxiang,500);
|
||||
}
|
||||
}
|
||||
function ajaxForLianxiang()
|
||||
{
|
||||
if('${requestType}'=="topo"){//拓扑图过来的不做nodeType区分
|
||||
jQuery.post("<%=path%>/sysManage/sysPopedomManage!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv});
|
||||
if(lianxiangList == ''){
|
||||
$("#"+id).css("color","#CBC0B6");
|
||||
}else{
|
||||
$("#"+id).css("color","#000000");
|
||||
}
|
||||
});
|
||||
}else{
|
||||
jQuery.post("<%=path%>/sysManage/sysPopedomManage!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue,"nodeType":0},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv});
|
||||
if(lianxiangList == ''){
|
||||
$("#"+id).css("color","#CBC0B6");
|
||||
}else{
|
||||
$("#"+id).css("color","#000000");
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function lianxiangStateInfokeyup() {
|
||||
var stateInfo = $('#stateInfo').val();
|
||||
setTimeout(function(){
|
||||
jQuery.post(
|
||||
"<%=request.getContextPath()%>/sysManage/dataDictionary!querySouceForAjax.do",
|
||||
{'ddid': 'monitorStatusInfo', 'nameLike': stateInfo },
|
||||
function(data) {
|
||||
var lianxiangList = data.split(",");
|
||||
$('#stateInfo').suggest(lianxiangList,{hot_list:lianxiangList,attachObject:'#suggest2'});
|
||||
$('#stateInfo').css("color","#000000"); <%-- 修正查询条件文本内容自动变灰 --%>
|
||||
}
|
||||
);
|
||||
},500);
|
||||
}
|
||||
|
||||
function ieBrowser(){
|
||||
/* if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
} */
|
||||
}
|
||||
|
||||
//程辉 2013-5-8 新增 导出当前页
|
||||
function emportCurrentXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/monitorData.do?action=emportCurrentXls&pageType=query&nodeType=0&pageNo="+$("#pageNo").val()+"&pageSize="+'${pageSize }'+"&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action = "<c:url value='monitorData.do?action=query'/>";
|
||||
}
|
||||
//程辉 2013-5-8 新增 导出全部
|
||||
function emportAllXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/monitorData.do?action=emportAllXls&pageType=query&nodeType=0&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val();
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action ="<c:url value='monitorData.do?action=query'/>";
|
||||
}
|
||||
function showDiv(){
|
||||
document.getElementById('popDiv').style.display='block';
|
||||
document.getElementById('bg').style.display='block';
|
||||
}
|
||||
|
||||
function closeDiv(){
|
||||
document.getElementById('popDiv').style.display='none';
|
||||
document.getElementById('bg').style.display='none';
|
||||
}
|
||||
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98.5%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
function changeHeader(){
|
||||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||||
}
|
||||
window.onresize = function(){
|
||||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||||
}
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
var hght=0;//初始化滚动条总长
|
||||
var topH=0;//初始化滚动条的当前位置
|
||||
var pagePoint = ${pageNo};
|
||||
var memoryData ;
|
||||
var intervalID ;
|
||||
var currentPage = 0; //当前页数
|
||||
var currenttotalPage = 0; //总页数
|
||||
$(function(){//DOM的onload事件
|
||||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||||
});
|
||||
intervalID = setInterval(function(){cando();},1000);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||||
function cando(){
|
||||
currentPage = $("#currentPage").html();
|
||||
currenttotalPage = $("#currenttotalPage").html();
|
||||
if(Number(currentPage) < Number(currenttotalPage)){
|
||||
if(topH!=0 && hght!=0 && topH == hght ){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
show();//如果是，调用show函数加载内容。
|
||||
}
|
||||
}else if(Number(currentPage) == Number(currenttotalPage)){
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
}
|
||||
function show(){
|
||||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||||
topH=0;//原因同上。
|
||||
var urlTmp = encodeURI("<c:url value='monitorData.do?action=queryChild'/>&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&cip="+$("#nodeIp").val()+"&ctn="+$("#checkTypeId").val()+"&stateInfo="+$("#stateInfo").val()+"&nodeGroupStr=${nodeGroupStr}&nodeIpRange=${nodeIpRange}");
|
||||
$.ajax({
|
||||
url:urlTmp,
|
||||
type : "get",
|
||||
async:false,
|
||||
success : function(data) {
|
||||
var resultHtml = $(data);
|
||||
var parentLastIpTd = $("td[rowspan]:last");
|
||||
var childFirstIpTd = $(resultHtml).find("td[rowspan]:first");
|
||||
var pLastIp = $(parentLastIpTd)[0].innerText.trim();
|
||||
var cFirstIp = $(childFirstIpTd)[0].innerText.trim();
|
||||
if (pLastIp == cFirstIp) {
|
||||
$(parentLastIpTd).attr("rowspan", parseInt($(parentLastIpTd).attr("rowspan"))+parseInt($(childFirstIpTd).attr("rowspan")));
|
||||
$(resultHtml).children("td[rowspan]:first").remove();
|
||||
}
|
||||
$("#info").append($(resultHtml));//用append方法追加内容到mypage元素。
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
$("#currentPage").html(pagePoint);//修改页码
|
||||
$("#pageNo").val(pagePoint);
|
||||
}
|
||||
});
|
||||
loadButton();
|
||||
}
|
||||
});
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
|
||||
function downloadfile(fileName){
|
||||
document.form3.action="<c:url value='/'/>/download/downLoadFile!download.do?file="+fileName;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
/*--------------控制表格输出长度--------------------*/
|
||||
$(function(){
|
||||
var stateInfos=$(".stateInfoVal");
|
||||
for(var i=0;i<stateInfos.length;i++){
|
||||
var infoVal=$(stateInfos[i]).text();
|
||||
infoVal=infoVal.replace("<br/>","").trim();
|
||||
if(infoVal.length>50){
|
||||
$(stateInfos[i]).text(infoVal.substring(0,50)).append("...");
|
||||
}else{
|
||||
$(stateInfos[i]).text(infoVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='monitorData.do?action=query'/>&date=<%=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss").format(new Date()).toString()%>"
|
||||
method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="pageNoforexp" id="pageNo"
|
||||
value="${pageNo }" />
|
||||
<!-- type为空：服务器检测，type=1：网元检测 type=2:异常网元 -->
|
||||
<input type="hidden" value="${type }" name="type" id="type" />
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
|
||||
<input id="showContParam" type="hidden" value="" />
|
||||
|
||||
<div id="divTop">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_smiln.text.nodeIp_n81i </font>
|
||||
<input type="text" id="nodeIp"
|
||||
onkeyup="lianxiangkeyup('nodeIp','NodeTable','String','nodeIp','suggest1',this.value);"
|
||||
name="cip" title="i18n_smiln.message.nodeIp_n81i " value="${cip}" size="20" />
|
||||
<div id='suggest1' class="ac_results"></div></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_smiln.text.nodeGroup_n81i</font>
|
||||
<input type="text" name="nodeGroupStr" title="i18n_smiln.message.nodeGroup_n81i" value="${nodeGroupStr}" id="nodeGroupStr"
|
||||
onkeyup="lianxiangkeyup('groupName','NodegroupTable','String','nodeGroupStr','suggest1',this.value);" /></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_smiln.text.checkType_n81i</font>
|
||||
<input type="hidden" name="ctn" title="i18n_smiln.message.checkType_n81i" value="${ctn}" id="checkTypeId"
|
||||
onkeyup="lianxiangkeyup('checkTypeName1','CheckTypeInfo','String','checkTypeId','suggest1',this.value);" />
|
||||
<select name="checkType">
|
||||
<option value="-1" <c:if test="${empty checkType or checkType eq -1}">selected ="selected"</c:if>>i18n_dwl.text.changeEmergentDefault_n81i</option>
|
||||
<c:forEach items="${allCheckTypeInfo }" var="checkTypeInfo">
|
||||
<%-- <c:if test="${checkTypeInfo.isSnmp ne 1 or checkTypeInfo.id eq 7}"> --%>
|
||||
<option value="${checkTypeInfo.id }" <c:if test="${checkTypeInfo.id eq checkType}">selected ="selected"</c:if>>${checkTypeInfo.checkTypeName1 }</option>
|
||||
<%-- </c:if> --%>
|
||||
</c:forEach>
|
||||
</select>
|
||||
</label>
|
||||
<%-- <label class="divTopText"><font class="selectText">i18n_smiln.text.stateInfo_n81i</font>--%>
|
||||
<input type="hidden" name="stateInfo" title="i18n_smiln.message.stateInfo_n81i" value="${stateInfo}" id="stateInfo"
|
||||
onkeyup="lianxiangStateInfokeyup();"/>
|
||||
<%-- <div id='suggest2' class="ac_results" style="min-width: 200px; width: auto;"></div></label> --%>
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle2" onclick="javascript:qry();" />
|
||||
</div>
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:showDiv();" value="i18n_smiln.button.export_n81i" />
|
||||
<jsp:include page="/include/include.jsp" /></div>
|
||||
</div>
|
||||
<div id="maindiv">
|
||||
<table cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_smiln.text.nodeIp_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_smiln.text.checkType_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1" nowrap>
|
||||
i18n_smiln.text.processIdenName_n81i
|
||||
</td>
|
||||
<td width="6%" class="color_top_1" nowrap>
|
||||
i18n_smiln.text.state_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_smiln.text.dataCheckTime_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top_1">
|
||||
i18n_smiln.text.persistTime_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top_1" nowrap>
|
||||
i18n_smiln.text.tryTimes_n81i
|
||||
</td>
|
||||
<td width="25%" class="color_8">
|
||||
i18n_smiln.text.stateInfo_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<!-- 1、远程连接引入页面 -->
|
||||
<jsp:include page="/common/remoteConn.jsp" />
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeIpGroupListNew) > 0}">
|
||||
<c:forEach items="${nodeIpGroupListNew}" var="detecInfoList">
|
||||
<c:forEach items="${detecInfoList}" var="rowData" varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="nodeSysType" value="${rowData[13] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="nodeType" value="${rowData[15] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<!-- 特种设备特殊标记 -->
|
||||
<c:set var="specialServer" value="${rowData[18] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
<td class="color_1_1"
|
||||
rowspan="${fn:length(detecInfoList)}" valign="top">
|
||||
<!-- 2、 调用JS，此处远程连接调用JS在/common/remoteConn.jsp中 -->
|
||||
<a href="javascript:void(0);"
|
||||
onclick="remoteConn('${nodeSysType}','${cellData}','${nodeType}', this)"
|
||||
name="${cellData}"><c:out value="${cellData}" default="" />
|
||||
<c:if test="${not empty specialServer}"><span style="color:red">*</span></c:if>
|
||||
</a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${cellData == 'i18n_smiln.message.handshake_n81i'}" var="handshake"></c:if>
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')"
|
||||
title="i18n_smiln.message.showRecord_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a
|
||||
href="javascript:showDetectionInfo('${dsiId }','${sqId }')"
|
||||
title="i18n_smiln.message.showDetectionInfo_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')"
|
||||
title="i18n_smiln.message.drawPic_n81i"> <img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" /> </a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' ||fn:trim(cellData) == '-1'}"
|
||||
var="handshakeEr">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
<span class="prop" data-temp="${stateInfoParam}"<%-- onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" --%>>
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
${stateInfo}
|
||||
</c:if> --%>
|
||||
<span class="stateInfoVal" style="display:inline-block;">${stateInfoParam}</span>
|
||||
<%-- <span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span> --%>
|
||||
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}
|
||||
</span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="1" end="8">
|
||||
<c:set var="dniId" value="${rowData[0] }" />
|
||||
<c:set var="ctiId" value="${rowData[11] }" />
|
||||
<c:set var="dsiId" value="${rowData[10] }" />
|
||||
<c:set var="nodeIp" value="${rowData[1] }" />
|
||||
<c:set var="sqId" value="${rowData[12] }" />
|
||||
<c:set var="charStateNum" value="${rowData[14] }" />
|
||||
<c:set var="status" value="${rowData[4] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 1}">
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 2}">
|
||||
<td class="color_1_1">
|
||||
<a href="javascript:showRecord('${dniId }','${ctiId }')"
|
||||
title="i18n_smiln.message.showRecord_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1">
|
||||
<a
|
||||
href="javascript:showDetectionInfo('${dsiId }','${sqId }')"
|
||||
title="i18n_smiln.message.showDetectionInfo_n81i"> <c:out value="${cellData}" default="" />
|
||||
</a>
|
||||
<c:if test="${charStateNum>0}">
|
||||
<a
|
||||
href="javascript:drawPic('${ctiId }','${dsiId }','${sqId }')">
|
||||
<img
|
||||
src="${pageContext.request.contextPath }/images/action.png"
|
||||
border=0 height="15" width="15" alt="" title="i18n_smiln.message.drawPic_n81i" />
|
||||
</a>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 4}">
|
||||
<td class="color_1_1">
|
||||
<c:if test="${!handshakeEr}">
|
||||
<c:if test="${fn:trim(cellData)=='1'}">
|
||||
<img src="<c:url value='/images/yes.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
<c:if
|
||||
test="${fn:trim(cellData) == '0' || fn:trim(cellData) == '-1'}">
|
||||
<img src="<c:url value='/images/no.gif'/>" border="0"
|
||||
align="middle" />
|
||||
</c:if>
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 5}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
<c:when test="${ind.index eq 6}">
|
||||
<td class="color_1_1" nowrap="nowrap">
|
||||
<c:if test="${!handshakeEr && status !='3'}">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</c:if>
|
||||
</td>
|
||||
</c:when>
|
||||
|
||||
<c:when test="${ind.index eq 8}">
|
||||
<c:set value="${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}" var="stateInfo"></c:set>
|
||||
<td class="color_7_1" >
|
||||
<c:set value="${fn:replace(fn:replace(cellData,vEnter,'$@$'),'$@$','<br/>')}" var="stateInfoParam"></c:set>
|
||||
|
||||
<span class="prop" data-temp="${stateInfoParam}"<%-- onmouseover="showTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}',this,event);" onmouseout="hideTitle('infoTipSpan_${sqId}_${ctiId}_${dsiId}');" --%> >
|
||||
<%-- <c:if test="${fn:length(stateInfo) >= 50}">
|
||||
${fn:substring(stateInfo,0,50)}...
|
||||
</c:if>
|
||||
<c:if test="${fn:length(stateInfo) < 50}">
|
||||
<span class="stateInfoVal">${stateInfo}</span>
|
||||
</c:if> --%>
|
||||
|
||||
<%-- <span class="stateInfoVal" >${stateInfo}</span> --%>
|
||||
<span class="stateInfoVal" >${stateInfoParam}</span>
|
||||
|
||||
<%-- <span id="infoTipSpan_${sqId}_${ctiId}_${dsiId}" class="infoTip" style="display:none;">${stateInfoParam}</span> --%>
|
||||
</span>
|
||||
</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
${fn:replace(fn:replace(cellData,'$@$',''),'<br/>','')}
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="8" class="color_6" align="center">
|
||||
i18n_smiln.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty nodeIpGroupListNew}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
|
||||
<div id="popDiv" class="mydiv" style="display: none;">
|
||||
<input type="hidden" />
|
||||
<input type="button" class=btn3_mouseout style="width: 100px;"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportCurrentXls();" value="i18n_smiln.button.exportCurrentPage_n81i" />
|
||||
|
||||
<input type="button" class=btn3_mouseout style="width: 80px"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportAllXls();" value="i18n_smiln.button.exportAllData_n81i" />
|
||||
|
||||
<br />
|
||||
<a href="javascript:closeDiv()">i18n_smiln.text.closeWindow_n81i</a>
|
||||
</div>
|
||||
|
||||
<div id="bg" class="bg" style="display: none;"></div>
|
||||
<span id="infoTipSpan" class="infoTip" style="display:none;"></span>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
349
WebRoot/page/detection/monitorData/vmonitorInfoList.jsp
Normal file
349
WebRoot/page/detection/monitorData/vmonitorInfoList.jsp
Normal file
@@ -0,0 +1,349 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_vil.message.title_n81i</title>
|
||||
<link href="<c:url value='/desktop/css/index${userBgColor }.css'/>"
|
||||
rel="stylesheet" type="text/css" />
|
||||
<script src="<c:url value='/js/onmouse${userBgColor }.js'/>"
|
||||
type="text/javascript"></script>
|
||||
<link href="<c:url value='/css/styles.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/datepicker/WdatePicker.js'/>"></script>
|
||||
<script type="text/javascript" src="<%=path%>/templates/js/object.js"></script>
|
||||
<script type="text/javascript" src="<%=path%>/templates/js/common.js"></script>
|
||||
<script src="<c:url value='/js/jquery.js'/>" type="text/javascript"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js' />"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
//查询记录
|
||||
function qry(){
|
||||
document.form3.action = "<%=path%>/detection/monitorData.do?action=query";
|
||||
document.form3.submit();
|
||||
}
|
||||
//查看详情
|
||||
function showRecord(monid){
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=detail&ids="+monid;
|
||||
document.form3.submit();
|
||||
}
|
||||
//绘制折线图
|
||||
function drawPic(ctid,dsiId,ip){
|
||||
document.form3.action = "<%=path%>/detection/monitorData!executeAction.do?action=drawPic&checkTypeId="+ctid+"&dsiId="+dsiId+"&ip="+ip;
|
||||
document.form3.submit();
|
||||
}
|
||||
//parent.document.all("listFrame").style.height = document.body.scrollHeight + 16;
|
||||
|
||||
|
||||
var set_Id;
|
||||
var ajaxProperties = "";
|
||||
var ajaxTableName = "";
|
||||
var ajaxType = "";
|
||||
var id = "";
|
||||
var returnDiv = "";
|
||||
var ajaxValue = "";
|
||||
|
||||
function lianxiangkeydown() {
|
||||
clearTimeout(set_Id);
|
||||
}
|
||||
|
||||
function lianxiangkeyup(ajaxProperties1,ajaxTableName1,ajaxType1,id1,returnDiv1,ajaxValue1) {
|
||||
if(parent.document.getElementById("lianxiangStatus").value=="2")
|
||||
{
|
||||
if(jQuery.trim(ajaxValue1)=="") return false;
|
||||
|
||||
ajaxProperties = ajaxProperties1;
|
||||
ajaxTableName = ajaxTableName1;
|
||||
ajaxType = ajaxType1;
|
||||
id = id1;
|
||||
returnDiv = returnDiv1;
|
||||
|
||||
ajaxValue = ajaxValue1;
|
||||
clearTimeout(set_Id);
|
||||
set_Id = setTimeout(ajaxForLianxiang,500);
|
||||
}
|
||||
}
|
||||
|
||||
function ajaxForLianxiang()
|
||||
{
|
||||
jQuery.post("<%=path%>/sysManage/sysPopedomManage!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv});
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<body>
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='/detection/monitorData.do'/>" method="post">
|
||||
<table width="99%" align="center" align="center" cellpadding="0"
|
||||
cellspacing="1" class="ta_color">
|
||||
<div style="height: 3px; width: 100%; margin: 0px auto; padding: 0px;"></div>
|
||||
|
||||
<tr>
|
||||
<td colspan="10">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="1"
|
||||
class="ta_color">
|
||||
<tr class="td_color">
|
||||
<jsp:include page="/include/include.jsp"></jsp:include>
|
||||
</tr>
|
||||
<tr align="left">
|
||||
|
||||
<td height="20" class="td_color" nowrap>
|
||||
<div align="left">
|
||||
<span class="STYLE1"> i18n_vil.text.hostName_n81i : </span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td height="20" bgcolor="#FFFFFF" nowrap>
|
||||
<div align="left">
|
||||
<span class="STYLE1"> <input type="text"
|
||||
id="nodeIp"
|
||||
onkeyup="lianxiangkeyup('nodeIp','NodeTable','String','nodeIp','suggest1',this.value);"
|
||||
name="nodeIp" title="i18n_vil.message.hostName_n81i" value="${nodeIp}" size="20" />
|
||||
</span>
|
||||
<div id='suggest1' class="ac_results"></div>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td height="20" class="td_color" nowrap>
|
||||
<div align="left">
|
||||
<span class="STYLE1"> i18n_vil.text.checkType_n81i : </span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td height="20" bgcolor="#FFFFFF" nowrap>
|
||||
<div align="left">
|
||||
<span class="STYLE1">
|
||||
|
||||
<input type="text" id="checkTypeName"
|
||||
onkeyup="lianxiangkeyup('checkTypeName', 'CheckTypeInfo', 'String', 'checkTypeName','suggest2', this.value);"
|
||||
name="checkTypeName"
|
||||
title="i18n_vil.message.checkType_n81i"
|
||||
value="${checkTypeName}" size="20" />
|
||||
</span>
|
||||
<div id='suggest2' class="ac_results"></div>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td height="20" class="td_color">
|
||||
<div align="center">
|
||||
<img src="<c:url value='/desktop/images/anniu/anniu_3${userBgColor }.png'/>"
|
||||
align="center" onclick="javascript:qry()"
|
||||
border="0" />
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="10%" class="td_color" nowrap>
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_vil.text.hostName_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
<td width="8%" class="td_color" nowrap>
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_vil.text.checkType_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
<td width="8%" class="td_color" nowrap>
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_vil.text.processIdenName_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
<td width="5%" class="td_color">
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_vil.text.state_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
<td width="10%" class="td_color">
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_vil.text.dataCheckTime_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
<td width="10%" class="td_color">
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_vil.text.persistTime_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
<td width="5%" class="td_color">
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_vil.text.tryTimes_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
<td width="22%" class="td_color">
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_vil.text.stateInfo_n81i</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(vnodeIpGroupList) > 0}">
|
||||
<c:forEach items="${vnodeIpGroupList}" var="detecInfoList">
|
||||
<c:forEach items="${detecInfoList}" var="detecNewInfo"
|
||||
varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<td bgcolor="#FFFFFF" rowspan="${fn:length(detecInfoList)}" valign="top">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">
|
||||
<c:if test="${detecNewInfo.nodeIp != null }">${detecNewInfo.nodeIp}</c:if>
|
||||
<c:if test="${detecNewInfo.nodeIp == null }"> </c:if>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1"> <a
|
||||
href="javascript:showRecord('${detecNewInfo.id }')">${detecNewInfo.detectionSetInfo.checkTypeInfo.checkTypeName}</a>
|
||||
<a
|
||||
href="javascript:drawPic('${detecNewInfo.detectionSetInfo.checkTypeInfo.id }','${detecNewInfo.detectionSetInfo.id }','${detecNewInfo.nodeIp}')"><img
|
||||
src="${pageContext.request.contextPath }/img/action.gif"
|
||||
border=0 height="15" width="15" alt=""> </a> </span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.detectionSetInfo.processIden}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">
|
||||
<c:if test="${fn:trim(detecNewInfo.detectionedState)=='1'}"><img src="<c:url value='/desktop/images/desktop/yes.gif'/>"
|
||||
border="0" align="middle" /></c:if>
|
||||
<c:if test="${fn:trim(detecNewInfo.detectionedState) ne '1'}"><img src="<c:url value='/desktop/images/desktop/no.gif'/>"
|
||||
border="0" align="middle" /></c:if>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1"><fmt:formatDate value="${detecNewInfo.datacheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.persistTime}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.currentTimes}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.detectionStateInfo}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<!--
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<input type="checkbox" name="ids" id="ids"
|
||||
value="${detecNewInfo.id}" />
|
||||
<span class="STYLE1">${index+(pageNo-1)*pageSize}</span>
|
||||
</div>
|
||||
</td>
|
||||
-->
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1"> <a
|
||||
href="javascript:showRecord('${detecNewInfo.id }')">${detecNewInfo.detectionSetInfo.checkTypeInfo.checkTypeName}</a>
|
||||
<a href="javascript:drawPic('${detecNewInfo.detectionSetInfo.checkTypeInfo.id }','${detecNewInfo.detectionSetInfo.id }','${detecNewInfo.nodeIp}')">
|
||||
<img src="${pageContext.request.contextPath }/img/action.gif" border=0 height="15" width="15" alt=""> </a> </span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.detectionSetInfo.processIden}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">
|
||||
<c:if test="${fn:trim(detecNewInfo.detectionedState)=='0'}"><img src="<c:url value='/desktop/images/desktop/no.gif'/>"
|
||||
border="0" align="middle" /></c:if>
|
||||
<c:if test="${fn:trim(detecNewInfo.detectionedState)=='1'}"><img src="<c:url value='/desktop/images/desktop/yes.gif'/>"
|
||||
border="0" align="middle" /></c:if>
|
||||
<c:if test="${fn:trim(detecNewInfo.detectionedState)=='-1'}"><img src="<c:url value='/desktop/images/desktop/no.gif'/>"
|
||||
border="0" align="middle" /></c:if>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1"><fmt:formatDate value="${detecNewInfo.datacheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/></span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.persistTime}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.currentTimes}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td bgcolor="#FFFFFF">
|
||||
<div align="center" class="STYLE1">
|
||||
<span class="STYLE1">${detecNewInfo.detectionStateInfo}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="10" height="20" bgcolor="#FFFFFF">
|
||||
<div align="center">
|
||||
<span class="STYLE1">i18n_vil.text.noRecord_n81i${fn:length(vnodeIpGroupList)}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<tr>
|
||||
<td height="20" colspan="10" class="td_color">
|
||||
<jsp:include page="/common/page.jsp" /></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</form>
|
||||
<br />
|
||||
</body>
|
||||
</html>
|
||||
|
||||
115
WebRoot/page/detection/oidDictionary/addOidDictionary.jsp
Normal file
115
WebRoot/page/detection/oidDictionary/addOidDictionary.jsp
Normal file
@@ -0,0 +1,115 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_aod.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
function add(){
|
||||
if($id("odid","","OID")&& $id("oddesc","","i18n_aod.message.oddesc_n81i")){
|
||||
if(checkOID($("#odid").val())){//验证code是否为数字
|
||||
document.Mkform.action = "<%=path%>/detection/oidDictionary.do?action=doAdd";
|
||||
document.Mkform.submit()
|
||||
}else{
|
||||
$("#oidFont").text("i18n_aod.message.oidFont_n81i");
|
||||
$("#odid").val("");
|
||||
$("#odid").focus();
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function goBack(){
|
||||
document.Mkform.action="<%=path%>/detection/oidDictionary.do?action=query";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
//验证oid
|
||||
function checkOID(oid){
|
||||
var cs = /^[1-9]([\d\.]+\d)?$/;
|
||||
var resu = cs.test(oid);
|
||||
return resu;
|
||||
}
|
||||
|
||||
</script>
|
||||
<body>
|
||||
<div class="middle_list" >
|
||||
<form action="" name="Mkform" method="post">
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<div style="clear: both"></div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table">
|
||||
<tr>
|
||||
<td colspan="2" class="color_8">
|
||||
<strong>i18n_aod.text.title_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right" nowrap="nowrap">
|
||||
OID
|
||||
</td>
|
||||
<td class="color_3" width="30%" align="left">
|
||||
<input type="text" name="od.oid" id="odid"/>
|
||||
<font id="oidFont" color="red">*</font>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right" nowrap="nowrap">
|
||||
i18n_aod.message.oddesc_n81i
|
||||
</td>
|
||||
<td class="color_3" width="30%" align="left">
|
||||
<input type="text" name="od.oidDesc"
|
||||
id="oddesc"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_7" colspan="2" align="right">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'" onclick="add()"
|
||||
value="i18n_aod.button.submit_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:document.forms['Mkform'].reset()"
|
||||
value="i18n_aod.button.reset_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_aod.button.back_n81i"/>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
138
WebRoot/page/detection/oidDictionary/oidDictionaryList.jsp
Normal file
138
WebRoot/page/detection/oidDictionary/oidDictionaryList.jsp
Normal file
@@ -0,0 +1,138 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>i18n_odl.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/ui/jquery-ui.min.js'/>"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
function addRecord(){
|
||||
document.form1.action = "<%=path%>/detection/oidDictionary.do?action=openAdd&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }';
|
||||
document.form1.submit();
|
||||
}
|
||||
function updateRecord(id){
|
||||
document.form1.action = "<%=path%>/detection/oidDictionary.do?action=openUpdate&odid="+id+"&pageNo="+'${pageNo }'+"&pageSize="+'${pageSize }';
|
||||
document.form1.submit();
|
||||
}
|
||||
function ieBrowser(){
|
||||
if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
}
|
||||
}
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98.5%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="middle_list" style="overflow: hidden;">
|
||||
<form name=form1 id="form1" action="<c:url value='/detection/oidDictionary.do'/>" method="post" >
|
||||
<!--中间部分右边开始-->
|
||||
<div id="divTop">
|
||||
<div class="box_1">
|
||||
|
||||
</div>
|
||||
<div class="box_2"> <jsp:include page="/include/include.jsp" /></div>
|
||||
</div>
|
||||
<div id="maindiv">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr>
|
||||
<td class="color_top" width="4%">
|
||||
i18n_odl.text.index_n81i
|
||||
</td>
|
||||
<td class="color_top" width="8%">
|
||||
OID
|
||||
</td>
|
||||
<td class="color_top" width="8%">
|
||||
i18n_odl.text.oddesc_n81i
|
||||
</td>
|
||||
<td class="color_8" width="12%">
|
||||
i18n_odl.text.option_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(oidDictionaryList) > 0}">
|
||||
<c:forEach items="${oidDictionaryList}" var="aui" varStatus="vs">
|
||||
<input type="hidden" id="erbh${aui.id }"
|
||||
name="erbh${aui.id }" value="${aui.id}" />
|
||||
<c:set var="color" value="color_1" />
|
||||
<c:set var="color_end" value="color_7" />
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3" />
|
||||
<c:set var="color_end" value="color_6" />
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
${index+(pageNo-1)*pageSize}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${aui.oid}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${aui.oidDesc}
|
||||
</td>
|
||||
<td class="${color_end }">
|
||||
<img src="<c:url value='/images/logo_1.png'/>" class="img_middle" />
|
||||
<a href="javascript:updateRecord('${aui.id}')">i18n_odl.message.updateRecord_n81i</a>
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="4" height="35" class="color_6" align="center">
|
||||
i18n_odl.message.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty oidDictionaryList}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
<!--中间部分右边结束-->
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
116
WebRoot/page/detection/oidDictionary/updateOidDictionary.jsp
Normal file
116
WebRoot/page/detection/oidDictionary/updateOidDictionary.jsp
Normal file
@@ -0,0 +1,116 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_uod.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
function sub(){
|
||||
if($id("oid","","OID")&& $id("desc","","i18n_uod.message.oiddesc_n81i")){
|
||||
if(checkOID($("#oid").val())){//验证code是否为数字
|
||||
document.Mkform.action = "<%=path%>/detection/oidDictionary.do?action=doUpdate";
|
||||
document.Mkform.submit();
|
||||
}else{
|
||||
$("#oidFont").text("i18n_uod.message.oidFont_n81i");
|
||||
$("#oid").val("");
|
||||
$("#oid").focus();
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function goBack(){
|
||||
document.Mkform.action="<%=path%>/detection/oidDictionary.do?action=query";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
|
||||
//验证oid
|
||||
function checkOID(oid){
|
||||
var cs = /^[1-9]([\d\.]+\d)?$/;
|
||||
var resu = cs.test(oid);
|
||||
return resu;
|
||||
}
|
||||
|
||||
</script>
|
||||
<body>
|
||||
<div class="middle_list" >
|
||||
<form action="" name="Mkform" method="post">
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<input type="hidden" name="od.id" value="${od.id }" />
|
||||
<div style="clear: both"></div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table">
|
||||
<tr>
|
||||
<td colspan="2" class="color_8">
|
||||
<strong>i18n_uod.text.title_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right" nowrap="nowrap">
|
||||
OID
|
||||
</td>
|
||||
<td class="color_3" width="30%" align="left">
|
||||
<input type="text" name="od.oid" id="oid" value="${od.oid }"/>
|
||||
<font id="oidFont" color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right" nowrap="nowrap">
|
||||
i18n_uod.message.oiddesc_n81i
|
||||
</td>
|
||||
<td class="color_3" width="30%" align="left">
|
||||
<input type="text" name="od.oidDesc"
|
||||
id="desc" value="${od.oidDesc}"/>
|
||||
<font id="troubleInfo" color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_7" colspan="2" align="right">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'" onclick="sub()"
|
||||
value="i18n_uod.button.submit_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:document.forms['Mkform'].reset()"
|
||||
value="i18n_uod.button.reset_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_uod.button.back_n81i"/>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
290
WebRoot/page/detection/policeRelation/addPoliceRelation.jsp
Normal file
290
WebRoot/page/detection/policeRelation/addPoliceRelation.jsp
Normal file
@@ -0,0 +1,290 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_apr.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
function add(){
|
||||
if($id("metadataId","xz","i18n_apr.message.metadata_n81i")&&$id("policeValue","","i18n_apr.message.policeValue_n81i")
|
||||
&&$id("policeUnit","","i18n_apr.message.policeUnit_n81i")
|
||||
&& $id("policeSymbols","xz","i18n_apr.message.policeSymbols_n81i")
|
||||
&& $id("policeEmergent","xz","i18n_apr.message.policeEmergent_n81i")
|
||||
&& $id("policeLevel","sz","i18n_apr.message.policeLevel_n81i")){
|
||||
var poliMsg = $("#policeShowInfo").val();
|
||||
var pll = $("#policeLevel").val();
|
||||
var selEmergVal = jQuery('#policeEmergent').val();
|
||||
var boo = true;
|
||||
if(selEmergVal==1) {//非紧急才需要判断级别是否为1-5
|
||||
if(pll >0 && pll<=5){
|
||||
boo = true;
|
||||
}else{
|
||||
$("#pl").text("i18n_apr.message.policeLevelInfo_n81i");
|
||||
return;
|
||||
}
|
||||
}
|
||||
if(boo){
|
||||
if(poliMsg!=""){
|
||||
if(poliMsg.length >200){
|
||||
$("#Msg").text("i18n_apr.message.inputInfo_n81i");
|
||||
return;
|
||||
}else{
|
||||
document.Mkform.action="<%=path%>/detection/policeSet.do?action=doAdd";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
}else{
|
||||
document.Mkform.action="<%=path%>/detection/policeSet.do?action=doAdd";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
function goBack(){
|
||||
document.Mkform.action="<%=path%>/detection/policeSet!executeAction.do?action=query";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
|
||||
jQuery(function(){
|
||||
//-- 字段类型选择事件绑定
|
||||
jQuery("#metadataId").change(function(){
|
||||
$("#policeSymbols").find("option").not($("#che")[0]).remove();
|
||||
var filedType = $("#metadataId").find("option:selected").attr('id');
|
||||
if(filedType.indexOf("VARCHAR2")>=0){
|
||||
$("#policeSymbols").append("<option value='equals'>equals</option><option value='include' >include</option><option value='exclude' >exclude</option>");
|
||||
}else{
|
||||
$("#policeSymbols").append("<option value='>' >></option><option value='<' ><</option><option value='>=' >>=</option><option value='<=' ><=</option><option value='=' >=</option>");
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
|
||||
function emergentChange() {
|
||||
var selEmergVal = jQuery('#policeEmergent').val();
|
||||
if(selEmergVal=='1') {
|
||||
jQuery('#levelTitleTd').show();
|
||||
jQuery('#levelValTd').show();
|
||||
jQuery('#styleChgTd').attr('colspan','1');
|
||||
jQuery('#policeLevel').val('');
|
||||
}else {
|
||||
jQuery('#levelTitleTd').hide();
|
||||
jQuery('#levelValTd').hide();
|
||||
jQuery('#styleChgTd').attr('colspan','3');
|
||||
jQuery('#policeLevel').val('0');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function markerFiledChange() {
|
||||
var selMarkerVal = jQuery('#markerFiledId').val();
|
||||
if(selMarkerVal=='') {//未选择字段
|
||||
jQuery('#markerTitleTd').hide();
|
||||
jQuery('#markerValTd').hide();
|
||||
jQuery('#markerStyleChgTd').attr('colspan','3');
|
||||
}else {//选择了字段
|
||||
jQuery('#markerTitleTd').show();
|
||||
jQuery('#markerValTd').show();
|
||||
jQuery('#markerStyleChgTd').attr('colspan','1');
|
||||
}
|
||||
jQuery('#marker').val('');
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
<body>
|
||||
<div class="middle_list" >
|
||||
<form action="" name="Mkform" method="post">
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<input type="hidden" value="${setId}" name="setId"/>
|
||||
<input type="hidden" value="${ctn}" name="ctn"/>
|
||||
<input type="hidden" value="${pIden}" name="pIden"/>
|
||||
<input type="hidden" value="${ip}" name="ip"/>
|
||||
<div style="clear: both"></div>
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table">
|
||||
<tr>
|
||||
<td colspan="4" class="color_8">
|
||||
<strong>i18n_apr.text.title_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_apr.message.metadata_n81i
|
||||
</td>
|
||||
<td class="color_6" width="30%" align="left" >
|
||||
<select name="dataPoliceRelation.metadata.id" id="metadataId" style="width: 153px;">
|
||||
<option value="" id="qxz">
|
||||
i18n_apr.message.metadataDefault_n81i
|
||||
</option>
|
||||
<c:if test="${fn:length(allMetadata) > 0}">
|
||||
<c:forEach items="${allMetadata}" var="metadata">
|
||||
<option value="${metadata.id}" id="${metadata.filedType}">
|
||||
${metadata.filedComments}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
</select>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" width="15%" align="right">
|
||||
i18n_apr.text.policeState_n81i
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
<input type="radio" name="dataPoliceRelation.policeState"
|
||||
id="policeState1" value="0" checked="checked"/>i18n_apr.message.active_n81i
|
||||
<input type="radio" name="dataPoliceRelation.policeState"
|
||||
id="policeState" value="1" />i18n_apr.message.invalid_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_apr.text.markerFiled_n81i
|
||||
</td>
|
||||
<td class="color_6" width="30%" align="left" colspan="3" id="markerStyleChgTd">
|
||||
<select name="dataPoliceRelation.markerFiledId" id="markerFiledId" onchange="markerFiledChange();" style="width: 153px;">
|
||||
<option value="" id="qxz">
|
||||
i18n_apr.message.markerFiledDefault_n81i
|
||||
</option>
|
||||
<c:if test="${fn:length(allMetadata) > 0}">
|
||||
<c:forEach items="${allMetadata}" var="metadata">
|
||||
<option value="${metadata.id}" id="${metadata.filedType}">
|
||||
${metadata.filedComments}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
</select>
|
||||
</td>
|
||||
<td class="color_1" width="15%" align="right" style="display: none;" id="markerTitleTd">
|
||||
i18n_apr.text.marker_n81i
|
||||
</td>
|
||||
<td class="color_6" width="35%" align="left" colspan="1" style="display: none;" id="markerValTd">
|
||||
<input type="text" name="dataPoliceRelation.marker"
|
||||
id="marker" value=""/><font color="red" > i18n_apr.message.marker_n81i</font>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_apr.message.policeEmergent_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3" id="styleChgTd">
|
||||
<select name="dataPoliceRelation.policeEmergent" id="policeEmergent" onchange="emergentChange();" style="width: 153px;">
|
||||
<option value="">
|
||||
i18n_apr.message.metadataDefault_n81i
|
||||
</option>
|
||||
<c:if test="${fn:length(allpoliceEmergent) > 0}">
|
||||
<c:forEach items="${allpoliceEmergent}" var="policeEmergent">
|
||||
<option value="${policeEmergent.typeCode}" >
|
||||
${policeEmergent.typeValue}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
<%--<option value="0" >allpoliceEmergent
|
||||
紧急
|
||||
</option>
|
||||
<option value="1" >
|
||||
非紧急
|
||||
</option>
|
||||
--%></select>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" align="right" id="levelTitleTd" style="display: none;">
|
||||
i18n_apr.text.policeLevel_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" id="levelValTd" style="display: none;">
|
||||
<input type="text" name="dataPoliceRelation.policeLevel"
|
||||
id="policeLevel" value=""/>
|
||||
<font id="pl" color="red">*i18n_apr.message.policeLevelInfo_n81i</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id = "pv">
|
||||
<td class="color_1" align="right">
|
||||
i18n_apr.message.policeValue_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="dataPoliceRelation.policeValue"
|
||||
id="policeValue" value=""/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_apr.message.policeUnit_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="dataPoliceRelation.policeUnit"
|
||||
id="policeUnit" value=""/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_apr.message.policeSymbols_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<select name="dataPoliceRelation.policeSymbols" id="policeSymbols" style="width: 153px;">
|
||||
<option value="" id="che">
|
||||
i18n_apr.message.metadataDefault_n81i
|
||||
</option>
|
||||
</select>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" align="right" valign="top" nowrap="nowrap">
|
||||
i18n_apr.text.policeShowInfo_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" valign="top">
|
||||
<textarea rows="3" cols="40" name="dataPoliceRelation.policeShowInfo" id="policeShowInfo"></textarea>
|
||||
<div><font color="red" id="Msg">i18n_apr.message.policeShowInfo_n81i</font></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_7" colspan="4" align="right">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'" onclick="add()" value="i18n_apr.button.submit_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:document.forms['Mkform'].reset()" value="i18n_apr.button.reset_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack(${detectionSetInfo.id})" value="i18n_apr.button.back_n81i"/>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
312
WebRoot/page/detection/policeRelation/policeRelationList.jsp
Normal file
312
WebRoot/page/detection/policeRelation/policeRelationList.jsp
Normal file
@@ -0,0 +1,312 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_prl.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet" type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js'/>"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
var msg = '${MSG}';
|
||||
if(msg=='1'){
|
||||
alert("i18n_prl.message.success_n81i");
|
||||
}else if(msg=='2'){
|
||||
alert("i18n_prl.message.faild_n81i");
|
||||
}
|
||||
|
||||
//查询记录
|
||||
function qry(){
|
||||
document.form3.action = "<%=path%>/detection/policeSet.do?action=query";
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function checkZF(id){
|
||||
if(containSpecial($("#"+id).val())){
|
||||
alert('i18n_prl.message.hasSpecialChar_n81i');
|
||||
$("#"+id).val('');
|
||||
return;
|
||||
}
|
||||
}
|
||||
//添加记录
|
||||
function add(){
|
||||
document.form3.action ="<%=path%>/detection/policeSet!executeAction.do?action=openAdd";
|
||||
document.form3.submit();
|
||||
}
|
||||
//修改记录
|
||||
function upd(){
|
||||
if(!isRigthCheck("ids", "edit")){
|
||||
alert("i18n_prl.message.select_n81i");
|
||||
}else{
|
||||
var detectionSetInfoId = $("input:checked").next().val();
|
||||
var policeRelationId = $("input:checked").val();
|
||||
document.form3.action ="<%=path%>/detection/policeSet!executeAction.do?action=openUpdate&detectionSetInfoId="+detectionSetInfoId+"&policeRelationId="+policeRelationId;
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
|
||||
function goBack(){
|
||||
window.location="<%=path%>/detection/detectionSet.do?action=query&pageSize="+'${pageSize }'+"&pageNo="+'${pageNo }'+"&ip="+'${ip}'+"&ctn="+'${ctn}'+"&pIden="+'${pIden}';
|
||||
}
|
||||
function ieBrowser(){
|
||||
if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
}
|
||||
}
|
||||
$(function(){
|
||||
if('${setId}'==null||'${setId}'==""){
|
||||
$("input[type=hidden][name=pIden]").remove();
|
||||
$("input[type=hidden][name=ctn]").remove();
|
||||
$("input[type=hidden][name=ip]").remove();
|
||||
}
|
||||
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98.5%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
|
||||
|
||||
$(function(){
|
||||
var spanObj=$("span[class='STYLE1']");
|
||||
for(var i=0;i<spanObj.length;i++){
|
||||
var spanVal=$(spanObj[i]).text().trim();;
|
||||
console.log(spanVal);
|
||||
if(spanVal.length>=25){
|
||||
$(spanObj[i]).text(spanVal.substring(0,25)).append("...");
|
||||
}else{
|
||||
$(spanObj[i]).text(spanVal);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
<body>
|
||||
<div class="middle_list" style="overflow: hidden;">
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='/detection/policeSet.do?action=query'/>" method="post">
|
||||
<input type="hidden" name="setId" value="${setId }"/>
|
||||
<input type="hidden" name="pIden" value="${pIden }"/>
|
||||
<input type="hidden" name="ctn" value="${ctn }"/>
|
||||
<input type="hidden" name="ip" value="${ip }"/>
|
||||
<div id="divTop">
|
||||
<c:if test="${operator eq 'all'}">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_prl.text.checkTypeName_n81i</font>
|
||||
<select style="width:140px;" name="ctn" id="checkTypeId">
|
||||
<option value="">
|
||||
--i18n_prl.message.checkTypeDefault_n81i--
|
||||
</option>
|
||||
<c:if test="${fn:length(allCheckTypeInfo) > 0}">
|
||||
<c:set var="isSchedule0" value="0"/>
|
||||
<c:forEach items="${allCheckTypeInfo}" var="checkType">
|
||||
<c:if test="${checkType.isSchedule != isSchedule0 }">
|
||||
<option style="height: 2px;" disabled="disabled">--------------------</option>
|
||||
<c:set var="isSchedule0" value="${checkType.isSchedule}"/>
|
||||
</c:if>
|
||||
<option value="${checkType.id}"
|
||||
<c:if test="${ctn == checkType.id }">selected="selected"</c:if>>
|
||||
${checkType.checkTypeName1}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
</select></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_prl.text.processIdenName_n81i </font>
|
||||
<input type="text" id="pIden" style="width: 160px"
|
||||
name="pIden"
|
||||
title="i18n_prl.message.processIdenName_n81i"
|
||||
value="${pIden}" size="49" onkeyup="checkZF('pIden');"/></label>
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle3" onclick="javascript:qry();" />
|
||||
|
||||
</div>
|
||||
</c:if>
|
||||
<div class="box_2">
|
||||
<c:if test="${operator ne 'all'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="add()" value="i18n_prl.button.add_n81i"/>
|
||||
|
||||
</c:if>
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="upd()" value="i18n_prl.button.update_n81i"/>
|
||||
|
||||
<c:if test="${operator ne 'all'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_prl.button.back_n81i"/>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
<div id="maindiv">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr>
|
||||
<td width="5%" class="color_top">
|
||||
<input type="checkbox" name="checkbox62" value="checkbox" onClick="checkAll(this)" />i18n_prl.text.index_n81i
|
||||
</td>
|
||||
<td width="10%" class="color_top" nowrap>
|
||||
i18n_prl.text.checkTypeName_n81i
|
||||
</td>
|
||||
<td width="10%" class="color_top" nowrap>
|
||||
i18n_prl.text.processIdenName_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top" nowrap>
|
||||
i18n_prl.text.checkGap_n81i
|
||||
</td>
|
||||
<td width="12%" class="color_top" nowrap>
|
||||
i18n_prl.text.filedName_n81i
|
||||
</td>
|
||||
<td width="12%" class="color_top" nowrap>
|
||||
i18n_prl.text.filedComments_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top" nowrap>
|
||||
i18n_prl.text.policeValue_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top" nowrap>
|
||||
i18n_prl.text.policeUnit_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top" nowrap>
|
||||
i18n_prl.text.policeSymbols_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top" nowrap>
|
||||
i18n_prl.text.policeLevel_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top">
|
||||
i18n_prl.text.policeEmergent_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top" nowrap>
|
||||
i18n_prl.text.state_n81i
|
||||
</td>
|
||||
<td width="20%" class="color_top" nowrap>
|
||||
i18n_prl.text.policeShowInfo_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(dataPoliceRelationList) > 0}">
|
||||
<c:forEach items="${dataPoliceRelationList}" var="policeRelation" varStatus="vs">
|
||||
<c:set var="color" value="color_1"/>
|
||||
<c:set var="color_end" value="color_7"/>
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3"/>
|
||||
<c:set var="color_end" value="color_6"/>
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
<input type="checkbox" name="ids" id="ids"
|
||||
value="${policeRelation.id}" />
|
||||
<input type="hidden" value="${policeRelation.detectionSetInfo.id}">
|
||||
${index+(pageNo-1)*pageSize}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${policeRelation.detectionSetInfo.checkTypeInfo.checkTypeName1}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${policeRelation.detectionSetInfo.processIdenName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${policeRelation.detectionSetInfo.checkGap}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${policeRelation.metadata.filedName}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${policeRelation.metadata.filedComments}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${policeRelation.policeValue}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${policeRelation.policeUnit}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${policeRelation.policeSymbols}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${policeRelation.policeLevel}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${policeRelation.policeEmergent=='0' }">i18n_prl.message.emergent_n81i</c:if>
|
||||
<c:if test="${policeRelation.policeEmergent=='1' }">i18n_prl.message.nonEmergent_n81i</c:if>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${policeRelation.policeState=='0' }">i18n_prl.message.active_n81i</c:if>
|
||||
<c:if test="${policeRelation.policeState=='1' }"><font color="red">i18n_prl.message.invalid_n81i</font></c:if>
|
||||
</td>
|
||||
<td class="${color_end }" title="${policeRelation.policeShowInfo }">
|
||||
<span class="STYLE1" style="word-break:break-all; color: ${detecWarning.bgcolor}">
|
||||
<%-- <c:if test="${fn:length(policeRelation.policeShowInfo) >= 25}">
|
||||
<c:out value="${fn:substring(policeRelation.policeShowInfo,0,25)}..." default=""/>
|
||||
</c:if>
|
||||
<c:if test="${fn:length(policeRelation.policeShowInfo) < 25}">
|
||||
<c:out value="${policeRelation.policeShowInfo}" default=""/>
|
||||
</c:if> --%>
|
||||
${policeRelation.policeShowInfo}
|
||||
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="13" height="20" class="color_6" align="center">
|
||||
i18n_prl.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty dataPoliceRelationList}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
332
WebRoot/page/detection/policeRelation/updatePoliceRelation.jsp
Normal file
332
WebRoot/page/detection/policeRelation/updatePoliceRelation.jsp
Normal file
@@ -0,0 +1,332 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_upr.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
function upd(){
|
||||
if($id("policeValue","","i18n_upr.message.policeValue_n81i")
|
||||
&&$id("policeUnit","","i18n_upr.message.policeUnit_n81i")
|
||||
&& $id("policeSymbols","xz","i18n_upr.message.policeSymbols_n81i")
|
||||
&& $id("policeLevel","sz","i18n_upr.message.policeLevel_n81i")){
|
||||
var poliMsg = $("#policeShowInfo").val();
|
||||
var pll = $("#policeLevel").val();
|
||||
|
||||
var selEmergVal = jQuery('#policeEmergent').val();
|
||||
var boo = true;
|
||||
if(selEmergVal==1) {//非紧急才需要判断级别是否为1-5
|
||||
if(pll >0 && pll<=5){
|
||||
boo = true;
|
||||
}else{
|
||||
$("#pl").text("i18n_upr.message.policeLevelInfo_n81i");
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if(boo){
|
||||
if(poliMsg!=""){
|
||||
if(poliMsg.length >200){
|
||||
$("#Msg").text("i18n_upr.message.inputInfo_n81i");
|
||||
return;
|
||||
}else{
|
||||
document.Mkform.action="<%=path%>/detection/policeSet.do?action=doUpdate";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
}else{
|
||||
document.Mkform.action="<%=path%>/detection/policeSet.do?action=doUpdate";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function goBack(){
|
||||
document.Mkform.action="<%=path%>/detection/policeSet!executeAction.do?action=query";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
|
||||
jQuery(function(){
|
||||
var filedType = $("#metadaFType").val();
|
||||
if(filedType.indexOf("VARCHAR2")>=0){
|
||||
$("#policeSymbols").find("option[class='notTxt']").remove();
|
||||
}else{
|
||||
$("#policeSymbols").find("option[class='isTxt']").remove();
|
||||
}
|
||||
|
||||
initEmergent();//初始化级别的显示与隐藏
|
||||
initMarker();//初始化过滤标识及对应字段的显示与隐藏
|
||||
})
|
||||
|
||||
function initEmergent() {
|
||||
var selEmergVal = jQuery('#policeEmergent').val();
|
||||
if(selEmergVal=='1') {
|
||||
jQuery('#levelTitleTd').show();
|
||||
jQuery('#levelValTd').show();
|
||||
jQuery('#styleChgTd').attr('colspan','1');
|
||||
}else {
|
||||
jQuery('#levelTitleTd').hide();
|
||||
jQuery('#levelValTd').hide();
|
||||
jQuery('#styleChgTd').attr('colspan','3');
|
||||
jQuery('#policeLevel').val('0');
|
||||
}
|
||||
}
|
||||
|
||||
function emergentChange() {
|
||||
var selEmergVal = jQuery('#policeEmergent').val();
|
||||
if(selEmergVal=='1') {
|
||||
jQuery('#levelTitleTd').show();
|
||||
jQuery('#levelValTd').show();
|
||||
jQuery('#styleChgTd').attr('colspan','1');
|
||||
jQuery('#policeLevel').val('');
|
||||
}else {
|
||||
jQuery('#levelTitleTd').hide();
|
||||
jQuery('#levelValTd').hide();
|
||||
jQuery('#styleChgTd').attr('colspan','3');
|
||||
jQuery('#policeLevel').val('0');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function initMarker() {
|
||||
var selMarkerVal = jQuery('#markerFiledId').val();
|
||||
if(selMarkerVal=='') {//未选择字段
|
||||
jQuery('#markerTitleTd').hide();
|
||||
jQuery('#markerValTd').hide();
|
||||
jQuery('#markerStyleChgTd').attr('colspan','3');
|
||||
}else {//选择了字段
|
||||
jQuery('#markerTitleTd').show();
|
||||
jQuery('#markerValTd').show();
|
||||
jQuery('#markerStyleChgTd').attr('colspan','1');
|
||||
}
|
||||
}
|
||||
|
||||
function markerFiledChange() {
|
||||
var selMarkerVal = jQuery('#markerFiledId').val();
|
||||
if(selMarkerVal=='') {//未选择字段
|
||||
jQuery('#markerTitleTd').hide();
|
||||
jQuery('#markerValTd').hide();
|
||||
jQuery('#markerStyleChgTd').attr('colspan','3');
|
||||
}else {//选择了字段
|
||||
jQuery('#markerTitleTd').show();
|
||||
jQuery('#markerValTd').show();
|
||||
jQuery('#markerStyleChgTd').attr('colspan','1');
|
||||
}
|
||||
jQuery('#marker').val('');
|
||||
|
||||
}
|
||||
</script>
|
||||
<body>
|
||||
<div class="middle_list" >
|
||||
<form action="" name="Mkform" method="post">
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<input type="hidden" value="${policeRelationId}" name="policeRelationId"/>
|
||||
<input type="hidden" value="${setId}" name="setId"/>
|
||||
<input type="hidden" value="${detectionSetInfoId}" name="detectionSetInfoId"/>
|
||||
<input type="hidden" value="${ip}" name="ip"/>
|
||||
<input type="hidden" value="${ctn}" name="ctn"/>
|
||||
<input type="hidden" value="${pIden}" name="pIden"/>
|
||||
<input type="hidden" value="${dataPoliceRelation.id}" name="dataPoliceRelation.id"/>
|
||||
<div style="clear: both"></div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table">
|
||||
<tr>
|
||||
<td colspan="4" class="color_8">
|
||||
<strong>i18n_upr.text.title_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_upr.text.metadata_n81i
|
||||
</td>
|
||||
<td class="color_6" width="30%" align="left" >
|
||||
<c:if test="${fn:length(allMetadata) > 0}">
|
||||
<c:forEach items="${allMetadata}" var="metadata">
|
||||
<c:if test="${metadata.id == dataPoliceRelation.metadata.id }">
|
||||
<input type="text" name="filedName" readonly="readonly" value="${metadata.filedComments}"/>
|
||||
<input type="hidden" id="metadaFType" value="${metadata.filedType }" />
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
<input type="hidden" name="dataPoliceRelation.metadata.id" id="metadaId" value="${dataPoliceRelation.metadata.id }" />
|
||||
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" width="15%" align="right">
|
||||
i18n_upr.text.policeState_n81i
|
||||
</td>
|
||||
<td class="color_6" width="35%" align="left">
|
||||
<input type="radio" name="dataPoliceRelation.policeState"
|
||||
id="policeState1" value="0" <c:if test="${dataPoliceRelation.policeState == '0' }">checked="checked"</c:if>/>i18n_upr.message.active_n81i
|
||||
<input type="radio" name="dataPoliceRelation.policeState"
|
||||
id="policeState" value="1" <c:if test="${dataPoliceRelation.policeState == '1' }">checked="checked"</c:if>/>i18n_upr.message.invalid_n81i
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_upr.text.markerFiled_n81i
|
||||
</td>
|
||||
<td class="color_6" width="30%" align="left" colspan="3" id="markerStyleChgTd">
|
||||
<select name="dataPoliceRelation.markerFiledId" id="markerFiledId" onchange="markerFiledChange();" style="width: 153px;">
|
||||
<option value="" id="qxz">
|
||||
i18n_upr.message.markerFiledDefault_n81i
|
||||
</option>
|
||||
<c:if test="${fn:length(allMetadata) > 0}">
|
||||
<c:forEach items="${allMetadata}" var="metadata">
|
||||
<option value="${metadata.id}" id="${metadata.filedType}"
|
||||
<c:if test="${dataPoliceRelation.markerFiledId == metadata.id}">selected="selected"</c:if> >
|
||||
${metadata.filedComments}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
</select>
|
||||
</td>
|
||||
<td class="color_1" width="15%" align="right" style="display: none;" id="markerTitleTd">
|
||||
i18n_upr.text.marker_n81i
|
||||
</td>
|
||||
<td class="color_6" width="35%" align="left" colspan="1" style="display: none;" id="markerValTd">
|
||||
<input type="text" name="dataPoliceRelation.marker"
|
||||
id="marker" value="${dataPoliceRelation.marker}"/><font color="red" >i18n_upr.message.marker_n81i</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_upr.text.policeEmergent_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" id="styleChgTd">
|
||||
<select name="dataPoliceRelation.policeEmergent" id="policeEmergent" onchange="emergentChange();" style="width: 153px;">
|
||||
|
||||
<option value="0" <c:if test="${dataPoliceRelation.policeEmergent == 0}">selected="selected"</c:if> >
|
||||
i18n_upr.message.emergent_n81i
|
||||
</option>
|
||||
<option value="1" <c:if test="${dataPoliceRelation.policeEmergent == 1}">selected="selected"</c:if>>
|
||||
i18n_upr.message.nonEmergent_n81i
|
||||
</option>
|
||||
</select>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" align="right" id="levelTitleTd" >
|
||||
i18n_upr.text.policeLevel_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" id="levelValTd">
|
||||
<input type="text" name="dataPoliceRelation.policeLevel"
|
||||
id="policeLevel" value="${dataPoliceRelation.policeLevel}"/>
|
||||
<font id="pl" color="red">*i18n_upr.message.policeLevelInfo_n81i</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id = "pv">
|
||||
<td class="color_1" align="right">
|
||||
i18n_upr.text.policeValue_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="dataPoliceRelation.policeValue"
|
||||
id="policeValue" value="${dataPoliceRelation.policeValue}"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_upr.text.policeUnit_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="dataPoliceRelation.policeUnit"
|
||||
id="policeUnit" value="${dataPoliceRelation.policeUnit}"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_upr.message.policeSymbols_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<select name="dataPoliceRelation.policeSymbols" id="policeSymbols" style="width: 153px;">
|
||||
<option value="">
|
||||
i18n_upr.message.markerFiledDefault_n81i
|
||||
</option>
|
||||
<option value=">" <c:if test="${dataPoliceRelation.policeSymbols == '>' }">selected="selected"</c:if> class="notTxt">
|
||||
>
|
||||
</option>
|
||||
<option value="<" <c:if test="${dataPoliceRelation.policeSymbols == '<' }"> selected="selected" </c:if> class="notTxt">
|
||||
<
|
||||
</option>
|
||||
<option value=">=" <c:if test="${dataPoliceRelation.policeSymbols == '>=' }">selected="selected"</c:if> class="notTxt">
|
||||
>=
|
||||
</option>
|
||||
<option value="<=" <c:if test="${dataPoliceRelation.policeSymbols == '<=' }">selected="selected"</c:if> class="notTxt">
|
||||
<=
|
||||
</option>
|
||||
<option value="=" <c:if test="${dataPoliceRelation.policeSymbols == '=' }">selected="selected"</c:if> class="notTxt">
|
||||
=
|
||||
</option>
|
||||
<option value="equals" <c:if test="${dataPoliceRelation.policeSymbols == 'equals' }">selected="selected"</c:if> class="isTxt">
|
||||
equals
|
||||
</option>
|
||||
<option value="include" <c:if test="${dataPoliceRelation.policeSymbols == 'include' }">selected="selected"</c:if>class="isTxt">
|
||||
include
|
||||
</option>
|
||||
<option value="exclude" <c:if test="${dataPoliceRelation.policeSymbols == 'exclude' }">selected="selected"</c:if>class="isTxt">
|
||||
exclude
|
||||
</option>
|
||||
</select>
|
||||
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" align="right" valign="top" nowrap="nowrap">
|
||||
i18n_upr.text.policeShowInfo_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left" valign="top">
|
||||
<textarea rows="3" cols="40" name="dataPoliceRelation.policeShowInfo" id="policeShowInfo">${dataPoliceRelation.policeShowInfo}</textarea>
|
||||
<div><font color="red" id="Msg">i18n_upr.message.policeShowInfo_n81i</font></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_7" colspan="4" align="right">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="upd()" value="i18n_upr.button.submit_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:document.forms['Mkform'].reset()" value="i18n_upr.button.reset_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_upr.button.back_n81i"/>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
176
WebRoot/page/detection/switchInfo/selectNodeAndDeviceType.jsp
Normal file
176
WebRoot/page/detection/switchInfo/selectNodeAndDeviceType.jsp
Normal file
@@ -0,0 +1,176 @@
|
||||
<%@ page language="java" pageEncoding="utf-8"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
response.setHeader("Pragma","No-Cache");
|
||||
response.setHeader("Cache-Control","No-Cache");
|
||||
response.setDateHeader("Expires", 0);
|
||||
%>
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title></title>
|
||||
<!-- 弹出对话框 -->
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet" type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js'/>"></script>
|
||||
<script src="<c:url value='/js/ui/jquery-ui.min.js'/>"></script>
|
||||
<link rel="stylesheet" href="<c:url value='/css/themes/base/jquery.ui.all.css'/>" />
|
||||
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
$(function() {
|
||||
$( "#downloadDialog" ).dialog({
|
||||
autoOpen: true,
|
||||
minWidth: 240,
|
||||
modal: true,
|
||||
//隐藏右上角的关闭按钮：以下2行
|
||||
closeOnEscape:false,
|
||||
open:function(event,ui){$(".ui-dialog-titlebar-close").hide();},
|
||||
resizable:false//大小固定
|
||||
});
|
||||
});
|
||||
function toConfigDevice(){
|
||||
var seqId = jQuery("select[id=seqId] option:selected").val();
|
||||
var deviceBrandCode = jQuery("select[id=deviceBrandCode] option:selected").val();
|
||||
var deviceBrandTypeCode = jQuery("select[id=deviceBrandTypeCode] option:selected").val();
|
||||
var maxDevNum = jQuery("select[id=maxDevNum] option:selected").val();//最大叠加数
|
||||
if(isBlank(maxDevNum)) {
|
||||
maxDevNum = 1;
|
||||
}
|
||||
if(isNotBlankAndTip(seqId,"i18n_snadt.message.seqId_n81i","seqId")&&isNotBlankAndTip(deviceBrandCode,"i18n_snadt.message.deviceBrandCode_n81i","deviceBrandCode")&&isNotBlankAndTip(deviceBrandTypeCode,"i18n_snadt.message.deviceBrandTypeCode_n81i","deviceBrandTypeCode")) {
|
||||
document.toConfigDevForm.action="<%=path%>/detection/switchDetection.do?action=configSpecialDevice&seqId="+seqId+"&deviceBrandCode="+deviceBrandCode+"&deviceBrandTypeCode="+deviceBrandTypeCode+"&maxDevNum="+maxDevNum;
|
||||
document.toConfigDevForm.submit();
|
||||
}
|
||||
}
|
||||
|
||||
function isNotBlankAndTip(obj,tip,id) {
|
||||
if(obj!="" && obj!=null && obj!='undefined') {
|
||||
jQuery("#"+id).next().html('* ');
|
||||
return true;
|
||||
}else {
|
||||
jQuery("#"+id).next().html(tip);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function isNotBlank(obj) {
|
||||
if(obj!="" && obj!=null && obj!='undefined') {
|
||||
return true;
|
||||
}else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function isBlank(obj) {
|
||||
if(obj=="" || obj==null || obj=='undefined') {
|
||||
return true;
|
||||
}else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//选择品牌时，型号为当前品牌下的型号
|
||||
function changeDevBrand() {
|
||||
jQuery("select[id='deviceBrandTypeCode']").empty();
|
||||
var selecVal = jQuery("select[id='deviceBrandCode'] option:selected").val();
|
||||
if(isNotBlank(selecVal)) {
|
||||
jQuery("select[id='deviceBrandTypeCode']").append('<option value="" >i18n_snadt.message.selectDefault_n81i</option>');
|
||||
<c:forEach items="${deviceBrandTypeList}" var="brandType" >
|
||||
if('${brandType.deviceRandCode}'==selecVal) {
|
||||
var htmlStr = '<option value="${brandType.deviceTypeCode}" >${brandType.deviceTypeCode}</option>';
|
||||
jQuery("select[id='deviceBrandTypeCode']").append(htmlStr);
|
||||
}
|
||||
</c:forEach>
|
||||
jQuery("#devBradnType").show();
|
||||
}else {
|
||||
jQuery("#devBradnType").hide();
|
||||
}
|
||||
jQuery("#maxDevNumDiv").hide();
|
||||
}
|
||||
|
||||
|
||||
//选择设备型号时，如果最大叠加数大于1，则显示选择叠加数，否则不显示
|
||||
function changeMaxDevNum() {
|
||||
jQuery("select[id='maxDevNum']").empty();//清空叠加数
|
||||
var selecVal = jQuery("select[id='deviceBrandTypeCode'] option:selected").val();//选中的型号
|
||||
if(isNotBlank(selecVal)) {
|
||||
var seleTypeMaxDevNum = 1;
|
||||
<c:forEach items="${deviceBrandTypeList}" var="brandType" >
|
||||
if('${brandType.deviceTypeCode}'==selecVal) {
|
||||
seleTypeMaxDevNum = '${brandType.maxDeviceNum}';
|
||||
}
|
||||
</c:forEach>
|
||||
|
||||
jQuery("select[id='maxDevNum']").append('<option value="" >i18n_snadt.message.selectDefault_n81i</option>');
|
||||
if(seleTypeMaxDevNum>1) {
|
||||
for(var i=1;i<=seleTypeMaxDevNum;i++) {
|
||||
var htmlStr = '<option value="'+i+'" >'+i+'</option>';
|
||||
jQuery("select[id='maxDevNum']").append(htmlStr);
|
||||
}
|
||||
jQuery("#maxDevNumDiv").show();
|
||||
}else {
|
||||
jQuery("#maxDevNumDiv").hide();
|
||||
}
|
||||
|
||||
}else {
|
||||
jQuery("#maxDevNumDiv").hide();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
<body>
|
||||
<form id="toConfigDevForm" action="<%=path%>/detection/switchDetection.do?action=toConfigSpecialDevice" name="toConfigDevForm" method="post">
|
||||
<div id="downloadDialog" style="display: none;font-size:14px;margin-top:10px;" title="i18n_snadt.message.selectDefault_n81i" align="center">
|
||||
<div style="font-size: 12px;">
|
||||
i18n_snadt.text.seqId_n81i：<select id="seqId" name="" style="width: 100px;">
|
||||
<option value="" >i18n_snadt.message.selectDefault_n81i</option>
|
||||
<c:forEach items="${switcheNodeList}" var="switchNode" >
|
||||
<option value="${switchNode[1]}" >${switchNode[0]}</option>
|
||||
</c:forEach>
|
||||
</select><font color="red">*</font>
|
||||
<br/><br/>
|
||||
i18n_snadt.text.deviceBrandCode_n81i：<select id="deviceBrandCode" name="" style="width: 100px;" onchange="changeDevBrand();">
|
||||
<option value="" >i18n_snadt.message.selectDefault_n81i</option>
|
||||
<c:forEach items="${deviceBrandList}" var="brand" >
|
||||
<option value="${brand[0]}" >${brand[1]}</option>
|
||||
</c:forEach>
|
||||
</select><font color="red">*</font>
|
||||
<br/><br/>
|
||||
<div id="devBradnType" style="display: none;">
|
||||
i18n_snadt.text.deviceBrandTypeCode_n81i：<select id="deviceBrandTypeCode" name="" style="width: 100px;" onchange="changeMaxDevNum();">
|
||||
<option value="" >i18n_snadt.message.selectDefault_n81i</option>
|
||||
</select><font color="red">*</font>
|
||||
<div id="maxDevNumDiv" style="display: none;">
|
||||
<br/>
|
||||
i18n_snadt.text.maxDevNum_n81i：<select id="maxDevNum" name="" style="width: 100px;">
|
||||
<option value="" >i18n_snadt.message.selectDefault_n81i</option>
|
||||
</select><font color="red"></font>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="font-size: 12px;margin-top: 10px;" align="center">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="toConfigDevice()" value="i18n_snadt.button.ok_n81i"/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
1103
WebRoot/page/detection/switchInfo/specialDeviceConfig.jsp
Normal file
1103
WebRoot/page/detection/switchInfo/specialDeviceConfig.jsp
Normal file
File diff suppressed because it is too large
Load Diff
945
WebRoot/page/detection/switchInfo/switchDetectInfoGraphPage.jsp
Normal file
945
WebRoot/page/detection/switchInfo/switchDetectInfoGraphPage.jsp
Normal file
@@ -0,0 +1,945 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@page import="nis.nms.bean.SwitchPortInfo"%>
|
||||
<%@page import="nis.nms.util.MyNumberFormat"%>
|
||||
<%@page import="java.math.BigDecimal"%>
|
||||
<%@page import="nis.nms.bean.DiSystem"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%@ taglib uri="/jstl/fmt" prefix="fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
response.setHeader("Pragma","No-Cache");
|
||||
response.setHeader("Cache-Control","No-Cache");
|
||||
response.setDateHeader("Expires", 0);
|
||||
%>
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="prama" content="no-cache" />
|
||||
<meta http-equiv="cache-content" content="no-cache" />
|
||||
<meta http-equiv="expires" content="0" />
|
||||
<title>i18n_sdigp.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<%=path%>/css/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css"></link>
|
||||
<link href="<%=path%>/css/themes/base/jquery.ui.css" rel="stylesheet" type="text/css"></link>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/ui/jquery-ui.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/Highcharts-2.2.1/highcharts.js'/>"></script>
|
||||
<script type="text/javascript" src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
document.onmousemove = function (a) {//鼠标移动
|
||||
if (!a) a = window.event; //移动时创建一个事件
|
||||
jQuery("#indexStr2").val(a.clientX+","+a.clientY);
|
||||
}
|
||||
|
||||
|
||||
|
||||
//每次打开的时候，判断picId是否为空，非空则执行点击事件
|
||||
$(function() {
|
||||
|
||||
/*
|
||||
1.第一次进入：只显示系统基础信息
|
||||
2.自动刷新进入时（之前可能点击了系统或者端口）：之前的系统基础信息和端口信息的伸缩状态要保持不变
|
||||
queryParConditionDisplay和queryChildConditionDisplay元素的值变化的时间：点击图片时
|
||||
以下方法不会改变以上两个元素的值
|
||||
|
||||
如果原来是收缩状态，点击端口和系统时，仍然收缩：这样不对，应该伸开
|
||||
*/
|
||||
if('${pid}'=='0') {//顶级设备：点击了系统（此时可能有端口信息，可能处于伸开或者收缩状态）--此时端口信息不会有，所以不用管queryChildConditionDisplay的状态
|
||||
if('${queryParConditionDisplay}'=='') {//伸开，第一次进入走这
|
||||
toClose('queryChildCondition','openAndCloseChildImgSrc');
|
||||
//toOpen('queryParCondition','openAndCloseParImgSrc');
|
||||
|
||||
document.getElementById("queryChildConditionDisplay").value="none";
|
||||
|
||||
}else if('${queryParConditionDisplay}'=='none') {//收缩
|
||||
//toClose('queryParCondition','openAndCloseParImgSrc');
|
||||
//toOpen('queryChildCondition','openAndCloseChildImgSrc');
|
||||
|
||||
//jQuery("#queryChildConditionDisplay").attr('display','');
|
||||
}
|
||||
|
||||
}else if('${isLeaf}'=='1') {//叶子设备：点击了端口--此时系统信息一定有（伸开或者收缩着）
|
||||
if('${queryChildConditionDisplay}'=='') {//点击端口时，如果之前系统信息是打开的，则要关闭系统信息
|
||||
toClose('queryParCondition','openAndCloseParImgSrc');
|
||||
//toOpen('queryChildCondition','openAndCloseChildImgSrc');
|
||||
|
||||
document.getElementById("queryParConditionDisplay").value="none";
|
||||
}else if('${queryChildConditionDisplay}'=='none') {
|
||||
//toClose('queryChildCondition','openAndCloseChildImgSrc');
|
||||
|
||||
if('${queryParConditionDisplay}'=='') {
|
||||
//toOpen('queryParCondition','openAndCloseParImgSrc');
|
||||
}else if('${queryParConditionDisplay}'=='none') {//收缩
|
||||
//toClose('queryParCondition','openAndCloseParImgSrc');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if('${picId}'!='') {//点击端口的折线图后，定时刷新
|
||||
jQuery("#${picId}").trigger('click');//
|
||||
}
|
||||
|
||||
//刷新时，滚动条的位置不变
|
||||
if(${bodyScrollTop!='0'}) {
|
||||
document.body.scrollTop = ${bodyScrollTop};
|
||||
}
|
||||
|
||||
$('<embed src="<%=basePath %>/page/detection" quality="high" name="powerMap" pluginspage="http://www.adobe.com/svg/viewer/install" type="image/svg+xml" width="520" height="100%" wmode="transparent" style="overflow-y:scroll; "></embed>').appendTo('#player');
|
||||
$('#player').html('');
|
||||
$('<embed src="<%=basePath %>/page/detection/switchInfo/${svgName}" quality="high" name="powerMap" pluginspage="http://www.adobe.com/svg/viewer/install" type="image/svg+xml" width="520" height="100%" wmode="transparent" style="overflow-y:scroll; "></embed>').appendTo('#player');
|
||||
});
|
||||
|
||||
window.onscroll=function() {
|
||||
if(${devScrollHeight=='0'}) {//devScrollHeight可能为98%
|
||||
return false;
|
||||
}else if(document.body.scrollTop>=${devScrollHeight}){
|
||||
return false;
|
||||
}
|
||||
|
||||
document.getElementById("bodyScrollTop").value = document.body.scrollTop;
|
||||
var oip = document.getElementById("oip");
|
||||
oip.style.top = document.body.scrollTop +50;
|
||||
|
||||
var backBut = document.getElementById("backBut");
|
||||
backBut.style.top = document.body.scrollTop +2;
|
||||
}
|
||||
|
||||
function goBack(){
|
||||
//document.location = "<%=path%>/detection/switchDetection.do?action=query";
|
||||
document.form3.action ="<%=path%>/detection/switchDetection.do?action=query";
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function detailPortInfo(nameFlag,pid,isLeaf,id) {
|
||||
//只有isLeaf=1的节点才会有连接，有链接的才会执行此方法，所以下面的pid==0 || isLeaf==1条件可以没有，但是为了防止将来的变化，此条件先保留
|
||||
if(pid==0 || isLeaf==1) {//顶级设备+叶子设备
|
||||
//获取单击端口的坐标
|
||||
|
||||
document.getElementById("picId").value = "";
|
||||
document.getElementById("nameFlag").value = nameFlag;
|
||||
document.getElementById("pid").value = pid;
|
||||
document.getElementById("isLeaf").value = isLeaf;
|
||||
//以下两个句的作用？？:点击端口的时候，要打开端口页面，系统信息页面伸缩状态不变（原则是只能打开一个列表，此操作由页面加载的时候完成）
|
||||
document.getElementById("queryChildConditionDisplay").value="";
|
||||
//document.getElementById("queryParConditionDisplay").value="";
|
||||
var url = "<%=path%>/detection/switchDetection.do?action=detailPortInfo&clickPortId="+id;
|
||||
document.portForm.action=url;
|
||||
document.portForm.submit();
|
||||
}
|
||||
}
|
||||
|
||||
function autoSubmit() {
|
||||
var url="<%=path%>/detection/switchDetection.do?action=switchDetectInfoGraph";
|
||||
document.portForm.action=url;
|
||||
document.portForm.submit();
|
||||
}
|
||||
|
||||
setTimeout('autoSubmit();',300000);//300000:5分钟自动提交一次
|
||||
|
||||
function hasElem(id) {
|
||||
var obj = document.getElementById(id);
|
||||
if(obj!='undefined' && obj!=null) {
|
||||
return true;
|
||||
}else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function toOpen(conditionId,imgSrcId) {
|
||||
var queryCondition = document.getElementById(conditionId);
|
||||
var openAndCloseImg = document.getElementById(imgSrcId);
|
||||
if(hasElem(conditionId) && hasElem(imgSrcId)) {
|
||||
open(queryCondition,openAndCloseImg);
|
||||
}
|
||||
}
|
||||
|
||||
function open(queryCondition, img) {
|
||||
queryCondition.style.display = "";
|
||||
img.src = "<%=basePath %>images/open.gif";
|
||||
return;
|
||||
}
|
||||
|
||||
function toClose(conditionId,imgSrcId) {
|
||||
var queryCondition = document.getElementById(conditionId);
|
||||
var openAndCloseImg = document.getElementById(imgSrcId);
|
||||
if(hasElem(conditionId) && hasElem(imgSrcId)) {
|
||||
close(queryCondition,openAndCloseImg);
|
||||
}
|
||||
}
|
||||
|
||||
function close(queryCondition, img) {
|
||||
queryCondition.style.display = "none";
|
||||
img.src = "<%=basePath %>images/close.gif";
|
||||
return;
|
||||
}
|
||||
|
||||
/*
|
||||
点击图片时的操作：
|
||||
对conditionId进行伸缩，替换imgSrcId图片:
|
||||
如果进行的是伸开，则将conditionOtherId收缩，替换imgSrcOtherId图片，
|
||||
如果进行的是收缩，则无操作
|
||||
|
||||
flagId:本身的伸缩标志，用于定时刷新时，伸缩状态不发生改变
|
||||
otherFlagId：另一个的伸缩标志，如果flagId是伸开，则otherFlagId要收缩
|
||||
*/
|
||||
function toOpenAndFlex(conditionId,imgSrcId,conditionOtherId,imgSrcOtherId,flagId,otherFlagId){
|
||||
var queryCondition = document.getElementById(conditionId);
|
||||
var openAndCloseImg = document.getElementById(imgSrcId);
|
||||
if(hasElem(conditionId) && hasElem(imgSrcId)) {
|
||||
openAndFlex(queryCondition,openAndCloseImg,conditionOtherId,imgSrcOtherId,flagId,otherFlagId);
|
||||
}
|
||||
}
|
||||
toOpenAndFlex('queryParCondition','openAndCloseParImgSrc','queryChildCondition','openAndCloseChildImgSrc','queryParConditionDisplay','queryChildConditionDisplay')
|
||||
toOpenAndFlex('queryChildCondition','openAndCloseChildImgSrc','queryParCondition','openAndCloseParImgSrc','queryChildConditionDisplay','queryParConditionDisplay')
|
||||
/*
|
||||
对queryCondition进行伸缩，替换img图片:
|
||||
如果进行的是伸开，则将otherContionId收缩，替换otherImgId图片，
|
||||
如果进行的是收缩，则无操作
|
||||
*/
|
||||
function openAndFlex(queryCondition, img, otherContionId, otherImgId,flagId,otherFlagId) {
|
||||
|
||||
//open
|
||||
if (queryCondition.style.display == "none") {
|
||||
//close other
|
||||
var otherContion = document.getElementById(otherContionId);
|
||||
var otherImg = document.getElementById(otherImgId);
|
||||
if(hasElem(otherContionId) && hasElem(otherImgId)) {
|
||||
document.getElementById(otherFlagId).value="none";
|
||||
toClose(otherContionId,otherImgId);
|
||||
}
|
||||
//折线图宽度问题：占不了100%：点击端口折线图后，查看告警异常信息列表后返回，点击端口信息时
|
||||
if('${picId}'!='') {//点击顶级设备时，清空picId，点击叶子设备时清空picId
|
||||
jQuery("#tabs-1").html('');//清空加载页面时产生的折线图，因为此折线图显示的样式不对（宽度不为100%），所以此处再次点击，显示的折线图正常
|
||||
jQuery("#${picId}").trigger('click');//??
|
||||
}
|
||||
|
||||
//obj.innerText = "\u6536\u7f29";
|
||||
document.getElementById(flagId).value="";
|
||||
img.src = "<%=basePath %>images/open.gif";
|
||||
queryCondition.style.display = "";
|
||||
|
||||
return;
|
||||
}
|
||||
//close
|
||||
if (queryCondition.style.display == "") {
|
||||
//obj.innerText = "打开？";//\u5c55\u5f00
|
||||
queryCondition.style.display = "none";
|
||||
document.getElementById(flagId).value="none";
|
||||
img.src = "<%=basePath %>images/close.gif";
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
//查询告警列表
|
||||
function toWarningList() {
|
||||
var url = "<%=path%>/detection/monitorData.do?action=queryAbnormalSet&entry=switch&cip=${ip}";
|
||||
document.portForm.action=url;
|
||||
document.portForm.submit();
|
||||
}
|
||||
|
||||
var chartObj;
|
||||
var seriesOptions = [];
|
||||
var policeValue;
|
||||
var xtilte="";
|
||||
var ytitle="";
|
||||
|
||||
function qryPic() {
|
||||
var queryCondition = document.getElementById("queryChildCondition");
|
||||
if(queryCondition.style.display == ""){
|
||||
var picId = document.getElementById("picIdFlag").value;
|
||||
}
|
||||
document.getElementById("picIdFlag").value = picId;
|
||||
if(picId!='') {//点击顶级设备时，清空picId，点击叶子设备时清空picId
|
||||
jQuery("#"+picId).trigger('click');
|
||||
}
|
||||
}
|
||||
|
||||
function qryPicXt() {
|
||||
var queryCondition1 = document.getElementById("queryParCondition");
|
||||
if(queryCondition1.style.display == ""){
|
||||
var picId = document.getElementById("picIdXtFlag").value;
|
||||
}
|
||||
document.getElementById("picIdXtFlag").value = picId;
|
||||
if(picId!='') {//点击顶级设备时，清空picId，点击叶子设备时清空picId
|
||||
jQuery("#"+picId).trigger('click');
|
||||
}
|
||||
}
|
||||
|
||||
function getPicScorce(dataType,drwTo,dataDesc,unit,numberFormat,id){
|
||||
if(unit!='' && unit!=null && unit!=undefined) {
|
||||
unit = "("+unit+")";
|
||||
}
|
||||
document.getElementById("picId").value = id;
|
||||
document.getElementById("picIdFlag").value = id;
|
||||
var urlTmp = "<%=path%>/detection/switchDetection!getSource.do?dataType="+dataType+"&dataDesc="+dataDesc+"&unit="+unit+"&seqId=${seqId}&detectId=${detectId}&nameFlag=${nameFlag}&ip=${ip}&startTime="+$("#startTime").val();//+"&endTime="+$("#endTime").val();
|
||||
var urlTmp = encodeURI(urlTmp);
|
||||
$.ajax( {
|
||||
url : urlTmp,
|
||||
type : "POST",
|
||||
dataType : "json",
|
||||
success : function(datas) {
|
||||
if(datas!=null && datas.length>0){
|
||||
document.getElementById("startTime").value = datas[0].startTime;
|
||||
}
|
||||
if(datas!=null && datas.length>1){
|
||||
//document.getElementById("endTime").value = datas[0].endTime;
|
||||
xtitle = datas[1].xtitle;//折线图标题
|
||||
ytitle = datas[1].ytitle;
|
||||
policeValue = datas[1].policeVal;
|
||||
var lines = datas[1].lines;
|
||||
seriesOptions = [];
|
||||
if(lines[0].data==null || lines[0].data.length==0){// 针对丢包数，仅显示一条折线
|
||||
seriesOptions[0] = {
|
||||
name: lines[2].name,
|
||||
data: lines[2].data,
|
||||
type: 'line'
|
||||
};
|
||||
} else {// 针对bps\pps，显示一条step线和点
|
||||
seriesOptions[0] = {
|
||||
name: lines[0].name,
|
||||
data: lines[0].data,
|
||||
type: 'line',
|
||||
step: true,
|
||||
color: '#0CF223'
|
||||
};
|
||||
seriesOptions[1] = {
|
||||
name: lines[1].name,
|
||||
data: lines[1].data,
|
||||
type: 'scatter',
|
||||
color : '#0896E9'
|
||||
};
|
||||
}
|
||||
var tab="tabs-1";
|
||||
createChart(policeValue,drwTo,numberFormat,unit,tab);
|
||||
|
||||
}else{
|
||||
$("#tabs-1").empty();
|
||||
$("#tabs-1").append('i18n_sdigp.message.noData_n81i');
|
||||
}
|
||||
}
|
||||
})
|
||||
jQuery("#portInfoPic").show();
|
||||
}
|
||||
|
||||
function getPicSystemScorce(dataType,drwTo,dataDesc,unit,numberFormat,id){
|
||||
if(unit!='' && unit!=null && unit!=undefined) {
|
||||
unit = "("+unit+")";
|
||||
}
|
||||
document.getElementById("picId").value = id;
|
||||
document.getElementById("picIdXtFlag").value = id;
|
||||
var urlTmp = "<%=path%>/detection/switchDetection!getSystemSource.do?dataType="+dataType+"&dataDesc="+dataDesc+"&unit="+unit+"&seqId=${seqId}&detectId=${detectId}&nameFlag=${nameFlag}&ip=${ip}&startTimeXt="+$("#startTimeXt").val();//+"&endTime="+$("#endTime").val();
|
||||
var urlTmp = encodeURI(urlTmp);
|
||||
$.ajax( {
|
||||
url : urlTmp,
|
||||
type : "POST",
|
||||
dataType : "json",
|
||||
success : function(datas) {
|
||||
if(datas!=null && datas.length>0){
|
||||
document.getElementById("startTimeXt").value = datas[0].startTimeXt;
|
||||
}
|
||||
if(datas!=null && datas.length>1){
|
||||
//document.getElementById("endTime").value = datas[0].endTime;
|
||||
xtitle = datas[1].xtitle;//折线图标题
|
||||
ytitle = datas[1].ytitle;
|
||||
policeValue = datas[1].policeVal;
|
||||
var lines = datas[1].lines;
|
||||
seriesOptions = [];
|
||||
if(lines[0].data==null || lines[0].data.length==0){// 针对丢包数，仅显示一条折线
|
||||
seriesOptions[0] = {
|
||||
name: lines[2].name,
|
||||
data: lines[2].data,
|
||||
type: 'line'
|
||||
};
|
||||
} else {// 针对bps\pps，显示一条step线和点
|
||||
seriesOptions[0] = {
|
||||
name: lines[0].name,
|
||||
data: lines[0].data,
|
||||
type: 'line',
|
||||
step: true,
|
||||
color: '#0CF223'
|
||||
};
|
||||
seriesOptions[1] = {
|
||||
name: lines[1].name,
|
||||
data: lines[1].data,
|
||||
type: 'scatter',
|
||||
color : '#0896E9'
|
||||
};
|
||||
}
|
||||
var tab="tabs-2";
|
||||
createChart(policeValue,drwTo,numberFormat,unit,tab);
|
||||
}else{
|
||||
$("#tabs-2").empty();
|
||||
$("#tabs-2").append('i18n_sdigp.message.noData_n81i');
|
||||
}
|
||||
}
|
||||
})
|
||||
jQuery("#portInfoPicXt").show();
|
||||
}
|
||||
|
||||
function createChart(policeNum,dto,numberFormat,unit,tab) {
|
||||
if(numberFormat==undefined||numberFormat==null) {
|
||||
numberFormat=0;//数字保留几位小数
|
||||
}
|
||||
chartObj = new Highcharts.Chart(//Highcharts.Chart只显示一个图，Highcharts.StockChart显示2个图（一个总图，一个部分图）
|
||||
{
|
||||
chart : {
|
||||
renderTo : tab,//显示折线图的div的id
|
||||
zoomType : 'x',//图像可以x轴方向缩放
|
||||
resetZoomButton: {
|
||||
position: {//resetRoomButton的位置
|
||||
align: 'right',
|
||||
x: -10,
|
||||
//verticalAlign: 'top',
|
||||
y: -30
|
||||
}
|
||||
// relativeTo: 'plot'
|
||||
},
|
||||
showAxes : true,
|
||||
spacingRight : 20,
|
||||
defaultSeriesType : 'line',//显示折线图的样式：area区域显示，line显示线
|
||||
borderWidth: 1//整个图的边宽
|
||||
},
|
||||
navigator: {
|
||||
height: 50,
|
||||
margin: 50,
|
||||
outlineColor: '#E0E0E0',
|
||||
outlineWidth: 2,
|
||||
xAxis: {
|
||||
type : 'datetime',
|
||||
labels: {
|
||||
align: 'left',
|
||||
x: 3,
|
||||
y: -4
|
||||
},
|
||||
dateTimeLabelFormats: {
|
||||
second: '%Y-%m-%d %H:%M:%S',
|
||||
minute: '%Y-%m-%d %H:%M',
|
||||
hour: '%Y-%m-%d %H:%M',
|
||||
day: '%Y-%m-%d',
|
||||
week: '%Y-%m-%d',
|
||||
month: '%Y-%m',
|
||||
year: '%Y'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
/*rangeSelector: {//右上方选择显示日期范围内的数据
|
||||
buttons: [],
|
||||
inputEnabled:true,
|
||||
inputDateFormat:'%Y-%m-%d'
|
||||
},*/
|
||||
|
||||
title : {
|
||||
text : xtitle//折线图标题
|
||||
},
|
||||
subtitle : {
|
||||
text : ''//这是副标题内容
|
||||
},
|
||||
xAxis : {
|
||||
type : 'datetime',
|
||||
//maxZoom : 1000 * 60 * 60 * 24 *14,
|
||||
//startOfWeek: 50,
|
||||
labels : {
|
||||
rotation : 20,
|
||||
y : 20,
|
||||
x : 20
|
||||
},
|
||||
dateTimeLabelFormats: {
|
||||
second: '%Y-%m-%d %H:%M:%S',
|
||||
minute: '%Y-%m-%d %H:%M',
|
||||
hour: '%Y-%m-%d %H:%M',
|
||||
day: '%Y-%m-%d',
|
||||
week: '%Y-%m-%d',
|
||||
month: '%Y-%m',
|
||||
year: '%Y'
|
||||
}
|
||||
},
|
||||
yAxis : {
|
||||
title : {
|
||||
text : ytitle//左侧标题
|
||||
},
|
||||
min:0,//设置y轴的最小值
|
||||
minorTickInterval: 'auto'/*,
|
||||
plotLines: [{
|
||||
value: policeValue,
|
||||
width: 2,
|
||||
color: '#F24C52',
|
||||
dashStyle: 'dash',
|
||||
label: {
|
||||
text: '警戒线:('+policeNum+')',
|
||||
align: 'right',
|
||||
y: 8,
|
||||
x: 0
|
||||
}
|
||||
}],
|
||||
plotBands: [{
|
||||
from: 80,
|
||||
to: 100,
|
||||
color: '#F24C52'
|
||||
}]*/
|
||||
|
||||
},
|
||||
tooltip : {
|
||||
borderColor : "#374E94",
|
||||
backgroundColor : {
|
||||
linearGradient : [ 0, 0, 0, 60 ],
|
||||
stops : [ [ 0, '#FFFFFF' ], [ 1, '#E0E0E0' ] ]
|
||||
},
|
||||
borderWidth : 1,
|
||||
shared : true,
|
||||
crosshairs : {
|
||||
width : 1,
|
||||
color : 'red'
|
||||
},
|
||||
formatter : function() {
|
||||
var s = Highcharts.dateFormat("%Y-%m-%d %H:%M",
|
||||
this.x) + ' [';
|
||||
$.each(this.points, function(i, point) {
|
||||
s += '<span style="color:#374E94">'
|
||||
+ point.series.name
|
||||
+ ':</span><span style="font-weight: bold;color:#F24C52">'
|
||||
+ Highcharts.numberFormat(point.y,numberFormat) + unit +'</span> ';//当鼠标放到一个点上时，显示的y值
|
||||
});
|
||||
s = $.trim(s) + "]";
|
||||
return s;
|
||||
}
|
||||
},
|
||||
plotOptions:{
|
||||
line:{
|
||||
lineWidth : 1,
|
||||
marker: {
|
||||
radius: 1,//????????
|
||||
states: {
|
||||
hover: {
|
||||
radius: 3
|
||||
}
|
||||
}
|
||||
},
|
||||
dashStyle: 'solid'
|
||||
},
|
||||
area : {
|
||||
fillColor : {
|
||||
//linearGradient : [ 0, 0, 0, 200 ],
|
||||
//stops : [ [ 0, "#F24C52" ], [ 1, 'rgba(255,0,0,0)' ] ]
|
||||
linearGradient : [ 0, 0, 30, 250 ],
|
||||
stops : [ [ 0, "#0896E9" ], [ 1, 'rgba(0,157,145,0)' ] ]
|
||||
},
|
||||
fillOpacity: 0.08,
|
||||
lineWidth : 1,
|
||||
shadow : true,
|
||||
marker: {
|
||||
radius: 3,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 5
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
column: {
|
||||
grouping: false,
|
||||
shadow: false,
|
||||
pointPlacement: 'between',
|
||||
groupPadding: 0,
|
||||
pointPadding: 0,
|
||||
borderWidth: 0,
|
||||
color: '#0CF223'
|
||||
},
|
||||
scatter:{
|
||||
marker: {
|
||||
radius: 2,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 3
|
||||
}
|
||||
},
|
||||
symbol: 'circle'
|
||||
}
|
||||
}
|
||||
},
|
||||
exporting : {
|
||||
buttons : {
|
||||
exportButton : {
|
||||
enabled : false
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
enabled: false//不显示折线下发的图标（多条线时，点击可隐藏或者显示折线）
|
||||
},
|
||||
series : seriesOptions,//显示的数据
|
||||
credits: {
|
||||
enabled: false,
|
||||
text: 'i18n_sdigp.message.updateTheMarker_n81i'
|
||||
}
|
||||
});
|
||||
Highcharts.setOptions( {
|
||||
global : {
|
||||
useUTC : false
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function doSvgFun(){
|
||||
//给生成的svg划线
|
||||
var clickPortId = "${clickPortId}";//获取单击的端口id
|
||||
var emSvg = document.getElementById('emSvg');
|
||||
svgDoc = emSvg.getSVGDocument();
|
||||
if(svgDoc == null) return ;
|
||||
svgWnd = svgDoc.svgWnd ; //这个window对象是在svg的初始化里面添加进去的
|
||||
svgWnd.showSelect(clickPortId) ; //调用svg里的js函数
|
||||
}
|
||||
|
||||
</script>
|
||||
<body style="overflow-y: scroll;" onload="doSvgFun()">
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='/detection/switchDetection.do?action=query'/>" method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="typeids" value="${typeids[0]}"/>
|
||||
<input type="hidden" name="ctn" id="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="networElementType" id="networElementType" value="${networElementType }" />
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<input type="hidden" name="nodeIp" value="${nodeIp }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
<div id="divTop" >
|
||||
<div id="backBut" class="box_2" style="position: absolute; top: body.scrollTop+2; left: 95%;">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_sdigp.button.back_n81i"/>
|
||||
|
||||
<input id="indexStr2" type="hidden" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div style="margin:10px;width: 98%;height: ${devHeightSum};min-width:1000px;" >
|
||||
<div style="width:500px;float:left;">
|
||||
<embed src="<c:url value='/page/detection/switchInfo/${svgName}' />"
|
||||
quality="high" name="powerMap"
|
||||
pluginspage="http://www.adobe.com/svg/viewer/install"
|
||||
type="image/svg+xml" width="520" height="100%" wmode="transparent"
|
||||
style="overflow-y:scroll; " id="emSvg">
|
||||
</embed>
|
||||
</div>
|
||||
<div style="width:45%;margin-left:550px;margin-top:50px;">
|
||||
<form action="<%=path%>/detection/switchDetection.do?action=switchDetectInfoGraph" name="portForm" method="post">
|
||||
<input type="hidden" name="deviceTypeCode" value="${deviceTypeCode }" />
|
||||
<input type="hidden" name="svgName" value="${svgName }" />
|
||||
<input type="hidden" name="dataCheckTime" value="${dataCheckTime }" />
|
||||
<input type="hidden" name="seqId" value="${seqId }" />
|
||||
<input type="hidden" name="detectId" value="${detectId }" />
|
||||
<input type="hidden" name="ip" value="${ip }" />
|
||||
<input type="hidden" name="nameFlag" id="nameFlag" value="${nameFlag }" />
|
||||
<input type="hidden" name="pid" id="pid" value="${pid }" />
|
||||
<input type="hidden" name="isLeaf" id="isLeaf" value="${isLeaf }" />
|
||||
<input type="hidden" name="picId" id="picId" value="${picId }" />
|
||||
<input type="hidden" name="picIdFlag" id="picIdFlag" value="${picIdFlag }" />
|
||||
<input type="hidden" name="picIdXtFlag" id="picIdXtFlag" value="${picIdXtFlag }" />
|
||||
<input type="hidden" name="bodyScrollTop" id="bodyScrollTop" value="${bodyScrollTop}" />
|
||||
|
||||
<input type="hidden" name="queryParConditionDisplay" id="queryParConditionDisplay" value="${queryParConditionDisplay }" />
|
||||
<input type="hidden" name="queryChildConditionDisplay" id="queryChildConditionDisplay" value="${queryChildConditionDisplay }" />
|
||||
<div style="width: 100%;height:auto;font-size:14px;padding-top:7px;" align="center">
|
||||
i18n_sdigp.text.ip_n81i:${ip}
|
||||
i18n_sdigp.text.deviceTypeCode_n81i:${deviceTypeCode}
|
||||
i18n_sdigp.text.dataCheckTime_n81i:${dataCheckTime}
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" >
|
||||
<tr style="display: inline;">
|
||||
<td class="color_8" width="100%" >
|
||||
<strong>i18n_sdigp.text.title_n81i</strong>
|
||||
</td>
|
||||
<td class="color_8" style="cursor: hand;">
|
||||
<img id="openAndCloseParImgSrc" onclick="javascript:toOpenAndFlex('queryParCondition','openAndCloseParImgSrc','queryChildCondition','openAndCloseChildImgSrc','queryParConditionDisplay','queryChildConditionDisplay');" align="right" style="padding-right: 20px;"
|
||||
<c:if test="${queryParConditionDisplay eq 'none'}">src="<%=basePath %>images/close.gif"</c:if>
|
||||
<c:if test="${queryParConditionDisplay== '' || queryParConditionDisplay eq null}">src="<%=basePath %>images/open.gif"</c:if> />
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="queryParCondition" style="display:${queryParConditionDisplay}" >
|
||||
<td colspan="2">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" style="border-spacing:0px;border:0px;">
|
||||
<tr >
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_sdigp.text.sysName_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" width="80%" colspan="3">
|
||||
${diSystem.sysName}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_sdigp.text.sysUpTime_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" width="20%">
|
||||
${diSystem.sysUpTime}
|
||||
|
||||
</td>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_sdigp.text.sysLocation_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
${diSystem.sysLocation}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sdigp.text.outoctetsspeed_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<a href="#tab2-outoctetsspeedXt" onclick="javascript:getPicSystemScorce('outoctetsspeed',1,'i18n_sdigp.text.outoctetsspeed_n81i','bps',0,'outoctetsspeedXt');" id="outoctetsspeedXt">
|
||||
<% DiSystem diSystem = (DiSystem) request.getAttribute("diSystem"); %>
|
||||
<%=MyNumberFormat.formatStr1(diSystem==null?null:(diSystem.getSysOutSpeedSum()==null?null:new BigDecimal(diSystem.getSysOutSpeedSum())),0,1024) %>
|
||||
</a>
|
||||
</td>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_sdigp.text.inoctetsspeed_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" width="20%">
|
||||
<a href="#tab2-inoctetsspeedXt" onclick="javascript:getPicSystemScorce('inoctetsspeed',1,'i18n_sdigp.text.inoctetsspeed_n81i','bps',0,'inoctetsspeedXt');" id="inoctetsspeedXt">
|
||||
<%=MyNumberFormat.formatStr1(diSystem==null?null:(diSystem.getSysInSpeedSum()==null?null:new BigDecimal(diSystem.getSysInSpeedSum())),0,1024) %>
|
||||
</a>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sdigp.text.outpktsspeed_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<a href="#tab2-outpktsspeedXt" onclick="javascript:getPicSystemScorce('outpktsspeed',1,'i18n_sdigp.text.outpktsspeed_n81i','pps',0,'outpktsspeedXt');" id="outpktsspeedXt">
|
||||
<c:if test="${diSystem.sysOutPktsSpeedSum ne null }"> ${diSystem.sysOutPktsSpeedSum}pps </c:if>
|
||||
</a>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sdigp.text.inpktsspeed_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<a href="#tab2-inpktsspeedXt" onclick="javascript:getPicSystemScorce('inpktsspeed',1,'i18n_sdigp.text.inpktsspeed_n81i','pps',0,'inpktsspeedXt');" id="inpktsspeedXt">
|
||||
<c:if test="${diSystem.sysInPktsSpeedSum ne null }"> ${diSystem.sysInPktsSpeedSum}pps </c:if>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td class="color_1" align="right">
|
||||
i18n_sdigp.text.sysStatus_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
${diSystem.sysStatus}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sdigp.text.sysDesc_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
${diSystem.sysDescr}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table id="portInfoPicXt" border="0" cellpadding="0" cellspacing="0" class="table" style="width:100%;display:none;border-spacing:0px;border:0px;table-layout: fixed;">
|
||||
<tr >
|
||||
<td align="center" >
|
||||
<div style='padding-top: 6px;margin-bottom:3px :height: 30px;vertical-align: middle;' >
|
||||
i18n_sdigp.text.from_n81i: <input type="text" id="startTimeXt" name="startTimeXt" value="${startTimeXt}" readonly onclick="SelectDate(this,'yyyy-MM-dd hh:mm',${session.i18n_lang == 'zh_CN'?0:1})" size="15" style="height:20px;vertical-align: middle;" onkeydown="if(event.keyCode==8){event.returnValue=false;}"/>
|
||||
<!-- 至: <input type="text" id="endTime" name="endTime" value="${endTime}" readonly onclick="SelectDate(this,'yyyy-MM-dd hh:mm')" size="15" style="height:20px;vertical-align: middle;" onkeydown="if(event.keyCode==8){event.returnValue=false;}" /> -->
|
||||
<font size="2px">[i18n_sdigp.text.selectOneDay_n81i]</font> <img src="<c:url value='/images/button_chaxun.png'/>" onclick="javascript:qryPicXt();" style="vertical-align: middle;cursor: pointer;"/>
|
||||
</div>
|
||||
<div id="tabs-2" style='padding: 0;margin: 0;width:auto; height: 215px;'>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<c:if test="${pid ne 0 && isLeaf eq 1}">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" style="table-layout: fixed;">
|
||||
<tr>
|
||||
<td class="color_8" width="95%"> <strong>i18n_sdigp.text.port_n81i${nameFlag}i18n_sdigp.text.portInfo_n81i</strong>
|
||||
</td>
|
||||
<td class="color_8" style="cursor: hand;" >
|
||||
<img id="openAndCloseChildImgSrc" onclick="javascript:toOpenAndFlex('queryChildCondition','openAndCloseChildImgSrc','queryParCondition','openAndCloseParImgSrc','queryChildConditionDisplay','queryParConditionDisplay');" align="right" style="padding-right: 20px;"
|
||||
<c:if test="${queryChildConditionDisplay eq 'none'}">src="<%=basePath %>images/close.gif"</c:if>
|
||||
<c:if test="${queryChildConditionDisplay eq '' || queryChildConditionDisplay eq null}">src="<%=basePath %>images/open.gif"</c:if> />
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="queryChildCondition" style="display:${queryChildConditionDisplay}">
|
||||
<td colspan="2">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" style="border-spacing:0px;border:0px;">
|
||||
<tr >
|
||||
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_sdigp.text.ifDescr_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" width="20%">
|
||||
${switchPortInfo.ifDescr}
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sdigp.text.ifType_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${switchPortInfo.ifTypeStr}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" >
|
||||
i18n_sdigp.text.ifAdminStatus_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<c:if test="${switchPortInfo.ifAdminStatus==1 }"> up </c:if>
|
||||
<c:if test="${switchPortInfo.ifAdminStatus==2 }"> down </c:if>
|
||||
<c:if test="${switchPortInfo.ifAdminStatus==3 }"> testing </c:if>
|
||||
|
||||
</td>
|
||||
<td class="color_1" align="right" >
|
||||
i18n_sdigp.text.ifOperStatus_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<c:if test="${switchPortInfo.ifOperStatus==1 }"> up </c:if>
|
||||
<c:if test="${switchPortInfo.ifOperStatus==2 }"> down </c:if>
|
||||
<c:if test="${switchPortInfo.ifOperStatus==3 }"> testing </c:if>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sdigp.text.outoctetsspeed_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<a href="#tab-outoctetsspeed" onclick="javascript:getPicScorce('outoctetsspeed',1,'i18n_sdigp.text.outoctetsspeed_n81i','bps',0,'outoctetsspeed');" id="outoctetsspeed">
|
||||
<% SwitchPortInfo switchPortInfo = (SwitchPortInfo) request.getAttribute("switchPortInfo"); %>${outoctetsspeed}
|
||||
<%=MyNumberFormat.formatStr1(switchPortInfo==null?null:(switchPortInfo.getIfOutOctetsSpeed()==null?null:new BigDecimal(switchPortInfo.getIfOutOctetsSpeed())),0,1024) %>
|
||||
</a>
|
||||
</td>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_sdigp.text.inoctetsspeed_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" width="20%">
|
||||
<a href="#tab-inoctetsspeed" onclick="javascript:getPicScorce('inoctetsspeed',1,'i18n_sdigp.text.inoctetsspeed_n81i','bps',0,'inoctetsspeed');" id="inoctetsspeed">
|
||||
<%=MyNumberFormat.formatStr1(switchPortInfo==null?null:(switchPortInfo.getIfInOctetsSpeed()==null?null:new BigDecimal(switchPortInfo.getIfInOctetsSpeed())),0,1024) %>
|
||||
</a>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sdigp.text.ifouterrors_vary_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<a href="#tab-ifouterrors_vary" onclick="javascript:getPicScorce('ifouterrors_vary',1,'i18n_sdigp.text.ifouterrors_vary_n81i','',0,'ifouterrors_vary');" id="ifouterrors_vary">
|
||||
${switchPortInfo.ifouterrorsVary}
|
||||
</a>
|
||||
</td>
|
||||
<td class="color_1" align="right" >
|
||||
i18n_sdigp.text.ifinerrors_vary_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<a href="#tab-inerrorsscale" onclick="javascript:getPicScorce('ifinerrors_vary',1,'i18n_sdigp.text.ifinerrors_vary_n81i','',0,'ifinerrors_vary');" id="ifinerrors_vary">
|
||||
${switchPortInfo.ifinerrorsVary}
|
||||
</a>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sdigp.text.outpktsspeed_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
<a href="#tab-outpktsspeed" onclick="javascript:getPicScorce('outpktsspeed',1,'i18n_sdigp.text.outpktsspeed_n81i','pps',0,'outpktsspeed');" id="outpktsspeed">
|
||||
<c:if test="${switchPortInfo.outpktsspeed ne null && switchPortInfo.outpktsspeed!=''}"> <%=new BigDecimal(switchPortInfo.getOutpktsspeed())%>pps </c:if>
|
||||
</a>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sdigp.text.inpktsspeed_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<a href="#tab-inpktsspeed" onclick="javascript:getPicScorce('inpktsspeed',1,'i18n_sdigp.text.inpktsspeed_n81i','pps',0,'inpktsspeed');" id="inpktsspeed">
|
||||
<c:if test="${switchPortInfo.inpktsspeed ne null && switchPortInfo.inpktsspeed!=''}"> <%=new BigDecimal(switchPortInfo.getInpktsspeed()) %>pps </c:if>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sdigp.text.ifoutdiscards_vary_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<a href="#tab-ifoutdiscardsperc" onclick="javascript:getPicScorce('ifoutdiscards_vary',1,'i18n_sdigp.text.ifoutdiscards_vary_n81i','',0,'ifoutdiscards_vary');" id="ifoutdiscards_vary">
|
||||
${switchPortInfo.ifoutdiscardsVary}
|
||||
</a>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sdigp.text.ifindiscards_vary_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<a href="#tab-ifindiscardsperc" onclick="javascript:getPicScorce('ifindiscards_vary',1,'i18n_sdigp.text.ifindiscards_vary_n81i','',0,'ifindiscards_vary');" id="ifindiscards_vary">
|
||||
${switchPortInfo.ifindiscardsVary}
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sdigp.text.ifHighSpeed_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<%=(switchPortInfo==null?"":(switchPortInfo.getIfHighSpeed() ==null?MyNumberFormat.formatStr1(new BigDecimal(switchPortInfo.getIfSpeed()),0,1000):switchPortInfo.getIfHighSpeed()+"Mbps")) %>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sdigp.text.ifPhysAddress_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
${switchPortInfo.ifPhysAddress}
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" >
|
||||
i18n_sdigp.text.ifLastChangeStr_n81i：
|
||||
</td>
|
||||
|
||||
<td class="color_3" align="left" colspan="3">
|
||||
${switchPortInfo.ifLastChangeStr}
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
<table id="portInfoPic" border="0" cellpadding="0" cellspacing="0" class="table" style="width:100%;display:none;border-spacing:0px;border:0px;table-layout: fixed;">
|
||||
<tr >
|
||||
<td align="center" >
|
||||
<div style='padding-top: 6px;margin-bottom:3px :height: 30px;vertical-align: middle;' >
|
||||
i18n_sdigp.text.from_n81i: <input type="text" id="startTime" name="startTime" value="${startTime}" readonly onclick="SelectDate(this,'yyyy-MM-dd hh:mm',${session.i18n_lang == 'zh_CN'?0:1})" size="15" style="height:20px;vertical-align: middle;" onkeydown="if(event.keyCode==8){event.returnValue=false;}"/>
|
||||
<!-- 至: <input type="text" id="endTime" name="endTime" value="${endTime}" readonly onclick="SelectDate(this,'yyyy-MM-dd hh:mm')" size="15" style="height:20px;vertical-align: middle;" onkeydown="if(event.keyCode==8){event.returnValue=false;}" /> -->
|
||||
<font size="2px">[i18n_sdigp.text.selectOneDay_n81i]</font> <img src="<c:url value='/images/button_chaxun.png'/>" onclick="javascript:qryPic();" style="vertical-align: middle;cursor: pointer;"/>
|
||||
</div>
|
||||
<div id="tabs-1" style='padding: 0;margin: 0;width:auto; height: 215px;'>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</c:if>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
466
WebRoot/page/detection/switchInfo/switchInfoList.jsp
Normal file
466
WebRoot/page/detection/switchInfo/switchInfoList.jsp
Normal file
@@ -0,0 +1,466 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@page import="java.math.BigDecimal"%>
|
||||
<%@page import="nis.nms.util.MyNumberFormat"%>
|
||||
<%@page import="nis.nms.bean.SwitchPortInfo"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_sil.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet" type="text/css" />
|
||||
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js'/>"></script>
|
||||
<script src="<c:url value='/js/lockTableHeader.js'/>" type="text/javascript"></script>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
var msg = '${MSG}';
|
||||
if(msg=='1'){
|
||||
alert("i18n_sil.message.success_n81i");
|
||||
}else if(msg=='2'){
|
||||
alert("i18n_sil.message.faild_n81i");
|
||||
}
|
||||
|
||||
//添加记录
|
||||
function add(id){
|
||||
document.form3.action = "<%=path%>/detection/metaDataSet!executeAction.do?action=oppAdd&typeids="+id;
|
||||
document.form3.submit();
|
||||
}
|
||||
//批量修改记录:
|
||||
function upd(){
|
||||
if(!isRigthCheck("ids", "remove")){
|
||||
alert("i18n_sil.message.selectInfo1_n81i");
|
||||
}else{
|
||||
document.form3.action ="<%=path%>/detection/metaDataSet!executeAction.do?action=oppUpdList";
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
//修改记录,暂时不用
|
||||
function updOld(){
|
||||
//alert(1);
|
||||
if(!isRigthCheck("ids", "edit")){
|
||||
alert("i18n_sil.message.selectInfo2_n81i");
|
||||
}else{
|
||||
document.form3.action ="<%=path%>/detection/metaDataSet!executeAction.do?action=oppUpd";
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
|
||||
//生成数据表
|
||||
function createTable(){
|
||||
if(confirm("i18n_sil.message.sureToCreate_n81i")){
|
||||
document.form3.action ="<%=path%>/detection/metaDataSet!executeAction.do?action=createTab";
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
//向数据表添加字段
|
||||
function addFiled(){
|
||||
if(confirm("i18n_sil.message.sureToAdd_n81i")){
|
||||
document.form3.action ="<%=path%>/detection/metaDataSet!executeAction.do?action=addFiled";
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
|
||||
//停用:将METADATA表中的STATE字段置为1
|
||||
function startUpOrStop(type) {
|
||||
if(!isRigthCheck("ids", "remove")){
|
||||
alert("i18n_sil.message.selectInfo1_n81i");
|
||||
}else {
|
||||
var num = jQuery("input[name='ids']:checked").size();
|
||||
var mids = new Array(num);
|
||||
jQuery("input[name='ids']:checked").each(function(i){
|
||||
mids[i]=$(this).val();
|
||||
});
|
||||
|
||||
jQuery.post("<c:url value='/'/>detection/metaDataSet!getState.do",{ids:mids.toString()},function(datas){checkIsState(datas,type);},"json");
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
function checkIsState(datas,type) {
|
||||
if(datas!=null && datas.length>0) {
|
||||
if(type=='1'){//停用
|
||||
document.form3.action="<%=path%>/detection/metaDataSet.do?action=stop";
|
||||
document.form3.submit();
|
||||
}else{//启用
|
||||
document.form3.action="<%=path%>/detection/metaDataSet.do?action=start";
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function goBack(){
|
||||
document.form3.action ="<%=path%>/detection/switchDetection.do?action=query";
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function ieBrowser(){
|
||||
if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//程辉 2013-5-8 新增 导出
|
||||
function emportXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/switchDetection.do?action=emportXls&detectId="+'${detectId}'+"&seqId="+'${seqId}'+"&checkDate="+'${checkDate}';
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98.5%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
$("#info").floatHeaderDiv();
|
||||
//tableHeaderNavigator('I3','info');
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="middle_list" style="overflow: hidden;">
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='/detection/switchDetection.do?action=singleSwitchInfo'/>" method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="typeids" value="${typeids[0]}"/>
|
||||
<input type="hidden" name="ctn" id="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="networElementType" id="networElementType" value="${networElementType }" />
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<input type="hidden" name="nodeIp" value="${nodeIp }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
<div id="divTop">
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="emportXls()" value="i18n_sil.button.export_n81i"/>
|
||||
<c:if test="${isSch=='0'&& isHaveTable=='no'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="add(${typeids[0]})" value="i18n_sil.button.add_n81i" disabled="disabled"/> <!-- 预置表的新增 -->
|
||||
</c:if>
|
||||
<c:if test="${isSch=='1'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="add(${typeids[0]})" value="i18n_sil.button.add_n81i"
|
||||
${(ADMFlag && checkTypeInfo.viewLevel ne 4) || (!ADMFlag && checkTypeInfo.viewLevel eq 4) ? "disabled='disabled'":""}/>
|
||||
</c:if>
|
||||
<c:if test="${isSch=='0' && isHaveTable=='no'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="upd()" value="i18n_sil.button.update_n81i" disabled="disabled"/>
|
||||
</c:if>
|
||||
<c:if test="${isSch=='1'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="upd()" value="i18n_sil.button.update_n81i"
|
||||
${(ADMFlag && checkTypeInfo.viewLevel ne 4) || (!ADMFlag && checkTypeInfo.viewLevel eq 4) ? "disabled='disabled'":""}/>
|
||||
</c:if>
|
||||
<c:if test="${isHaveTable=='no'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="createTable()" value="i18n_sil.button.createTable_n81i"
|
||||
${(ADMFlag && checkTypeInfo.viewLevel ne 4) || (!ADMFlag && checkTypeInfo.viewLevel eq 4) ? "disabled='disabled'":""}
|
||||
/>
|
||||
</c:if>
|
||||
<c:if test="${isSch=='1'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="startUpOrStop(1)" value="i18n_sil.button.stop_n81i"/> <!-- 非预置的表才有停用 -->
|
||||
</c:if>
|
||||
<c:if test="${isSch=='1'}">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="startUpOrStop(0);" value="i18n_sil.button.start_n81i"/> <!-- 非预置的表才有启用 -->
|
||||
</c:if>
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_sil.button.back_n81i"/>
|
||||
</div>
|
||||
</div>
|
||||
<div id="maindiv">
|
||||
<c:if test="${si ne null}">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" id="switchInfo">
|
||||
<tr >
|
||||
<td colspan="4" class="color_8">
|
||||
<strong>i18n_sil.text.switchIp_n81i:${switchIp } i18n_sil.text.title_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_sil.text.sysDescr_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
${si.sysDescr}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" width="20%">
|
||||
i18n_sil.text.sysObjectID_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
${si.sysObjectID}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right" >
|
||||
i18n_sil.text.upTimeStr_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left" >
|
||||
${si.upTimeStr}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sil.text.sysContact_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${si.sysContact}
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sil.text.sysName_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${si.sysName}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sil.text.sysLocation_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${si.sysLocation}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sil.text.sysServices_n81i：
|
||||
</td>
|
||||
<td class="color_3"align="left">
|
||||
${si.sysServices}
|
||||
<fmt:formatDate value="${detectionInfoNew.detectionSetInfo.planCheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_sil.text.checkedTimeStr_n81i：
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
${si.checkedTimeStr}
|
||||
<fmt:formatDate value="${detectionInfoNew.detectionSetInfo.planCheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</c:if>
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table" id="info">
|
||||
<tr>
|
||||
<td width="3%" class="color_top">
|
||||
i18n_sil.text.index_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top">
|
||||
i18n_sil.text.ifDescr_n81i
|
||||
</td>
|
||||
<td width="7%" class="color_top">
|
||||
i18n_sil.text.ifHighSpeed_n81i
|
||||
</td>
|
||||
<td width="5%" class="color_top">
|
||||
i18n_sil.text.ifOperStatus_n81i
|
||||
</td>
|
||||
<td width="7%" class="color_top">
|
||||
i18n_sil.text.ifInOctetsSpeed_n81i
|
||||
</td>
|
||||
<td width="7%" class="color_top">
|
||||
i18n_sil.text.inpktsspeed_n81i
|
||||
</td>
|
||||
<!--
|
||||
<td width="7%" class="color_top">
|
||||
输入丢包率(%)
|
||||
</td>
|
||||
<td width="7%" class="color_top">
|
||||
输入差错率(pps)
|
||||
</td>
|
||||
-->
|
||||
<td width="7%" class="color_top">
|
||||
i18n_sil.text.ifindiscardsVary_n81i
|
||||
</td>
|
||||
<td width="7%" class="color_top">
|
||||
i18n_sil.text.ifinerrorsVary_n81i
|
||||
</td>
|
||||
<td width="7%" class="color_top">
|
||||
i18n_sil.text.ifOutOctetsSpeed_n81i
|
||||
</td>
|
||||
<td width="8%" class="color_top">
|
||||
i18n_sil.text.outpktsspeed_n81i
|
||||
</td>
|
||||
<!--
|
||||
<td width="7%" class="color_top">
|
||||
输出丢包率(%)
|
||||
</td>
|
||||
<td width="7%" class="color_top">
|
||||
输出差错率(pps)
|
||||
</td>
|
||||
-->
|
||||
<td width="7%" class="color_top">
|
||||
i18n_sil.text.ifoutdiscardsVary_n81i
|
||||
</td>
|
||||
<td width="7%" class="color_top">
|
||||
i18n_sil.text.ifouterrorsVary_n81i
|
||||
</td>
|
||||
<td width="13%" class="color_top">
|
||||
i18n_sil.text.lastStringTime_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${1}" />
|
||||
<%
|
||||
List<SwitchPortInfo> siList = (List<SwitchPortInfo>) request.getAttribute("totalSiList");
|
||||
if(siList!=null && siList.size()>0){
|
||||
int vs = -1;
|
||||
for(SwitchPortInfo si : siList){
|
||||
vs++;
|
||||
pageContext.setAttribute("vs",vs);
|
||||
pageContext.setAttribute("si",si);
|
||||
%>
|
||||
<c:set var="color" value="color_1"/>
|
||||
<c:set var="color_end" value="color_7"/>
|
||||
<c:if test="${vs%2!=0 }">
|
||||
<c:set var="color" value="color_3"/>
|
||||
<c:set var="color_end" value="color_6"/>
|
||||
</c:if>
|
||||
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
${index+(pageNo-1)*pageSize}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${si.ifDescr}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<%=(si.getIfHighSpeed() ==null?MyNumberFormat.formatStr1(new BigDecimal(si.getIfSpeed()),0,1000):si.getIfHighSpeed()+"Mbps") %>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${si.ifOperStatus}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<%=MyNumberFormat.formatStr1(si.getIfInOctetsSpeed()==null?null:(new BigDecimal(si.getIfInOctetsSpeed()).multiply(new BigDecimal(8))),0,1024) %>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${si.inpktsspeed ne null }">
|
||||
<%=new BigDecimal(si.getInpktsspeed()).setScale(0,BigDecimal.ROUND_UP) %>pps
|
||||
</c:if>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${si.ifindiscardsVary}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${si.ifinerrorsVary}
|
||||
</td>
|
||||
<!--
|
||||
<td class="${color }">
|
||||
${si.ifInErrorsScale}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${si.ifInErrorsScale}
|
||||
</td>
|
||||
-->
|
||||
<td class="${color }">
|
||||
<%=MyNumberFormat.formatStr1(si.getIfOutOctetsSpeed()==null?null:(new BigDecimal(si.getIfOutOctetsSpeed()).multiply(new BigDecimal(8))),0,1024) %>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<c:if test="${si.outpktsspeed ne null }">
|
||||
<%=new BigDecimal(si.getOutpktsspeed()).setScale(0,BigDecimal.ROUND_UP) %>pps
|
||||
</c:if>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${si.ifoutdiscardsVary}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${si.ifouterrorsVary}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${si.lastStringTime}
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
<%
|
||||
}
|
||||
}else{
|
||||
%>
|
||||
<tr>
|
||||
<td colspan="13" class="color_6" align="center">
|
||||
i18n_sil.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
</table>
|
||||
</div>
|
||||
<!-- <div id="divBoot">
|
||||
|
||||
<---jsp:include page="/common/page.jsp" />
|
||||
|
||||
</div> -->
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
565
WebRoot/page/detection/switchInfo/switchInfoTotalList.jsp
Normal file
565
WebRoot/page/detection/switchInfo/switchInfoTotalList.jsp
Normal file
@@ -0,0 +1,565 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
||||
<%@ taglib prefix="c" uri="/jstl/c"%>
|
||||
<%@ taglib prefix="fn" uri="/jstl/fn"%>
|
||||
<%@ taglib prefix="fmt" uri="/jstl/fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://" + request.getServerName() + ":"
|
||||
+ request.getServerPort() + path + "/";
|
||||
%>
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_sitl.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js'/>"></script>
|
||||
<style type="text/css">
|
||||
.mydiv {
|
||||
background-color: #fff;
|
||||
border: 1px solid #000;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
z-index: 99;
|
||||
width: 220px;
|
||||
height: 80px;
|
||||
left: 50%; /*FF IE7*/
|
||||
top: 50%; /*FF IE7*/
|
||||
margin-left: -150px !important; /*FF IE7 该值为本身宽的一半 */
|
||||
margin-top: -60px !important; /*FF IE7 该值为本身高的一半*/
|
||||
margin-top: 0px;
|
||||
position: fixed !important; /*FF IE7*/
|
||||
position: absolute; /*IE6*/
|
||||
_top: expression(eval(document .
|
||||
compatMode &&
|
||||
|
||||
|
||||
|
||||
document .
|
||||
|
||||
compatMode ==
|
||||
|
||||
|
||||
'CSS1Compat') ?
|
||||
|
||||
documentElement .
|
||||
|
||||
scrollTop +
|
||||
|
||||
(
|
||||
|
||||
document .
|
||||
documentElement .
|
||||
|
||||
clientHeight-this .
|
||||
|
||||
|
||||
offsetHeight )/ 2 :
|
||||
/*IE6*/
|
||||
document .
|
||||
|
||||
body .
|
||||
|
||||
|
||||
scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
body .
|
||||
clientHeight -
|
||||
|
||||
this .
|
||||
|
||||
|
||||
clientHeight )/ 2 );
|
||||
/*IE5 IE5.5*/
|
||||
}
|
||||
|
||||
.bg {
|
||||
background-color: #ccc;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0; /*FF IE7*/
|
||||
filter: alpha(opacity = 50);
|
||||
/*IE*/
|
||||
opacity: 0.5; /*FF*/
|
||||
z-index: 1;
|
||||
position: fixed !important; /*FF IE7*/
|
||||
position: absolute; /*IE6*/
|
||||
_top: expression(eval(document .
|
||||
compatMode &&
|
||||
|
||||
|
||||
|
||||
document .
|
||||
|
||||
compatMode ==
|
||||
|
||||
|
||||
'CSS1Compat') ?
|
||||
|
||||
documentElement .
|
||||
|
||||
scrollTop +
|
||||
|
||||
(
|
||||
|
||||
document .
|
||||
documentElement .
|
||||
|
||||
clientHeight-this .
|
||||
|
||||
|
||||
offsetHeight )/ 2 :
|
||||
/*IE6*/
|
||||
document .
|
||||
|
||||
body .
|
||||
|
||||
|
||||
scrollTop +
|
||||
(
|
||||
|
||||
document .
|
||||
body .
|
||||
clientHeight -
|
||||
|
||||
this .
|
||||
|
||||
|
||||
clientHeight )/ 2 );
|
||||
/*IE5 IE5.5*/
|
||||
}
|
||||
/*The END*/
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
var msg = '${MSG}';
|
||||
if(msg=='1'){
|
||||
alert("i18n_sitl.message.success_n81i");
|
||||
}else if(msg=='2'){
|
||||
alert("i18n_sitl.message.faild_n81i");
|
||||
}
|
||||
|
||||
function goBack(){
|
||||
document.form3.action ="<%=path%>/detection/checkTypeSet.do?action=query";
|
||||
document.form3.submit();
|
||||
}
|
||||
function ieBrowser(){
|
||||
/* if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
} */
|
||||
}
|
||||
|
||||
//程辉 2013-5-8 新增 导出当前页
|
||||
function emportCurrentXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/switchDetection.do?action=emportCurrentXls&pageNo="+$("#pageNo").val()+"&pageSize="+'${pageSize }';
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action = "<%=path%>/detection/switchDetection.do?action=query";
|
||||
}
|
||||
//程辉 2013-5-8 新增 导出全部
|
||||
function emportAllXls() {
|
||||
document.form3.action = "<c:url value='/'/>/detection/switchDetection.do?action=emportAllXls";
|
||||
document.form3.submit();
|
||||
closeDiv();
|
||||
document.form3.action ="<%=path%>/detection/switchDetection.do?action=query";
|
||||
}
|
||||
function showDiv(){
|
||||
document.getElementById('popDiv').style.display='block';
|
||||
document.getElementById('bg').style.display='block';
|
||||
}
|
||||
|
||||
function closeDiv(){
|
||||
document.getElementById('popDiv').style.display='none';
|
||||
document.getElementById('bg').style.display='none';
|
||||
}
|
||||
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98.5%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
|
||||
function showGrap(detectId,seqId,ip) {
|
||||
//检查是否支持SVG图形
|
||||
if(!isSVG()) {
|
||||
svgDownloadConn();
|
||||
}else {
|
||||
var url = "<%=path%>/detection/switchDetection.do?action=switchDetectInfoGraph&pid=0&detectId="+detectId+"&seqId="+seqId+"&ip="+ip;
|
||||
document.form3.action=url;
|
||||
document.form3.submit();
|
||||
}
|
||||
}
|
||||
|
||||
function showList(detectId,seqId,checkDate,networElementType){
|
||||
var url ="<c:url value='/detection/switchDetection.do?action=singleSwitchInfo&detectId= "+detectId+"&seqId="+seqId+"&checkDate="+checkDate+"&networElementType="+networElementType+"' />";
|
||||
|
||||
if(networElementType == ''){
|
||||
var url ="<c:url value='/detection/switchDetection.do?action=singleSwitchInfo&detectId= "+detectId+"&seqId="+seqId+"&checkDate="+checkDate+"' />";
|
||||
}
|
||||
document.form3.action=url;
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
//检查是否支持SVG图形
|
||||
function isSVG() {
|
||||
if(window.ActiveXObject && navigator.userAgent.indexOf("MSIE 9.0")<=0) {//说明是IE浏览器,navigator.userAgent:ie8设置兼容模式时，navigator.userAgent的值为MSIE 7.0
|
||||
try {
|
||||
var sctXObj = new ActiveXObject("ADOBE.SVGCtl");//new ActiveXObject("ADOBE.SVGCtl")会产生异常，需要捕捉
|
||||
return true;
|
||||
}catch(e) {
|
||||
return false;
|
||||
}
|
||||
}else {//非IE浏览器（火狐等，直接支持svg，无需安装插件）
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
var hght=0;//初始化滚动条总长
|
||||
var topH=0;//初始化滚动条的当前位置
|
||||
var pagePoint = ${pageNo};
|
||||
var flashFlag = false;
|
||||
var memoryData ;
|
||||
var intervalID ;
|
||||
$(document).ready(function(){//DOM的onload事件
|
||||
//$(”#mypage”).load(”table.html”);//table.html的内容被加载到mypage元素
|
||||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||||
});
|
||||
|
||||
$.get("<c:url value='switchDetection.do?action=queryChild'/>&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint), function(data){//利用jquery的get方法得到table.html内容
|
||||
memoryData = data;
|
||||
flashFlag = true;
|
||||
});
|
||||
|
||||
intervalID = setInterval(function(){cando();},1000);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||||
function cando(){
|
||||
if(topH!=0 && hght!=0 && topH == hght && flashFlag){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
show();//如果是，调用show函数加载内容。
|
||||
}
|
||||
//if(topH>parseInt(hght/3)*2){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
// show();//如果是，调用show函数加载内容。
|
||||
//}
|
||||
}
|
||||
|
||||
function show(){
|
||||
flashFlag=false;
|
||||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||||
topH=0;//原因同上。
|
||||
var flag2 = true;
|
||||
if(memoryData!=null&&memoryData!=""&&memoryData.replace(/(^\s*)|(\s*$)/g,"")!=""){
|
||||
try{
|
||||
var resultHtml = $(data);
|
||||
var parentLastIpTd = $("td[rowspan]:last");
|
||||
var childFirstIpTd = $(resultHtml).find("td[rowspan]:first");
|
||||
var pLastIp = $(parentLastIpTd).text().trim();
|
||||
var cFirstIp = $(childFirstIpTd).text().trim();
|
||||
if (pLastIp == cFirstIp) {
|
||||
$(parentLastIpTd).attr("rowspan", $(parentLastIpTd).attr("rowspan")+$(childFirstIpTd).attr("rowspan"));
|
||||
$(resultHtml).children("td[rowspan]:first").remove();
|
||||
}
|
||||
$("#info").append($(resultHtml));//用append方法追加内容到mypage元素。
|
||||
//$("#info").append($(memoryData));//用append方法追加内容到mypage元素。
|
||||
$("#currentPage").html(pagePoint);
|
||||
$("#pageNo").val(pagePoint);
|
||||
flag2 = false;
|
||||
}catch(err){
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
$.get("<c:url value='switchDetection.do?action=queryChild'/>&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint), function(data){//利用jquery的get方法得到table.html内容
|
||||
if(flag2){
|
||||
try{
|
||||
$("#info").append($(data));//用append方法追加内容到mypage元素。
|
||||
}catch(err){
|
||||
|
||||
}
|
||||
}else{
|
||||
flag2 = true;
|
||||
memoryData = data;
|
||||
}
|
||||
//无数据
|
||||
if(data==null||data==""){
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
flashFlag = true;
|
||||
});
|
||||
}
|
||||
});
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
|
||||
|
||||
//查询记录
|
||||
function qry(){
|
||||
document.form3.action = "<c:url value='/detection/switchDetection.do?action=query'/>";
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
//---------------主机名联想查询 begin-------------
|
||||
var set_Id;
|
||||
var ajaxProperties = "";
|
||||
var ajaxTableName = "";
|
||||
var ajaxType = "";
|
||||
var id = "";
|
||||
var returnDiv = "";
|
||||
var ajaxValue = "";
|
||||
|
||||
function lianxiangkeydown() {
|
||||
clearTimeout(set_Id);
|
||||
}
|
||||
|
||||
function lianxiangkeyup(ajaxProperties1,ajaxTableName1,ajaxType1,id1,returnDiv1,ajaxValue1) {
|
||||
if(parent.document.getElementById("lianxiangStatus").value=="2")
|
||||
{
|
||||
if(jQuery.trim(ajaxValue1)=="") return false;
|
||||
|
||||
ajaxProperties = ajaxProperties1;
|
||||
ajaxTableName = ajaxTableName1;
|
||||
ajaxType = ajaxType1;
|
||||
id = id1;
|
||||
returnDiv = returnDiv1;
|
||||
|
||||
if(!checkStrNoDian(ajaxValue1)){
|
||||
ajaxValue = ajaxValue1;
|
||||
}else{
|
||||
clearTimeout(set_Id);
|
||||
alert('i18n_sitl.message.inputInfo_n81i');
|
||||
$("#"+id).val('');
|
||||
return;
|
||||
}
|
||||
clearTimeout(set_Id);
|
||||
set_Id = setTimeout(ajaxForLianxiang,500);
|
||||
}
|
||||
}
|
||||
|
||||
function ajaxForLianxiang()
|
||||
{
|
||||
jQuery.post("<%=path%>/sysManage/sysPopedomManage!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue,"nodeType":1},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv,showType:"scroll"});
|
||||
if(lianxiangList == ''){
|
||||
$("#"+id).css("color","#CBC0B6");
|
||||
}else{
|
||||
$("#"+id).css("color","#000000");
|
||||
}
|
||||
});
|
||||
}
|
||||
//---------------主机名联想查询 end-------------
|
||||
</script>
|
||||
|
||||
<body>
|
||||
<div class="middle_list" style="overflow: hidden;">
|
||||
<form name=form3 id="frmArticleType"
|
||||
action="<c:url value='/detection/switchDetection.do?action=query'/>"
|
||||
method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="typeids" value="${typeids[0]}" />
|
||||
<input type="hidden" name="ctn" id="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="pageNoforexp" id="pageNo" value="${pageNo }"/>
|
||||
<!-- 来源于拓扑图 begin -->
|
||||
<input type="hidden" name="requestType" value="${requestType }" />
|
||||
<input type="hidden" name="nodeGroupId" value="${nodeGroupId }" />
|
||||
<!-- 来源于拓扑图 end -->
|
||||
<div id="divTop">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_sitl.text.nodeIp_n81i</font> <input type="text" id="nodeIp"
|
||||
onkeyup="lianxiangkeyup('nodeIp','NodeTable','String','nodeIp','suggest1',this.value);"
|
||||
name="nodeIp" title="i18n_sitl.message.nodeIp_n81i" value="${nodeIp}" size="20" />
|
||||
<div id='suggest1' class="ac_results"></div></label>
|
||||
<label class="divTopText"><font class="selectText">i18n_sitl.text.networElementType_n81i</font>
|
||||
<select name="networElementType" id="networElementType" style="width:140px;" >
|
||||
<option value="">i18n_sitl.message.selectDefault_n81i</option>
|
||||
<c:forEach items="${optionList}" var="optionTable" >
|
||||
<option value="${optionTable.typeCode}" <c:if test="${optionTable.typeCode == networElementType}">selected="selected"</c:if>>
|
||||
${optionTable.typeValue}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</select> </label>
|
||||
<img src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle2" onclick="javascript:qry();" />
|
||||
</div>
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:showDiv();" value="i18n_sitl.button.export_n81i" />
|
||||
</div>
|
||||
<br />
|
||||
</div>
|
||||
<div id="maindiv">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table"
|
||||
id="info">
|
||||
<tr>
|
||||
<td width="6%" class="color_top">
|
||||
i18n_sitl.text.netType_n81i
|
||||
</td>
|
||||
<td width="10%" class="color_top">
|
||||
i18n_sitl.text.nodeIp_n81i
|
||||
</td>
|
||||
<td width="12%" class="color_top">
|
||||
i18n_sitl.text.checkType_n81i
|
||||
</td>
|
||||
<td width="12%" class="color_top">
|
||||
i18n_sitl.text.processIdenName_n81i
|
||||
</td>
|
||||
<td width="10%" class="color_top">
|
||||
i18n_sitl.text.portNum_n81i
|
||||
</td>
|
||||
<td width="10%" class="color_top">
|
||||
i18n_sitl.text.text.dataCheckTime_n81i
|
||||
</td>
|
||||
<td width="10%" class="color_top">
|
||||
i18n_sitl.text.showRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<jsp:include page="/common/svgDownloadConn.jsp" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(datasList) > 0}">
|
||||
<c:forEach items="${datasList}" var="typeData">
|
||||
<c:forEach items="${typeData}" var="rowData" varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="3" end="8">
|
||||
<c:set var="dsiId" value="${rowData[1] }" />
|
||||
<c:set var="seqId" value="${rowData[2] }" />
|
||||
<c:set var="nodeIp" value="${rowData[4] }" />
|
||||
<c:set var="checkDate" value="${rowData[9] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1" rowspan="${fn:length(typeData)}"
|
||||
valign="top">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
|
||||
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
<c:out value="${cellData}" default="" /> </span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
|
||||
</c:forEach>
|
||||
<td class="color_1_1">
|
||||
<a href='#showGrap'
|
||||
onclick="javascript:showGrap('${dsiId}','${seqId}','${nodeIp}');">
|
||||
i18n_sitl.text.showGrap_n81i </a>
|
||||
<a onclick="javascript:showList('${dsiId}','${seqId}','${checkDate}','${networElementType }');"
|
||||
href='#'>
|
||||
i18n_sitl.text.showList_n81i</a>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="3" end="8">
|
||||
<c:set var="dsiId" value="${rowData[1] }" />
|
||||
<c:set var="seqId" value="${rowData[2] }" />
|
||||
<c:set var="nodeIp" value="${rowData[4] }" />
|
||||
<c:set var="checkDate" value="${rowData[9] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
<c:out value="${cellData}" default="" /> </span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
|
||||
</c:forEach>
|
||||
<td class="color_1_1">
|
||||
<a href='##showGrap'
|
||||
onclick="javascript:showGrap('${dsiId}','${seqId}','${nodeIp}');">
|
||||
i18n_sitl.text.showGrap_n81i </a>
|
||||
<a onclick="javascript:showList('${dsiId}','${seqId}','${checkDate}','');"
|
||||
href='#'>
|
||||
i18n_sitl.text.showList_n81i </a>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td class="color_6" align="center" colspan="7">
|
||||
i18n_sitl.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty datasList}">
|
||||
<div id="divBoot">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</div>
|
||||
</c:if>
|
||||
</form>
|
||||
</div>
|
||||
<div id="popDiv" class="mydiv" style="display: none;">
|
||||
<input type="hidden" />
|
||||
<input type="button" class=btn3_mouseout style="width: 100px;"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportCurrentXls();" value="i18n_sitl.button.exportCurrentPage_n81i" />
|
||||
|
||||
<input type="button" class=btn3_mouseout style="width: 80px"
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:emportAllXls();" value="i18n_sitl.button.exportAllData_n81i" />
|
||||
|
||||
<br />
|
||||
<a href="javascript:closeDiv()">i18n_sitl.text.closeWindow_n81i</a>
|
||||
</div>
|
||||
|
||||
<div id="bg" class="bg" style="display: none;"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,83 @@
|
||||
<%@ page language="java" pageEncoding="utf-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(datasList) > 0}">
|
||||
<c:forEach items="${datasList}" var="typeData">
|
||||
<c:forEach items="${typeData}" var="rowData" varStatus="vs">
|
||||
<c:if test="${vs.index==0}" var="flag">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="3" end="8">
|
||||
<c:set var="dsiId" value="${rowData[1] }" />
|
||||
<c:set var="seqId" value="${rowData[2] }" />
|
||||
<c:set var="nodeIp" value="${rowData[4] }" />
|
||||
<c:set var="checkDate" value="${rowData[9] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
<td class="color_1_1" rowspan="${fn:length(typeData)}"
|
||||
valign="top">
|
||||
<c:out value="${cellData}" default="" />
|
||||
</td>
|
||||
</c:when>
|
||||
|
||||
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
<c:out value="${cellData}" default="" /> </span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
|
||||
</c:forEach>
|
||||
<td class="color_1_1">
|
||||
<a href='##showGrap'
|
||||
onclick="javascript:showGrap('${dsiId}','${seqId}','${nodeIp}');">
|
||||
i18n_sitlc.text.showGrap_n81i</a>
|
||||
<a
|
||||
href='<c:url value="/detection/switchDetection.do?action=singleSwitchInfo" />&detectId= ${dsiId}&seqId=${seqId}&checkDate=${checkDate}'>
|
||||
i18n_sitlc.text.showList_n81i </a>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
<c:if test="${!flag}">
|
||||
<tr>
|
||||
<c:forEach items="${rowData}" var="cellData" varStatus="ind"
|
||||
begin="3" end="8">
|
||||
<c:set var="dsiId" value="${rowData[1] }" />
|
||||
<c:set var="seqId" value="${rowData[2] }" />
|
||||
<c:set var="nodeIp" value="${rowData[4] }" />
|
||||
<c:set var="checkDate" value="${rowData[9] }" />
|
||||
<c:choose>
|
||||
<c:when test="${ind.index eq 3}">
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td class="color_1_1">
|
||||
<span class="STYLE1" style="word-break: break-all">
|
||||
<c:out value="${cellData}" default="" /> </span>
|
||||
</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
|
||||
</c:forEach>
|
||||
<td class="color_1_1">
|
||||
<a href='##showGrap'
|
||||
onclick="javascript:showGrap('${dsiId}','${seqId}','${nodeIp}');">
|
||||
i18n_sitlc.text.showGrap_n81i </a>
|
||||
<a
|
||||
href='<c:url value="/detection/switchDetection.do?action=singleSwitchInfo" />&detectId= ${dsiId}&seqId=${seqId}&checkDate=${checkDate}'>
|
||||
i18n_sitlc.text.showList_n81i</a>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
|
||||
326
WebRoot/page/detection/switchInfo/toConfigPort.jsp
Normal file
326
WebRoot/page/detection/switchInfo/toConfigPort.jsp
Normal file
@@ -0,0 +1,326 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%@ taglib uri="/jstl/fmt" prefix="fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
response.setHeader("Pragma", "No-Cache");
|
||||
response.setHeader("Cache-Control", "No-Cache");
|
||||
response.setDateHeader("Expires", 0);
|
||||
%>
|
||||
|
||||
<!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>i18n_tcp.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/jquery.suggest.js' />"></script>
|
||||
<script type="text/javascript">
|
||||
function qry(){
|
||||
document.form3.action="<c:url value='/detection/switchDetection.do?action=toConfigPort'/>";
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function save(index){
|
||||
document.form3.action="<c:url value='/detection/switchDetection.do?action=saveConfigPort&index="+index+"'/>";
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function batchSave(){
|
||||
/*var length = $("input[name=selectOne]").filter(":checked").length;
|
||||
if(length <= 0){
|
||||
alert("请至少选择一条记录");
|
||||
return;
|
||||
}*/
|
||||
document.form3.action="<c:url value='/detection/switchDetection.do?action=saveConfigPort'/>";
|
||||
document.form3.submit();
|
||||
}
|
||||
|
||||
function batchAllUpDown(num){
|
||||
var checks = document.getElementsByTagName("input");
|
||||
if(num == 1){
|
||||
for(i=0;i<checks.length;i++){
|
||||
if(checks[i].type=='radio' && checks[i].value=='1'){
|
||||
checks[i].checked='checked';
|
||||
}else if(checks[i].type=='radio' && checks[i].value=='2'){
|
||||
checks[i].checked='';
|
||||
}else if(checks[i].type=='checkbox' && checks[i].value=='DOWN'){
|
||||
checks[i].checked='';
|
||||
}
|
||||
}
|
||||
}else if(num == 2){
|
||||
for(i=0;i<checks.length;i++){//alert(checks[i].type);alert(checks[i].value);
|
||||
if(checks[i].type=='radio' && checks[i].value=='2'){
|
||||
checks[i].checked='checked';
|
||||
}else if(checks[i].type=='radio' && checks[i].value=='1'){
|
||||
checks[i].checked='';
|
||||
}else if(checks[i].type=='checkbox' && checks[i].value=='UP'){
|
||||
checks[i].checked='';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//全选
|
||||
$("input[ name='selectAll']").click(function(){
|
||||
$("input[name=selectOne]").attr('checked',$(this).attr('checked'));
|
||||
});
|
||||
|
||||
// 单选
|
||||
$("input[name=selectOne]").click(function(){
|
||||
$("input[ name='selectAll']").attr('checked',$("input[name=selectOne]").length ==$("input[name=selectOne]").filter(":checked").length);
|
||||
});
|
||||
|
||||
var set_Id;
|
||||
var ajaxProperties = "";
|
||||
var ajaxTableName = "";
|
||||
var ajaxType = "";
|
||||
var id = "";
|
||||
var returnDiv = "";
|
||||
var ajaxValue = "";
|
||||
|
||||
function lianxiangkeydown() {
|
||||
clearTimeout(set_Id);
|
||||
}
|
||||
|
||||
function lianxiangkeyup(ajaxProperties1,ajaxTableName1,ajaxType1,id1,returnDiv1,ajaxValue1) {
|
||||
if(parent.document.getElementById("lianxiangStatus").value=="2")
|
||||
{
|
||||
if(jQuery.trim(ajaxValue1)=="") return false;
|
||||
|
||||
ajaxProperties = ajaxProperties1;
|
||||
ajaxTableName = ajaxTableName1;
|
||||
ajaxType = ajaxType1;
|
||||
id = id1;
|
||||
returnDiv = returnDiv1;
|
||||
|
||||
if(!checkStrNoDian(ajaxValue1)){
|
||||
ajaxValue = ajaxValue1;
|
||||
}else{
|
||||
clearTimeout(set_Id);
|
||||
alert('i18n_tcp.message.inputInfo_n81i');
|
||||
$("#"+id).val('');
|
||||
return;
|
||||
}
|
||||
clearTimeout(set_Id);
|
||||
set_Id = setTimeout(ajaxForLianxiang,500);
|
||||
}
|
||||
}
|
||||
|
||||
function ajaxForLianxiang()
|
||||
{
|
||||
jQuery.post("<%=path%>/detection/switchDetection!queryInfoForAjax.do",
|
||||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue},function(data)
|
||||
{
|
||||
var lianxiangList = data.split(",");
|
||||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv});
|
||||
if(lianxiangList == ''){
|
||||
$("#"+id).css("color","#CBC0B6");
|
||||
}else{
|
||||
$("#"+id).css("color","#000000");
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
function ieBrowser(){
|
||||
if($.browser.msie){
|
||||
if($.browser.version.split('.')[0]<=7){
|
||||
return false;
|
||||
}else{
|
||||
return true;//ie8+
|
||||
}
|
||||
}
|
||||
}
|
||||
$(function(){
|
||||
var dh = document.body.clientHeight;
|
||||
var dhh = dh-60+"px;";
|
||||
var tableHeight = $("#info").height();
|
||||
if(tableHeight > dh-60){
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||||
if(ieBrowser()){
|
||||
$("#info").attr("style","width:100%;");
|
||||
}else{
|
||||
$("#info").attr("style","width:98.5%;");
|
||||
}
|
||||
}else{
|
||||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||||
$("#info").attr("style","width:100%;");
|
||||
}
|
||||
$("#info").floatHeaderDiv();
|
||||
});
|
||||
|
||||
window.onresize = function(){
|
||||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||||
}
|
||||
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
var hght=0;//初始化滚动条总长
|
||||
var topH=0;//初始化滚动条的当前位置
|
||||
var pagePoint = ${pageNo};
|
||||
var memoryData ;
|
||||
var intervalID ;
|
||||
var currentPage = 0; //当前页数
|
||||
var currenttotalPage = 0; //总页数
|
||||
$(function(){//DOM的onload事件
|
||||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||||
});
|
||||
intervalID = setInterval(function(){cando();},1000);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||||
function cando(){
|
||||
currentPage = $("#currentPage").html();
|
||||
currenttotalPage = $("#currenttotalPage").html();
|
||||
if(Number(currentPage) < Number(currenttotalPage)){
|
||||
if(topH!=0 && hght!=0 && topH == hght ){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||||
show();//如果是，调用show函数加载内容。
|
||||
}
|
||||
}else if(Number(currentPage) == Number(currenttotalPage)){
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
}
|
||||
function show(){
|
||||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||||
topH=0;//原因同上。
|
||||
var nodeIp= $("#nodeIp").val();
|
||||
var url2 = encodeURI("<c:url value='/detection/switchDetection.do?action=toConfigPortChild'/>&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&nodeIp="+nodeIp);
|
||||
$.ajax({
|
||||
url:url2,
|
||||
type : "get",
|
||||
async:false,
|
||||
success : function(data) {
|
||||
$("#info").append($(data));//用append方法追加内容到mypage元素。
|
||||
$("#currentPage").html(pagePoint);//修改页码
|
||||
$("#pageNo").val(pagePoint);
|
||||
}
|
||||
});
|
||||
loadButton();
|
||||
}
|
||||
});
|
||||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="middle_list" id="box">
|
||||
<!--中间部分右边开始-->
|
||||
|
||||
<form name="form3" id="form3"
|
||||
action="<c:url value='/detection/switchDetection.do?action=toConfigPort'/>"
|
||||
method="post" enctype="multipart/form-data">
|
||||
<div class="box_1">
|
||||
<label class="divTopText"><font class="selectText">i18n_tcp.text.nodeIp_n81i</font>：
|
||||
<input type="text" id="nodeIp"
|
||||
onkeyup="lianxiangkeyup('nodeIp','NodeTable','String','nodeIp','suggest1',this.value);"
|
||||
name="nodeIp" title="i18n_tcp.message.nodeIp_n81i" value="${nodeIp}" size="20" />
|
||||
<div id='suggest1' class="ac_results"></div></label>
|
||||
<img id="queryBut" src="<c:url value='/images/button_chaxun.png'/>"
|
||||
class="img_middle2" onclick="javascript:qry();" />
|
||||
</div>
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:batchSave();" value="i18n_tcp.button.batchSave_n81i" />
|
||||
</div>
|
||||
<div id="maindiv">
|
||||
<table width="90%" border="0" cellpadding="0" cellspacing="0"
|
||||
class="table" align="center" style="clear: both" id="info">
|
||||
<tr>
|
||||
<td class="color_top" width="10%">
|
||||
i18n_tcp.text.index_n81i
|
||||
</td>
|
||||
<td class="color_top" width="30%">
|
||||
i18n_tcp.text.processIdenName_n81i
|
||||
</td>
|
||||
<td class="color_top" width="30%">
|
||||
i18n_tcp.text.portState_n81i
|
||||
<input type="checkbox" onclick="javascript:batchAllUpDown(1);"
|
||||
value="UP" id="UP"/>
|
||||
UP
|
||||
<input type="checkbox" onclick="javascript:batchAllUpDown(2);"
|
||||
value="DOWN" id="DOWN"/>
|
||||
DOWN
|
||||
</td>
|
||||
<td class="color_top" width="30%">
|
||||
i18n_tcp.text.option_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeFigureInfoList) > 0}">
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:forEach items="${nodeFigureInfoList}" var="nodeFigureInfo"
|
||||
varStatus="vs">
|
||||
<c:set var="color" value="color_1" />
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3" />
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
${index+(pageNo-1)*pageSize}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${nodeFigureInfo.nameFlag}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<input type="hidden"
|
||||
name="batchNodeFigureInfo[${index+(pageNo-1)*pageSize}].id"
|
||||
value="${nodeFigureInfo.id }" />
|
||||
<input type="radio"
|
||||
name="batchNodeFigureInfo[${index+(pageNo-1)*pageSize}].portsetState"
|
||||
value="1"
|
||||
<c:if test="${nodeFigureInfo.portsetState !=2 }">checked</c:if> />
|
||||
<font color="green">UP</font>
|
||||
<input type="radio"
|
||||
name="batchNodeFigureInfo[${index+(pageNo-1)*pageSize}].portsetState"
|
||||
value="2"
|
||||
<c:if test="${nodeFigureInfo.portsetState ==2 }">checked</c:if> />
|
||||
<font color="red">DOWN</font>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:save('${index+(pageNo-1)*pageSize}');" value="i18n_tcp.button.save_n81i" />
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="4" height="20" class="color_6" align="center"
|
||||
style="color: #000000;">
|
||||
i18n_tcp.text.noRecord_n81i
|
||||
</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</table>
|
||||
</div>
|
||||
<c:if test="${!empty nodeFigureInfoList}">
|
||||
<jsp:include page="/common/page.jsp" />
|
||||
</c:if>
|
||||
<!--中间部分右边结束-->
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
48
WebRoot/page/detection/switchInfo/toConfigPortChild.jsp
Normal file
48
WebRoot/page/detection/switchInfo/toConfigPortChild.jsp
Normal file
@@ -0,0 +1,48 @@
|
||||
<%@ page language="java" pageEncoding="utf-8"%>
|
||||
<%@include file="/common/taglib.jsp"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
<c:set var="index" value="${1}" />
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(nodeFigureInfoList) > 0}">
|
||||
<c:forEach items="${nodeFigureInfoList}" var="nodeFigureInfo" varStatus="vs">
|
||||
<c:set var="color" value="color_1" />
|
||||
<c:if test="${vs.count%2!=0 }">
|
||||
<c:set var="color" value="color_3" />
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="${color }">
|
||||
${index+(pageNo-1)*pageSize}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
${nodeFigureInfo.nameFlag}
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<input type="hidden" name="batchNodeFigureInfo[${index+(pageNo-1)*pageSize}].id"
|
||||
value="${nodeFigureInfo.id }" />
|
||||
<input type="radio"
|
||||
name="batchNodeFigureInfo[${index+(pageNo-1)*pageSize}].portsetState" value="1"
|
||||
<c:if test="${nodeFigureInfo.portsetState !=2 }">checked</c:if> />
|
||||
<font color="green">UP</font>
|
||||
<input type="radio"
|
||||
name="batchNodeFigureInfo[${index+(pageNo-1)*pageSize}].portsetState" value="2"
|
||||
<c:if test="${nodeFigureInfo.portsetState ==2 }">checked</c:if> />
|
||||
<font color="red">DOWN</font>
|
||||
</td>
|
||||
<td class="${color }">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:save('${index+(pageNo-1)*pageSize}');" value="i18n_tcpc.button.save_n81i" />
|
||||
</td>
|
||||
</tr>
|
||||
<c:set var="index" value="${index + 1}" />
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
681
WebRoot/page/detection/updateDetecSetInfo.jsp
Normal file
681
WebRoot/page/detection/updateDetecSetInfo.jsp
Normal file
@@ -0,0 +1,681 @@
|
||||
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||||
<%@ taglib uri="/jstl/fmt" prefix="fmt"%>
|
||||
<%
|
||||
String path = request.getContextPath();
|
||||
String basePath = request.getScheme() + "://"
|
||||
+ request.getServerName() + ":" + request.getServerPort()
|
||||
+ path + "/";
|
||||
%>
|
||||
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>i18n_udsi.message.title_n81i</title>
|
||||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||||
type="text/css" />
|
||||
<link href="<c:url value='/js//dtree/css/dtree.css'/>"
|
||||
rel="stylesheet" type="text/css" />
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/dtree/js/dtree_checkbox.js'/>"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||||
<script type="text/javascript"
|
||||
src="<c:url value='/js/WebCalendar.js' />"></script>
|
||||
<script language="javascript" type="text/javascript"
|
||||
src="<c:url value="/js/fileInput.js"/>"></script>
|
||||
</head>
|
||||
<script language="javascript" type="text/javascript">
|
||||
function updateCheck(){
|
||||
var type;
|
||||
$.ajax({
|
||||
url:"<%=path%>/detection/detectionSet.do?action=updateCheck",
|
||||
type : "POST",
|
||||
async:false,
|
||||
data:$('#Mkform').serialize(),
|
||||
success : function(data) {
|
||||
if(data == "exception"){
|
||||
type = false;
|
||||
alert("i18n_udsi.message.faild_n81i");
|
||||
}else if(data =="success"){
|
||||
type = true;
|
||||
}else{
|
||||
type = false;
|
||||
alert(data);
|
||||
}
|
||||
}
|
||||
});
|
||||
return type;
|
||||
}
|
||||
|
||||
function add(){
|
||||
$("#usergroupid").next().html("*");
|
||||
if(checkSpecial($("#processIdenName").val())){
|
||||
$("#processIdenName").next().html("i18n_udsi.message.processIdenNameInfo_n81i");
|
||||
return;
|
||||
}
|
||||
var type = $("#checkTypeId").val();
|
||||
var startType = $("input[id='isControlStart']:checked").val();
|
||||
var userViewLevel = $("input[type=radio][name=detectionSetInfo.viewLevel]:checked").val();
|
||||
var checkedSize = $("#userEmail input[name=userEmailIds]:checked").size();
|
||||
//alert($("#usergroupid").val());
|
||||
//alert("权限："+userViewLevel);
|
||||
//alert("选中个数"+checkedSize);
|
||||
|
||||
//节点组可以为空，为空表示选择所有的节点组,但是如果选择了节点组，而节点组内无有效的节点，需要提示
|
||||
var nodeGroupsId = jQuery("#groupId").val();//选中节点组
|
||||
if(nodeGroupsId!="") {
|
||||
//当ip为空时，验证所选节点组内是否包含有效节点
|
||||
var nodeIds = jQuery("#nodeIp").val();//节点ids:nodeIds为选中的节点的id（用逗号连接的）
|
||||
if(nodeIds=="") {
|
||||
var validIpFlag = true;
|
||||
jQuery.ajaxSetup({async:false});
|
||||
jQuery.post("<%=path%>/nodeGroupManage/nodeGroupManage!executeAction.do?action=getNodesByNodeGroupId",{"groupId":nodeGroupsId},
|
||||
function(datas){
|
||||
if(datas.length==0){//所选节点组内无有效的节点
|
||||
$("#jdz").html("i18n_udsi.message.jdz_n81i");
|
||||
validIpFlag = false;
|
||||
return false;
|
||||
}
|
||||
},
|
||||
"json");
|
||||
if(!validIpFlag) {return false;}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if(userViewLevel==2){//组查看
|
||||
if($("#usergroupid").val()==""){
|
||||
$("#usergroupid").next().html("i18n_udsi.message.userGroup_n81i");
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if(false == (
|
||||
$id("processIdenName","","i18n_udsi.message.processIdenName_n81i") && $id("processIden","","i18n_udsi.message.processIden_n81i")
|
||||
&& $id("checkGap","sz","i18n_udsi.message.checkGap_n81i")
|
||||
&& $id("checkOutTime","sz","i18n_udsi.message.checkOutTime_n81i") && $id("checkMaxTimes","sz","i18n_udsi.message.checkMaxTimes_n81i")
|
||||
)) {
|
||||
return;
|
||||
}
|
||||
if(Number(type) ==8){
|
||||
if(Number(type) > 7 && startType == 0){ // 手动启动
|
||||
if(false ==(
|
||||
$id("processFile","","i18n_udsi.message.processFile_n81i")
|
||||
&& $id("processSearchCode","","i18n_udsi.text.processSearchCode_n81i")
|
||||
)){
|
||||
return;
|
||||
}
|
||||
}
|
||||
if(Number(type) > 7 && startType == 1){ // 单次启动
|
||||
if(false ==(
|
||||
$id("processFile","","i18n_udsi.message.processFile_n81i")
|
||||
&& $id("processSearchCode","","i18n_udsi.text.processSearchCode_n81i")
|
||||
&& $id("processPath","","i18n_udsi.message.processPath_n81i")
|
||||
)){
|
||||
return;
|
||||
}
|
||||
}
|
||||
if(Number(type) > 7 && startType == 2){ // 周期启动
|
||||
if(!$("#scriptFile").html()) { // 未上传脚本
|
||||
if(false ==(
|
||||
$id("myFile","","i18n_udsi.message.myFile_n81i")
|
||||
)){
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if($("#checkGap").val() >=5){
|
||||
if(userViewLevel!=4 && userViewLevel!=1){//不是自己和无限制
|
||||
if(checkedSize>0&&updateCheck()){//有选中
|
||||
document.Mkform.action="<%=path%>/detection/detectionSet.do?action=doUpdate";
|
||||
document.Mkform.submit();
|
||||
}else{//无选中
|
||||
$("#lxr").html("i18n_udsi.message.lxr_n81i<br>");
|
||||
return;
|
||||
}
|
||||
}else{
|
||||
if(updateCheck()){
|
||||
document.Mkform.action="<%=path%>/detection/detectionSet.do?action=doUpdate";
|
||||
document.Mkform.submit();
|
||||
}
|
||||
}
|
||||
}else{
|
||||
$("#checkGap").next().html("i18n_udsi.message.checkGapInfo_n81i");
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
function goBack(){
|
||||
window.location="<%=path%>/detection/detectionSet.do?action=query&pageSize="+'${pageSize }'+"&pageNo="+'${pageNo }'+"&ip="+'${ip}'+"&ctn="+'${ctn}'+"&pIden="+'${pIden}';
|
||||
}
|
||||
|
||||
function sreachNode(ngId){
|
||||
$("#updNip").empty();
|
||||
$("#updNip").append("<option value=''>i18n_udsi.message.selectDefault_n81i</option>");
|
||||
if(ngId!=null && ngId!=""){
|
||||
jQuery.post("<%=path%>/detection/detectionSet.do?action=getAllNode",
|
||||
{"gid":ngId},function(datas){
|
||||
|
||||
$.each(datas, function(k, da) {
|
||||
$("#updNip").append("<option value="+da+">"+da+"</option>");
|
||||
});
|
||||
},"json");
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function onLoad(){
|
||||
var jclb = document.Mkform.checkTypeId.value;
|
||||
var $selectedvalue = $("input[id='isControlStart']:checked").val();
|
||||
|
||||
//alert(jclb);
|
||||
if(jclb <= 7){
|
||||
$("#isSnmpType").val("n");
|
||||
$(".controlstarts").css('display','none');
|
||||
$(".asd").css('display','none');
|
||||
$(".bsd").css('display','none');
|
||||
$(".csd").css('display','none');
|
||||
$(".dsd").css('display','none');
|
||||
$(".esd").css('display','none');
|
||||
|
||||
}else if(jclb == 8){//进程监测
|
||||
$("#isSnmpType").val("n");
|
||||
|
||||
$(".controlstarts").removeAttr("style");
|
||||
$(".controlstart3").css('display','none');
|
||||
$(".asd").removeAttr("style");
|
||||
$(".csd").removeAttr("style");
|
||||
$(".esd").css('display','none');
|
||||
if($selectedvalue==1){
|
||||
$(".bsd").removeAttr("style");
|
||||
$(".dsd").removeAttr("style");
|
||||
} else if($selectedvalue==0){
|
||||
$(".bsd").css('display','none');
|
||||
$(".dsd").css('display','none');
|
||||
}
|
||||
|
||||
}else{
|
||||
if($("#sp").val() < 2){//snmp 不是进程的情况下再判断是否为snmp监测
|
||||
$(".controlstarts").css('display','none');
|
||||
$(".asd").css('display','none');
|
||||
$(".bsd").css('display','none');
|
||||
$(".dsd").css('display','none');
|
||||
$(".csd").css('display','none');
|
||||
$(".esd").css('display','none');
|
||||
$("#isSnmpType").val("y");
|
||||
|
||||
} else { // 不是SNMP
|
||||
$("#isSnmpType").val("n");
|
||||
|
||||
$(".controlstarts").removeAttr("style");
|
||||
$(".controlstart3").removeAttr("style");
|
||||
if($selectedvalue==0) {
|
||||
$(".asd").removeAttr("style");
|
||||
$(".csd").removeAttr("style");
|
||||
$(".bsd").css('display','none');
|
||||
$(".dsd").css('display','none');
|
||||
$(".esd").css('display','none');
|
||||
} else if($selectedvalue==1) {
|
||||
$(".asd").removeAttr("style");
|
||||
$(".bsd").removeAttr("style");
|
||||
$(".dsd").removeAttr("style");
|
||||
$(".csd").removeAttr("style");
|
||||
$(".esd").css('display','none');
|
||||
} else if($selectedvalue==2) {
|
||||
$(".asd").css('display','none');
|
||||
$(".bsd").removeAttr("style");
|
||||
$(".esd").removeAttr("style");
|
||||
$(".csd").css('display','none');
|
||||
$(".dsd").css('display','none');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$(function(){
|
||||
//-- 查看权限事件绑定
|
||||
jQuery("input[type=radio][name=detectionSetInfo.viewLevel]").click(function(){
|
||||
if(jQuery(this).val() == 1){ //个人
|
||||
//隐藏用户组选项
|
||||
jQuery("#usergroupid").val("");
|
||||
jQuery("td[id=usergroup]").hide();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',3).addClass('td_2').removeClass('td_3');
|
||||
//隐藏联系人选项 但进行默认选择
|
||||
$("#userEmail_Line").hide();
|
||||
$.post("<%=path%>/detection/detectionSet.do?action=queryUserInfo",{viewType:$(this).val()},function(datas){viewUserEmail(datas);},"json");
|
||||
}else if(jQuery(this).val() == 2){ //用户组显示且必选
|
||||
//显示 用户组选项
|
||||
//jQuery("#usergroupid").val("");
|
||||
jQuery("td[id=usergroup]").show();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',1).addClass('td_3').removeClass('td_2');
|
||||
//显示联系人 清空联系人选项
|
||||
$("#userEmail_Line").show();
|
||||
$("#userEmail").text("");
|
||||
jQuery("#usergroupid").trigger('change');
|
||||
}else if(jQuery(this).val() ==3){ //系统
|
||||
//隐藏用户组选项
|
||||
jQuery("#usergroupid").val("");
|
||||
jQuery("td[id=usergroup]").hide();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',3).addClass('td_2').removeClass('td_3');
|
||||
//显示联系人 清空联系人选项
|
||||
$("#userEmail_Line").show();
|
||||
$("#userEmail").text("");
|
||||
//请求获取用户Email信息 默认全选
|
||||
$.post("<%=path%>/detection/detectionSet.do?action=queryUserInfo",{viewType:$(this).val()},function(datas){viewUserEmail(datas);},"json");
|
||||
}else if(jQuery(this).val() ==4){
|
||||
//隐藏用户组选项
|
||||
jQuery("#usergroupid").val("");
|
||||
jQuery("td[id=usergroup]").hide();
|
||||
jQuery("td[id=viewLevel0]").attr('colspan',3).addClass('td_2').removeClass('td_3');
|
||||
//隐藏联系人选项 并清空内容
|
||||
$("#userEmail_Line").hide();
|
||||
$("#userEmail").text("");
|
||||
}
|
||||
});
|
||||
$("#usergroupid").bind({change:function(){
|
||||
if($("#usergroupid").val() != ""){
|
||||
$.post("<%=path%>/detection/detectionSet.do?action=queryUserInfo",{viewType:$("input[type=radio][name=detectionSetInfo.viewLevel]:checked").val(),userGroupId:$("#usergroupid").val()},function(datas){viewUserEmail(datas);},"json");
|
||||
}else{
|
||||
$("#userEmail").text("");
|
||||
}
|
||||
}})
|
||||
var loadFlag = true;
|
||||
var checkedBox = "${detectionSetInfo.contactUserIds }";
|
||||
function viewUserEmail(datas){
|
||||
$("#userEmail").text("");
|
||||
if(datas!=null){
|
||||
for(var i = 0;i<datas.length;i++){
|
||||
$("#userEmail").append("<span title='"+datas[i].email+"' ><input type='checkbox' name='userEmailIds' value='"+datas[i].yhid+"' /> "+datas[i].yhmc+"</span>");
|
||||
if(i!=0&&i%10==0){$("#userEmail").append("<br />")}
|
||||
}
|
||||
$("#userEmail span").attr("width",'100px');
|
||||
}
|
||||
if(loadFlag && checkedBox!=null && checkedBox.length>0){
|
||||
loadFlag = false;
|
||||
var boxArray = checkedBox.split(',');
|
||||
for(var i = 0 ; i < boxArray.length ; i++){
|
||||
//alert( $("#userEmail input[name='userEmailIds'][value='"+boxArray[i]+"']").size());
|
||||
$("#userEmail input[name='userEmailIds'][value='"+boxArray[i]+"']").trigger('click');
|
||||
}
|
||||
}else{
|
||||
$("input[type='checkbox'][name='checkAll']").attr('checked',true);
|
||||
$("#userEmail input[type='checkbox']").attr('checked',true);
|
||||
}
|
||||
|
||||
}
|
||||
//指定联系人 绑定click事件
|
||||
$("input[type='checkbox'][ name='checkAll']").bind({
|
||||
click:function(){
|
||||
//if($(this).val()==1){//全选
|
||||
//$(this).next().attr('checked',false);
|
||||
// alert($(this).attr('checked'));
|
||||
$("#userEmail input[type='checkbox']").attr('checked',$(this).attr('checked'));
|
||||
//}else{//反选
|
||||
// $("#userEmail input[type='checkbox']").attr('checked',$(this).attr('checked'));
|
||||
//}
|
||||
}
|
||||
});
|
||||
$("#userEmail span input[type='checkbox']").live(
|
||||
'click',function(){
|
||||
if($("#userEmail input[type='checkbox']").size()==$("#userEmail input[type='checkbox']:checked").size()){ //达成全选
|
||||
$("input[type='checkbox'][ name='checkAll']").attr('checked',true);
|
||||
}else{ //未达成全选
|
||||
$("input[type='checkbox'][ name='checkAll']").attr('checked',false);
|
||||
}
|
||||
});
|
||||
jQuery("input[type=radio][name=detectionSetInfo.viewLevel]:checked").trigger('click');
|
||||
})
|
||||
$(document).ready(function(){
|
||||
$(".controlstart").change(function(){
|
||||
onLoad();
|
||||
})
|
||||
})
|
||||
|
||||
//选择节点组---begin
|
||||
function selectNodeAndNodeGroup() {
|
||||
var groupId = jQuery("#groupId").val();//选中节点组
|
||||
var nodeId = jQuery("#nodeIp").val();//选中ip
|
||||
var url = "<%=path%>/nodeGroupManage/nodeGroupManage!executeAction.do?action=toSelectNodeAndNodeGroup&groupId="+groupId+"&nodeId="+nodeId; //转向网页的地址;
|
||||
var name; //网页名称，可为空;
|
||||
//var iWidth = 800; //弹出窗口的宽度;
|
||||
//var iHeight = 560; //弹出窗口的高度;
|
||||
//var iTop = (window.screen.availHeight - 30 - iHeight) / 2;
|
||||
//var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
|
||||
//window.open(url, "selectNodeAndNodeGroup", "height=" + iHeight + ",,innerHeight=" + iHeight + ",width=" + iWidth + ",innerWidth=" + iWidth + ",top=" + iTop + ",left=" + iLeft + ",toolbar=no,menubar=yes,location=no,status=yes,resizable=yes");
|
||||
|
||||
//改为layer-20180902-chenjs---
|
||||
parent.layer.open({
|
||||
type: 2,
|
||||
title: "i18n_tsnang.text.selectNodeGroup_n81i",
|
||||
area:['850px', '610px'],
|
||||
shade: 0.6,
|
||||
closeBtn: 1,
|
||||
maxmin:true,
|
||||
content: url
|
||||
});
|
||||
}
|
||||
|
||||
function reciveNodeAndNodeGroup(nodeGroupIds,nodeGroupNames,nodeIds,nodeIps){
|
||||
document.getElementById("groupIdShow").value = nodeGroupNames;//节点组名称s
|
||||
document.getElementById("groupId").value = nodeGroupIds;//节点组ids
|
||||
document.getElementById("nodeIpShow").value = nodeIps;//节点ips
|
||||
document.getElementById("nodeIp").value = nodeIds;//节点ids:nodeIds为选中的节点的id（用逗号连接的）
|
||||
}
|
||||
//选择节点组---end
|
||||
|
||||
$(function(){
|
||||
//下载附件
|
||||
$(".downloadA").click(function(){
|
||||
window.location="<%=path%>/detection/detectionSet.do?action=downloadScript&myFileFileName=${myFileFileName}";
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<body >
|
||||
<div class="middle_list" >
|
||||
<div class="box_2">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="goBack()" value="i18n_udsi.button.back_n81i"/>
|
||||
</div>
|
||||
<input type="hidden" id="szName" value="${detectionSetInfo.processIdenName}" />
|
||||
<form action="" name="Mkform" method="post" id="Mkform" style="margin-top: 23px" enctype="multipart/form-data">
|
||||
<input type="hidden" name="detectionSetInfo.id" value="${detectionSetInfo.id }" />
|
||||
<input type="hidden" name="ip" id="ip" value="${ip }" />
|
||||
<input type="hidden" name="ctn" id="ctn" value="${ctn }" />
|
||||
<input type="hidden" name="pageNo" value="${pageNo }" />
|
||||
<input type="hidden" name="pageSize" value="${pageSize }" />
|
||||
<input type="hidden" id="fw" value="detecSetUpp"/>
|
||||
<input type="hidden" id="isSnmpType" value=""/>
|
||||
<input type="hidden" name="pIden" id="pIden" value="${pIden }" />
|
||||
<jsp:include page="/common/transferHiddenParameter.jsp" />
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="table">
|
||||
<tr>
|
||||
<td colspan="4" class="color_8">
|
||||
<strong>i18n_udsi.text.title_n81i</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_udsi.text.processIdenName_n81i
|
||||
</td>
|
||||
<td class="color_3" width="20%" align="left">
|
||||
<input type="text" name="detectionSetInfo.processIdenName"
|
||||
id="processIdenName" value="${detectionSetInfo.processIdenName}"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_udsi.text.processIden_n81i
|
||||
</td>
|
||||
<td class="color_6" align="left">
|
||||
<input type="text" name="processIdenShow"
|
||||
id="processIdenShow" value="${detectionSetInfo.processIden}" disabled/>
|
||||
<input type="hidden" name="detectionSetInfo.processIden"
|
||||
id="processIden" value="${detectionSetInfo.processIden}"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_udsi.text.checkType_n81i
|
||||
</td>
|
||||
<td class="color_6" align="left" colspan="3">
|
||||
<c:if test="${fn:length(allCheckTypeInfo) > 0}">
|
||||
<c:forEach items="${allCheckTypeInfo}" var="checkType">
|
||||
<c:if test="${checkType.id == detectionSetInfo.checkTypeInfo.id }">
|
||||
<input type="text" name="checkTypeName1" value="${checkType.checkTypeName1}" disabled/>
|
||||
<input type="hidden" name="sp" id="sp" value="${checkType.isSnmp }" />
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
<input type="hidden" name="detectionSetInfo.checkTypeInfo.id" id="checkTypeId" value="${detectionSetInfo.checkTypeInfo.id }" />
|
||||
<input type="hidden" name="detectionSetInfo.checkWay" id="checkWay" value="${detectionSetInfo.checkWay }" />
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_udsi.text.nodeGroup_n81i
|
||||
</td>
|
||||
<td class="color_6" width="30%" align="left">
|
||||
<!-- <select name="detectionSetInfo.nodegroup.groupId" id="groupId" onchange="sreachNode(this.value)">
|
||||
<option value="">
|
||||
请选择
|
||||
</option>
|
||||
<c:if test="${fn:length(nodeGroupList) > 0}">
|
||||
<c:forEach items="${nodeGroupList}" var="nodeGroup">
|
||||
<option value="${nodeGroup.groupId}"
|
||||
<c:if test="${nodeGroup.groupId == detectionSetInfo.nodegroup.groupId }">selected="selected"</c:if>>
|
||||
${nodeGroup.groupName}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
</select> -->
|
||||
|
||||
<input type="text" name="groupIdShow" id="groupIdShow" readonly="readonly" value="${detectionSetInfo.nodeGroupsName }"/>
|
||||
<input type="hidden" name="detectionSetInfo.nodeGroupsId" id="groupId" value="${detectionSetInfo.nodeGroupsId }"/>
|
||||
<input type="button" value="i18n_udsi.button.select_n81i" onclick="selectNodeAndNodeGroup()"
|
||||
class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"/>
|
||||
<font color="red" id="jdz"></font>
|
||||
</td>
|
||||
<td class="color_1" width="20%" align="right">
|
||||
i18n_udsi.text.nodeIp_n81i
|
||||
</td>
|
||||
<td class="color_6" width="30%" align="left">
|
||||
<input type="text" name="detectionSetInfo.nodeIpsName" id="nodeIpShow" readonly="readonly" value="${detectionSetInfo.nodeIpsName }"/>
|
||||
<input type="hidden" name="detectionSetInfo.nodeIpsId" id="nodeIp" value="${detectionSetInfo.nodeIpsId }"/>
|
||||
</td>
|
||||
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="td_1">i18n_udsi.text.viewLevel_n81i</td>
|
||||
<td class="td_3" id="viewLevel0">
|
||||
<c:if test="${!ADMFlag }">
|
||||
<input type="radio" name="detectionSetInfo.viewLevel" id="" value="1" ${detectionSetInfo.viewLevel eq "1"?"checked":""} />i18n_udsi.message.publisher_n81i
|
||||
<input type="radio" name="detectionSetInfo.viewLevel" id="" value="2" ${detectionSetInfo.viewLevel eq "2"?"checked":""} />i18n_udsi.message.publisherGroup_n81i
|
||||
<input type="radio" name="detectionSetInfo.viewLevel" id="" value="3" ${detectionSetInfo.viewLevel eq "3"?"checked":""} />i18n_udsi.message.allInSys_n81i
|
||||
</c:if>
|
||||
<c:if test="${ADMFlag }">
|
||||
<input type="radio" name="detectionSetInfo.viewLevel" id="" value="4" ${detectionSetInfo.viewLevel eq "4"?"checked":""} />i18n_udsi.message.unlimited_n81i
|
||||
</c:if>
|
||||
<br />
|
||||
</td>
|
||||
<td class="td_1" id="usergroup">i18n_udsi.text.userGroup_n81i</td>
|
||||
<td class="td_2" id="usergroup">
|
||||
<select name="detectionSetInfo.createUserGroupId" id="usergroupid">
|
||||
<option selected="selected" value="">
|
||||
i18n_udsi.text.selectUserGroup_n81i
|
||||
</option>
|
||||
<c:forEach items="${setxtjs}" var="stjs">
|
||||
<option value="${stjs.jsbh}" ${detectionSetInfo.createUserGroupId == stjs.jsbh?"selected":""}>
|
||||
${stjs.jsmc}
|
||||
</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
<font color="red" id="group_red">* </font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="color_1" align="right">
|
||||
i18n_udsi.text.planCheckTime_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input name="detectionSetInfo.planCheckTime"
|
||||
id="planCheckTime" type="text" value="<fmt:formatDate value="${detectionSetInfo.planCheckTime}" pattern="yyyy-MM-dd HH:mm:ss"/>" readonly
|
||||
onclick="SelectDate(this,'yyyy-MM-dd hh:mm:ss',${session.i18n_lang == 'zh_CN'?0:1})"/>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_udsi.text.checkGap_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="detectionSetInfo.checkGap"
|
||||
id="checkGap" value="${detectionSetInfo.checkGap }"/>
|
||||
<font color="red">*i18n_udsi.message.checkGapInfo1_n81i</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<!--
|
||||
<td class="color_1" align="right">
|
||||
上传监测数据时间间隔(分钟)
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="detectionSetInfo.uploadGap"
|
||||
id="uploadGap" value="${detectionSetInfo.uploadGap }"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
-->
|
||||
<td class="color_1" align="right">
|
||||
i18n_udsi.text.checkOutTime_n81i
|
||||
</td>
|
||||
<td class="color_3" align="left">
|
||||
<input type="text" name="detectionSetInfo.checkOutTime" id="checkOutTime"
|
||||
value="${detectionSetInfo.checkOutTime }"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
<td class="color_1" align="right">
|
||||
i18n_udsi.text.checkMaxTimes_n81i
|
||||
</td>
|
||||
<td class="color_3" colspan="3" align="left">
|
||||
<input type="text" name="detectionSetInfo.checkMaxTimes" id="checkMaxTimes"
|
||||
value="${detectionSetInfo.checkMaxTimes }"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td nowrap="nowrap" class="color_1" align="right">
|
||||
i18n_udsi.text.detectionSetState_n81i
|
||||
</td>
|
||||
<td nowrap="nowrap" colspan="3" class="color_6" align="left">
|
||||
<input type="radio" name="detectionSetInfo.detectionSetState" id="detectionSetState" value="1"
|
||||
<c:if test="${detectionSetInfo.detectionSetState == '1' }">checked="checked"</c:if> />i18n_udsi.message.valid_n81i
|
||||
<input type="radio" name="detectionSetInfo.detectionSetState" id="detectionSetState" value="0"
|
||||
<c:if test="${detectionSetInfo.detectionSetState == '0' }">checked="checked"</c:if> />i18n_udsi.message.invalid_n81i
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="controlstarts">
|
||||
<td class="color_1" align="right">
|
||||
i18n_udsi.text.isControlStart_n81i
|
||||
</td>
|
||||
<td class="color_6" colspan="3" align="left">
|
||||
<input type="radio" name="detectionSetInfo.isControlStart"
|
||||
id="isControlStart" value="0" <c:if test="${detectionSetInfo.isControlStart == '0' }">checked="checked"</c:if> class="controlstart" />i18n_udsi.message.manually_n81i
|
||||
<input type="radio" name="detectionSetInfo.isControlStart"
|
||||
id="isControlStart" value="1" <c:if test="${detectionSetInfo.isControlStart == '1' }">checked="checked"</c:if> class="controlstart"/>i18n_udsi.message.singleStart_n81i
|
||||
<span class="controlstart3">
|
||||
<input type="radio" name="detectionSetInfo.isControlStart"
|
||||
id="isControlStart" value="2" <c:if test="${detectionSetInfo.isControlStart == '2' }">checked="checked"</c:if> class="controlstart"/>i18n_udsi.message.cycleStart_n81i
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bsd">
|
||||
<td class="color_1" align="right">
|
||||
i18n_udsi.text.controlStartTime_n81i
|
||||
</td>
|
||||
<td class="color_3" colspan="3" align="left">
|
||||
<input name="detectionSetInfo.controlStartTime"
|
||||
id="controlStartTime" type="text" value="<fmt:formatDate value="${detectionSetInfo.controlStartTime}" pattern="yyyy-MM-dd HH:mm:ss"/>" readonly
|
||||
onclick="SelectDate(this,'yyyy-MM-dd hh:mm:ss',${session.i18n_lang == 'zh_CN'?0:1})"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="asd">
|
||||
<td class="color_1" align="right">
|
||||
i18n_udsi.text.processFile_n81i
|
||||
</td>
|
||||
<td class="color_3" colspan="3" align="left">
|
||||
<input type="text" name="detectionSetInfo.processFile" id="processFile" value="${detectionSetInfo.processFile}"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="csd">
|
||||
<td class="color_1" align="right">
|
||||
i18n_udsi.text.processSearchCode_n81i
|
||||
</td>
|
||||
<td class="color_3" colspan="3" align="left">
|
||||
<input type="text" name="detectionSetInfo.processSearchCode" id="processSearchCode" value="${detectionSetInfo.processSearchCode}"/>
|
||||
<font color="red">*i18n_udsi.message.processSearchCode_n81i</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="dsd">
|
||||
<td class="color_1" align="right">
|
||||
i18n_udsi.text.processPath_n81i
|
||||
</td>
|
||||
<td class="color_3" colspan="3" align="left">
|
||||
<input type="text" name="detectionSetInfo.processPath" id="processPath" value="${detectionSetInfo.processPath}"/>
|
||||
<font color="red">*</font>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="esd">
|
||||
<td class="color_1" align="right">
|
||||
i18n_udsi.text.scriptFile_n81i
|
||||
</td>
|
||||
<td class="color_3" colspan="3" align="left">
|
||||
<c:if test="${not empty myFileFileName}">
|
||||
<a title="i18n_udsi.text.download_n81i" href="#" class="downloadA" id="scriptFile">${myFileFileName}</a>
|
||||
</c:if>
|
||||
<input type="button" value="i18n_udsi.text.scriptFile_n81i" title="i18n_udsi.text.scriptFile_n81i" class="btn3_mouseout" onclick="javascript:uploadFile(this)"/>
|
||||
<input type="file" name="myFile" id="myFile" value="" onchange="javascript:setValue(this.value)"/>
|
||||
<c:if test="${not empty myFileFileName}">
|
||||
<font color="red">i18n_udsi.message.scriptFile_n81i</font>
|
||||
</c:if>
|
||||
<c:if test="${empty myFileFileName}">
|
||||
<font color="red">*</font>
|
||||
</c:if>
|
||||
</td>
|
||||
</tr>
|
||||
<c:if test="${session.emailFlag==0 }">
|
||||
<tr id="userEmail_Line">
|
||||
<td class="color_1" align="right">
|
||||
i18n_udsi.text.user_n81i
|
||||
</td>
|
||||
<td class="color_3" colspan="3" align="left">
|
||||
<font color="red" id ="lxr"></font>
|
||||
<input type="checkbox" name="checkAll" value="1" /> i18n_udsi.text.selectAll_n81i
|
||||
<!--
|
||||
<input type="button" name="checkOther" value="反选" />
|
||||
-->
|
||||
<div id="userEmail" style="width: 100%;height: 50px; overflow-y: scroll; word-wrap: break-word;word-break:normal; ">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:if>
|
||||
<tr>
|
||||
<td class="color_7" colspan="4" align="right">
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'" onclick="add()" value="i18n_udsi.button.submit_n81i"/>
|
||||
|
||||
<input type="button" class=btn3_mouseout
|
||||
onmouseover="this.className='btn3_mouseover'"
|
||||
onmouseout="this.className='btn3_mouseout'"
|
||||
onmousedown="this.className='btn3_mousedown'"
|
||||
onmouseup="this.className='btn3_mouseup'"
|
||||
onclick="javascript:document.forms['Mkform'].reset()" value="i18n_udsi.button.reset_n81i"/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<script type="text/javascript">onLoad();</script>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user