2018-09-27 16:28:35 +08:00
<!DOCTYPE html>
< html lang = "en" >
< head >
#include("/common/header.html")
< link id = "bootstrap-style" href = "/css/chart.css" rel = "stylesheet" >
< style type = "text/css" >
table {
table-layout: fixed;
border-collapse: collapse;
width: 100%;
line-height: 35px;
}
td {
text-align: center;
vertical-align: middle !important;
}
th {
text-align: center;
}
a:hover {
color: #FC0
}
.head {
font-weight: bold;
}
.hid {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.information {
position:relative;
max-height:150px;
}
< / style >
< script type = "text/javascript" >
$(function(){
$('.information').each(function(){
var ps = new PerfectScrollbar(this);
})
$("#search").click(function(){ //搜索
$("#my-form").submit();
});
})
function myup(obj) {
$(obj).attr("class", "my-button-up");
}
function mydown(obj) {
$(obj).attr("class", "my-button-down");
}
< / script >
< / head >
< body class = "bcColor noScroll-y aC" >
<!-- 中间部分右边开始 -->
< div class = "container-fluid-full" >
< div class = "row-fluid" >
< noscript >
< div class = "alert alert-block span10" >
< h4 class = "alert-heading" > Warning!< / h4 >
< p >
You need to have < a href = "http://en.wikipedia.org/wiki/JavaScript"
target="_blank">JavaScript< / a > enabled to use this site.
< / p >
< / div >
< / noscript >
< div class = "my-button-up" onmousedown = "mydown(this)" onmouseup = "myup(this)" onclick = "location.href='/monitor'" style = "float:right;margin:10px 25px 0 0;width:24px;" > < span class = "icon-arrow-left" > < / span > < / div >
<!-- start: Content -->
< div id = "content" class = "span10" >
< div class = "row-fluid" >
< div class = "box span12" >
< div class = "box-header" data-original-title >
< h2 >
< i class = "halflings-icon align-justify" > < / i > < span class = "break" > < / span >
< / h2 >
< / div >
< div class = "box-content lianxiang" >
< div style = "margin:0 0 10px 15px; position:relative;" >
< form id = "my-form" action = "" >
< label class = "bar" > #(_res.get("startTime"))< / label >
< input id = "startTime" value = "#(startTime)" name = "startTime" class = "bar bar-input" onfocus = "this.blur()" onclick = "WdatePicker({skin:'simple',maxDate:'#F{$dp.$D(\'endTime\')||\'%y-%M-%d\'}',lang:'#(_locale)'})" >
< label class = "bar" > #(_res.get("endTime"))< / label >
< input id = "endTime" value = "#(endTime)" name = "endTime" class = "bar bar-input" onfocus = "this.blur()" onclick = "WdatePicker({skin:'simple',minDate:'#F{$dp.$D(\'startTime\')}',maxDate:'%y-%M-%d',lang:'#(_locale)'})" >
< div id = "search" style = "display:inline-block; background-color:#ce0000; width:50px; line-height:18px; text-align:center; padding:3px 0 5px 0;position:absolute; margin-left: 10px;" >
< span id = "search" class = "icon-search" > < / span >
< / div >
< input type = "hidden" value = "#(detectionSetInfoId)" name = "detectionSetInfoId" / >
< input type = "hidden" value = "#(seqId)" name = "seqId" / >
< / form >
< / div >
< table class = "table table-striped table-bordered" id = "info" style = "font-size:14px;" >
< thead >
< tr >
< th width = "13%" > #(_res.get("node.ip"))< / th >
2018-12-30 14:25:23 +06:00
<!-- <th width="13%">#(_res.get("monitor.type"))</th> -->
< th width = "13%" > #(_res.get("monitor"))< / th >
2018-09-27 16:28:35 +08:00
< th width = "5%" > #(_res.get("monitor.status"))< / th >
< th width = "13%" > #(_res.get("monitor.checktime"))< / th >
2018-12-30 14:25:23 +06:00
< th > #(_res.get("monitor.information"))< / th >
2018-09-27 16:28:35 +08:00
< / tr >
< / thead >
< tbody id = "tbody" >
#if(page.getList() == null)
< tr > < td colspan = "6" >
< div style = "padding:50px 0; text-align:center;" > i18n_dspmi.message.noData_n81i< / div >
< / td > < / tr >
#end
#for(x : page.getList())
< tr >
< td > #(x.ip)< / td >
2018-12-30 14:25:23 +06:00
<!-- <td>#(x.monitorType)</td> -->
2018-09-27 16:28:35 +08:00
< td > #(x.monitorSetting)< / td >
< td >
#if(x.monitorStatus == '1')
< img src = "/img/yes.gif" border = "0" align = "middle" style = "width: 18px; height: 18px;" >
#else
< img src = "/img/no.gif" border = "0" align = "middle" style = "width: 18px; height: 18px;" >
#end
< / td >
< td > #(x.checkTime)< / td >
< td >
< div class = "information" > #(x.detectionStateInfo.replaceAll("\$@\$", "< br / > "))< / div >
< / td >
< / tr >
#end
< / tbody >
< / table >
#@pageSplite(page.pageNumber, page.totalPage, totalRow, pageSize, "/monitor/monitorSetDetail?seqId=" + seqId + "& detectionSetInfoId=" + detectionSetInfoId + "& startTime=" + startTime + "& endTime=" + endTime + "& paginate=")
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / body >
< / html >