initial commit
This commit is contained in:
chenjinsong
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>
|
||||
|
||||
Reference in New Issue
Block a user