142 lines
4.6 KiB
HTML
142 lines
4.6 KiB
HTML
<!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>
|
|
<!-- <th width="13%">#(_res.get("monitor.type"))</th> -->
|
|
<th width="13%">#(_res.get("monitor"))</th>
|
|
<th width="5%">#(_res.get("monitor.status"))</th>
|
|
<th width="13%">#(_res.get("monitor.checktime"))</th>
|
|
<th>#(_res.get("monitor.information"))</th>
|
|
</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>
|
|
<!-- <td>#(x.monitorType)</td> -->
|
|
<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>
|