1.事务添加
2.亦庄bug修改 3.业务系统添加逻辑变更
This commit is contained in:
wangwenrui
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,395 +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>
|
||||
|
||||
<%@ 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>
|
||||
|
||||
|
||||
@@ -1,57 +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>
|
||||
<%@ 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>
|
||||
@@ -1,432 +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>
|
||||
<%@ 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>
|
||||
|
||||
@@ -1,498 +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>
|
||||
<%@ 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>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,348 +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>
|
||||
|
||||
<%@ 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>
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,286 +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>
|
||||
<%@ 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>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,193 +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>
|
||||
<%@ 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>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,286 +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>
|
||||
<%@ 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>
|
||||
|
||||
@@ -1,415 +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>
|
||||
|
||||
<%@ 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>
|
||||
|
||||
|
||||
@@ -1,296 +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>
|
||||
<%@ 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>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,161 +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>
|
||||
<%@ 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>
|
||||
@@ -1,293 +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>
|
||||
<%@ 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>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,349 +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>
|
||||
|
||||
<%@ 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