initial commit
This commit is contained in:
chenjinsong
223
gloam/WebRoot/detection/chart-cpudisk.html
Normal file
223
gloam/WebRoot/detection/chart-cpudisk.html
Normal file
@@ -0,0 +1,223 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" style="height:100%">
|
||||
<head>
|
||||
#include("/common/header.html")
|
||||
<script src="/js/highcharts/highcharts.js"></script>
|
||||
<script src="/js/highcharts/exporting.js"></script>
|
||||
<script src="/js/highcharts/series-label.js"></script>
|
||||
<script src="/js/highcharts/oldie.js"></script>
|
||||
<script src="/js/highcharts/dark-unica.js"></script>
|
||||
<link id="bootstrap-style" href="/css/chart.css" rel="stylesheet">
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$(".tab").click(function(){ //切换tab
|
||||
$("[name=titleId]").val($(this).attr("titleId"));
|
||||
$("#my-form").submit();
|
||||
});
|
||||
|
||||
$("#search").click(function(){ //搜索
|
||||
$("#my-form").submit();
|
||||
});
|
||||
|
||||
var checkedNames = #(checkedNames);
|
||||
$("[name=checkedNames]").each(function(){
|
||||
for (var i = 0; i < checkedNames.length; i++) {
|
||||
if ($(this).val() == checkedNames[i]) {
|
||||
$(this).prop("checked", true);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$("#sub").click(function(){ //筛选名称
|
||||
var allCheckBox = $("[name=checkedNames]:checked");
|
||||
if (allCheckBox.length > 0) {
|
||||
$("#my-form").submit();
|
||||
} else {
|
||||
top.myAlert('#(_res.get("chart.oneMore"))');
|
||||
}
|
||||
});
|
||||
|
||||
var datas = #(datas);
|
||||
xtitle = datas[0].xtitle;
|
||||
ytitle = datas[0].ytitle;
|
||||
var lines = datas[1].lines;
|
||||
console.info(lines);
|
||||
if (lines) {
|
||||
seriesOptions = [];
|
||||
for (var i = 0; i < lines.length; i++) {
|
||||
seriesOptions[i] = {
|
||||
name: lines[i].name,
|
||||
data: lines[i].data,
|
||||
type: 'line'
|
||||
};
|
||||
}
|
||||
createChart();
|
||||
} else {
|
||||
$("#container").empty();
|
||||
$("#container").append('<div style="padding-top:50px">i18n_dspmi.message.noData_n81i</div>');
|
||||
}
|
||||
|
||||
$("#clear").click(function(){
|
||||
$("input[type=checkbox]").prop("checked", false);
|
||||
});
|
||||
})
|
||||
|
||||
function myup(obj) {
|
||||
$(obj).attr("class", "my-button-up");
|
||||
}
|
||||
|
||||
function mydown(obj) {
|
||||
$(obj).attr("class", "my-button-down");
|
||||
}
|
||||
|
||||
function createChart() {
|
||||
Highcharts.setOptions( {
|
||||
global : {
|
||||
useUTC : false
|
||||
}
|
||||
});
|
||||
var chartObj = new Highcharts.Chart(
|
||||
{
|
||||
chart : {
|
||||
renderTo : 'container',
|
||||
zoomType : 'x',
|
||||
spacingRight : 20
|
||||
},
|
||||
title : {
|
||||
text : xtitle
|
||||
},
|
||||
subtitle : {
|
||||
text : ''//这是副标题内容
|
||||
},
|
||||
xAxis : {
|
||||
type : 'datetime',
|
||||
labels : {
|
||||
rotation : 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
|
||||
}
|
||||
},
|
||||
tooltip : {
|
||||
formatter : function() {
|
||||
var s = Highcharts.dateFormat("%Y-%m-%d %H:%M",
|
||||
this.x) + ' [ ';
|
||||
s += '<span>'
|
||||
+ this.point.series.name
|
||||
+ ': </span><span>'
|
||||
+ this.point.y + '</span> ';
|
||||
s = $.trim(s) + " ]";
|
||||
return s;
|
||||
}
|
||||
},
|
||||
plotOptions:{
|
||||
|
||||
line:{
|
||||
lineWidth : 1,
|
||||
marker: {
|
||||
radius: 2,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 3
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
area : {
|
||||
fillOpacity: 0.08,
|
||||
lineWidth : 1,
|
||||
shadow : true,
|
||||
marker: {
|
||||
radius: 3,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 5
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
column: {
|
||||
grouping: false,
|
||||
shadow: false,
|
||||
pointPlacement: 'between',
|
||||
groupPadding: 0,
|
||||
pointPadding: 0,
|
||||
borderWidth: 0
|
||||
},
|
||||
scatter:{
|
||||
marker: {
|
||||
radius: 2,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 3
|
||||
}
|
||||
},
|
||||
symbol: 'circle'
|
||||
}
|
||||
}
|
||||
},
|
||||
exporting : {
|
||||
enabled : false
|
||||
},
|
||||
series : seriesOptions,
|
||||
credits: {
|
||||
enabled: false,
|
||||
text: 'i18n_dspmi.message.updateTheMark_n81i'
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<form id="my-form" action="/monitor/chart" method="post">
|
||||
<input type="hidden" name="seqId" value="#(seqId)"/>
|
||||
<input type="hidden" name="checkTypeId" value="#(checkTypeId)"/>
|
||||
<input type="hidden" name="detectionSetInfoId" value="#(detectionSetInfoId)"/>
|
||||
<input type="hidden" name="titleId" value="#(titleId)"/>
|
||||
<div style="margin:10px 0 10px 15px; position:relative;">
|
||||
<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>
|
||||
<div class="my-button-up" onmousedown="mydown(this)" onmouseup="myup(this)" onclick="location.href='/monitor'" style="float:right;margin-right:25px;width:24px;"><span class="icon-arrow-left"></span>#--#(_res.get("goback"))--#</div>
|
||||
</div>
|
||||
<div style="margin-left:8px">
|
||||
#for(x : columns)
|
||||
#if(x.chartState == "0")
|
||||
#if(fieldName == x.fieldName)
|
||||
#set(class="tab tab-active")
|
||||
#else
|
||||
#set(class="tab")
|
||||
#end
|
||||
<div class="#(class)" titleId="#(x.id)">#(x.fieldComments)</div>
|
||||
#end
|
||||
#end
|
||||
</div>
|
||||
<div id="container" style="min-height:500px; width: 99%;" align="center"></div>
|
||||
<div style="margin: 10px 0 0 8px; width: 80%;">
|
||||
#for(x : names)
|
||||
<div class="my-checkbox"><input type="checkbox" value="#(x)" name="checkedNames" style="zoom:120%;">#(" " + x)</div>
|
||||
#end
|
||||
</div>
|
||||
<div style="margin: 15px 0 0 8px;">
|
||||
<div id="clear" class="my-button-up" onmousedown="mydown(this)" onmouseup="myup(this)">#(_res.get("reset"))</div>
|
||||
<div id="sub" class="my-button-up" onmousedown="mydown(this)" onmouseup="myup(this)">#(_res.get("chart.submit"))</div>
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
195
gloam/WebRoot/detection/chart-mem.html
Normal file
195
gloam/WebRoot/detection/chart-mem.html
Normal file
@@ -0,0 +1,195 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" style="height:100%">
|
||||
<head>
|
||||
#include("/common/header.html")
|
||||
<script src="/js/highcharts/highcharts.js"></script>
|
||||
<script src="/js/highcharts/exporting.js"></script>
|
||||
<script src="/js/highcharts/series-label.js"></script>
|
||||
<script src="/js/highcharts/oldie.js"></script>
|
||||
<script src="/js/highcharts/dark-unica.js"></script>
|
||||
<link id="bootstrap-style" href="/css/chart.css" rel="stylesheet">
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".tab").click(function(){ //切换tab
|
||||
$("[name=titleId]").val($(this).attr("titleId"));
|
||||
$("#my-form").submit();
|
||||
});
|
||||
|
||||
$("#search").click(function(){ //搜索
|
||||
$("#my-form").submit();
|
||||
});
|
||||
|
||||
var datas = #(datas);
|
||||
xtitle = datas[0].xtitle;
|
||||
ytitle = datas[0].ytitle;
|
||||
var lines = datas[1].lines;
|
||||
if (lines) {
|
||||
seriesOptions = [];
|
||||
for (var i = 0; i < lines.length; i++) {
|
||||
seriesOptions[i] = {
|
||||
name: lines[i].name,
|
||||
data: lines[i].data,
|
||||
type: 'line'
|
||||
};
|
||||
}
|
||||
createChart();
|
||||
} else {
|
||||
$("#container").empty();
|
||||
$("#container").append('<div style="padding-top:50px">i18n_dspmi.message.noData_n81i</div>');
|
||||
}
|
||||
|
||||
$("#clear").click(function(){
|
||||
$("input[type=checkbox]").prop("checked", false);
|
||||
});
|
||||
})
|
||||
|
||||
function myup(obj) {
|
||||
$(obj).attr("class", "my-button-up");
|
||||
}
|
||||
|
||||
function mydown(obj) {
|
||||
$(obj).attr("class", "my-button-down");
|
||||
}
|
||||
|
||||
function createChart() {
|
||||
Highcharts.setOptions( {
|
||||
global : {
|
||||
useUTC : false
|
||||
}
|
||||
});
|
||||
var chartObj = new Highcharts.Chart(
|
||||
{
|
||||
chart : {
|
||||
renderTo : 'container',
|
||||
zoomType : 'x',
|
||||
spacingRight : 20
|
||||
},
|
||||
title : {
|
||||
text : xtitle
|
||||
},
|
||||
subtitle : {
|
||||
text : ''//这是副标题内容
|
||||
},
|
||||
xAxis : {
|
||||
type : 'datetime',
|
||||
labels : {
|
||||
rotation : 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
|
||||
}
|
||||
},
|
||||
tooltip : {
|
||||
formatter : function() {
|
||||
var s = Highcharts.dateFormat("%Y-%m-%d %H:%M",
|
||||
this.x) + ' [ ';
|
||||
s += '<span>'
|
||||
+ this.point.series.name
|
||||
+ ': </span><span>'
|
||||
+ this.point.y + '</span> ';
|
||||
s = $.trim(s) + " ]";
|
||||
return s;
|
||||
}
|
||||
},
|
||||
plotOptions:{
|
||||
|
||||
line:{
|
||||
lineWidth : 1,
|
||||
marker: {
|
||||
radius: 2,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 3
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
area : {
|
||||
fillOpacity: 0.08,
|
||||
lineWidth : 1,
|
||||
shadow : true,
|
||||
marker: {
|
||||
radius: 3,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 5
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
column: {
|
||||
grouping: false,
|
||||
shadow: false,
|
||||
pointPlacement: 'between',
|
||||
groupPadding: 0,
|
||||
pointPadding: 0,
|
||||
borderWidth: 0
|
||||
},
|
||||
scatter:{
|
||||
marker: {
|
||||
radius: 2,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 3
|
||||
}
|
||||
},
|
||||
symbol: 'circle'
|
||||
}
|
||||
}
|
||||
},
|
||||
exporting : {
|
||||
enabled : false
|
||||
},
|
||||
series : seriesOptions,
|
||||
credits: {
|
||||
enabled: false,
|
||||
text: 'i18n_dspmi.message.updateTheMark_n81i'
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<form id="my-form" action="/monitor/chart" method="post">
|
||||
<input type="hidden" name="seqId" value="#(seqId)"/>
|
||||
<input type="hidden" name="checkTypeId" value="#(checkTypeId)"/>
|
||||
<input type="hidden" name="detectionSetInfoId" value="#(detectionSetInfoId)"/>
|
||||
<input type="hidden" name="titleId" value="#(titleId)"/>
|
||||
<div style="margin:10px 0 10px 15px; position:relative;">
|
||||
<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>
|
||||
<div class="my-button-up" onmousedown="mydown(this)" onmouseup="myup(this)" onclick="location.href='/monitor'" style="float:right;margin-right:25px;width:24px;"><span class="icon-arrow-left"></span>#--#(_res.get("goback"))--#</div>
|
||||
</div>
|
||||
<div style="margin-left:8px">
|
||||
#for(x : columns)
|
||||
#if(x.chartState == "0")
|
||||
#if(fieldName == x.fieldName)
|
||||
#set(class="tab tab-active")
|
||||
#else
|
||||
#set(class="tab")
|
||||
#end
|
||||
<div class="#(class)" titleId="#(x.id)">#(x.fieldComments)</div>
|
||||
#end
|
||||
#end
|
||||
</div>
|
||||
<div id="container" style="min-height:500px; width: 99%;" align="center"></div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
215
gloam/WebRoot/detection/chart-net.html
Normal file
215
gloam/WebRoot/detection/chart-net.html
Normal file
@@ -0,0 +1,215 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" style="height:100%">
|
||||
<head>
|
||||
#include("/common/header.html")
|
||||
<script src="/js/highcharts/highcharts.js"></script>
|
||||
<script src="/js/highcharts/exporting.js"></script>
|
||||
<script src="/js/highcharts/series-label.js"></script>
|
||||
<script src="/js/highcharts/oldie.js"></script>
|
||||
<script src="/js/highcharts/dark-unica.js"></script>
|
||||
<link id="bootstrap-style" href="/css/chart.css" rel="stylesheet">
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
//var columns = #(columns); // 后台结果
|
||||
//var datas = #(datas);
|
||||
|
||||
$(".tab").click(function(){ //切换tab
|
||||
$("[name=titleId]").val($(this).attr("titleId"));
|
||||
$("#my-form").submit();
|
||||
});
|
||||
|
||||
$("#search").click(function(){ //搜索
|
||||
$("#my-form").submit();
|
||||
});
|
||||
|
||||
$("#sub").click(function(){ //筛选名称
|
||||
$("#my-form").submit();
|
||||
});
|
||||
|
||||
var datas = #(datas);
|
||||
xtitle = datas[0].xtitle;
|
||||
ytitle = datas[0].ytitle;
|
||||
var lines = datas[1].lines;
|
||||
if (lines) {
|
||||
seriesOptions = [];
|
||||
seriesOptions[0] = {
|
||||
name: lines[0].name,
|
||||
data: lines[0].data,
|
||||
type: 'line',
|
||||
step: true
|
||||
};
|
||||
seriesOptions[1] = {
|
||||
name: lines[1].name,
|
||||
data: lines[1].data,
|
||||
type: 'scatter'
|
||||
};
|
||||
createChart();
|
||||
} else {
|
||||
$("#container").empty();
|
||||
$("#container").append('<div style="padding-top:50px">i18n_dspmi.message.noData_n81i</div>');
|
||||
}
|
||||
})
|
||||
|
||||
function myup(obj) {
|
||||
$(obj).attr("class", "my-button-up");
|
||||
}
|
||||
|
||||
function mydown(obj) {
|
||||
$(obj).attr("class", "my-button-down");
|
||||
}
|
||||
|
||||
function createChart() {
|
||||
Highcharts.setOptions( {
|
||||
global : {
|
||||
useUTC : false
|
||||
}
|
||||
});
|
||||
var chartObj = new Highcharts.Chart(
|
||||
{
|
||||
chart : {
|
||||
renderTo : 'container',
|
||||
zoomType : 'x',
|
||||
spacingRight : 20
|
||||
},
|
||||
title : {
|
||||
text : xtitle
|
||||
},
|
||||
subtitle : {
|
||||
text : ''//这是副标题内容
|
||||
},
|
||||
xAxis : {
|
||||
type : 'datetime',
|
||||
labels : {
|
||||
rotation : 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
|
||||
}
|
||||
},
|
||||
tooltip : {
|
||||
formatter : function() {
|
||||
var s = Highcharts.dateFormat("%Y-%m-%d %H:%M",
|
||||
this.x) + ' [ ';
|
||||
s += '<span>'
|
||||
+ this.point.series.name
|
||||
+ ': </span><span>'
|
||||
+ this.point.y + '</span> ';
|
||||
s = $.trim(s) + " ]";
|
||||
return s;
|
||||
}
|
||||
},
|
||||
plotOptions:{
|
||||
|
||||
line:{
|
||||
lineWidth : 1,
|
||||
marker: {
|
||||
radius: 2,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 3
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
area : {
|
||||
fillOpacity: 0.08,
|
||||
lineWidth : 1,
|
||||
shadow : true,
|
||||
marker: {
|
||||
radius: 3,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 5
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
column: {
|
||||
grouping: false,
|
||||
shadow: false,
|
||||
pointPlacement: 'between',
|
||||
groupPadding: 0,
|
||||
pointPadding: 0,
|
||||
borderWidth: 0
|
||||
},
|
||||
scatter:{
|
||||
marker: {
|
||||
radius: 2,
|
||||
states: {
|
||||
hover: {
|
||||
radius: 3
|
||||
}
|
||||
},
|
||||
symbol: 'circle'
|
||||
}
|
||||
}
|
||||
},
|
||||
exporting : {
|
||||
enabled : false
|
||||
},
|
||||
series : seriesOptions,
|
||||
credits: {
|
||||
enabled: false,
|
||||
text: 'i18n_dspmi.message.updateTheMark_n81i'
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<form id="my-form" action="/monitor/chart" method="post">
|
||||
<input type="hidden" name="seqId" value="#(seqId)"/>
|
||||
<input type="hidden" name="checkTypeId" value="#(checkTypeId)"/>
|
||||
<input type="hidden" name="detectionSetInfoId" value="#(detectionSetInfoId)"/>
|
||||
<input type="hidden" name="titleId" value="#(titleId)"/>
|
||||
<div style="margin:10px 0 10px 15px; position:relative;">
|
||||
<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>
|
||||
<div class="my-button-up" onmousedown="mydown(this)" onmouseup="myup(this)" onclick="location.href='/monitor'" style="float:right;margin-right:25px;width:24px;"><span class="icon-arrow-left"></span>#--#(_res.get("goback"))--#</div>
|
||||
</div>
|
||||
<div style="margin-left:8px">
|
||||
#for(x : columns)
|
||||
#if(x.chartState == "0")
|
||||
#if(fieldName == x.fieldName)
|
||||
#set(class="tab tab-active")
|
||||
#else
|
||||
#set(class="tab")
|
||||
#end
|
||||
<div class="#(class)" titleId="#(x.id)">#(x.fieldComments)</div>
|
||||
#end
|
||||
#end
|
||||
</div>
|
||||
<div id="container" style='width: 99%; min-height:500px;' align="center"></div>
|
||||
<div style="margin: 10px 0 0 8px; width: 80%;">
|
||||
#for(x : names)
|
||||
#if(checkedName == x)
|
||||
#set(checked = "checked='checked'")
|
||||
#else
|
||||
#set(checked = "")
|
||||
#end
|
||||
<div class="my-radio"><input type="radio" value="#(x)" name="checkedName" style="zoom:120%;" #(checked)>#(" " + x)</div>
|
||||
#end
|
||||
</div>
|
||||
<div style="margin: 15px 0 0 8px;">
|
||||
<div id="sub" class="my-button-up" onmousedown="mydown(this)" onmouseup="myup(this)">#(_res.get("chart.submit"))</div>
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
156
gloam/WebRoot/detection/detectionInfoNew-index.html
Normal file
156
gloam/WebRoot/detection/detectionInfoNew-index.html
Normal file
@@ -0,0 +1,156 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
#include("/common/header.html")
|
||||
|
||||
<style type="text/css">
|
||||
table {
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
.nopic {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
|
||||
.pic {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: middle !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pic-a {
|
||||
position: absolute;
|
||||
left: 80%;
|
||||
margin-top: 9px;
|
||||
}
|
||||
.pic-s {
|
||||
margin-left: 13px;
|
||||
margin-top: 8px;
|
||||
display: inline-block;
|
||||
width: 75%;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: center;
|
||||
}
|
||||
a:hover {
|
||||
color: #FC0
|
||||
}
|
||||
.information {
|
||||
position:relative;
|
||||
max-height:150px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
$('.information').each(function(){
|
||||
var ps = new PerfectScrollbar(this);
|
||||
})
|
||||
})
|
||||
</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>
|
||||
<!-- start: Content -->
|
||||
<div id="content" class="span10">
|
||||
<div class="row-fluid" style="margin-top: 10px">
|
||||
<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">
|
||||
<table class="table table-striped table-bordered" id="info">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="13%">#(_res.get("monitor.card"))</th>
|
||||
<th width="10%">#(_res.get("monitor.type"))</th>
|
||||
<th width="10%">#(_res.get("monitor.setting"))</th>
|
||||
<th width="5%">#(_res.get("monitor.status"))</th>
|
||||
<th width="15%">#(_res.get("monitor.check"))</th>
|
||||
<th width="25%">#(_res.get("monitor.information"))</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody style="font-size: 14px;">
|
||||
#set(i=0)
|
||||
#if(nodeNum!=null&&nodeNum.size()!=0)
|
||||
#for(s : nodeNum)
|
||||
#if(monitor!=null&&monitor.size()!=0)
|
||||
#for(x : monitor)
|
||||
<tr class="odd gradeX">
|
||||
#if(x.monitorCard == s.monitorCard)
|
||||
#if(i == 0 )
|
||||
<td class="logmessage nopic" rowspan="#(s.num)" title="#(s.monitorCard)"><span>#(s.monitorCard) </span></td>
|
||||
#end
|
||||
#set(i=i+1)
|
||||
<td class="logmessage nopic" title="#(x.monitorType)">
|
||||
<span><a href="/monitor/monitorTypeDetail?detectionSetInfoId=#(x.detectionSetInfoId)&seqId=#(x.seqId)&checkTypeId=#(x.checkTypeId)">#(x.monitorType)</a></span>
|
||||
</td>
|
||||
<td class="logmessage pic" title="#(x.monitorSetting)">
|
||||
<span class="pic-s"><a href="/monitor/monitorSetDetail?detectionSetInfoId=#(x.detectionSetInfoId)&seqId=#(x.seqId)">#(x.monitorSetting)</a></span>
|
||||
#if(x.monitorSetting != null && x.monitorSetting !='')
|
||||
<a href="/monitor/chart?seqId=#(x.seqId)&detectionSetInfoId=#(x.detectionSetInfoId)&checkTypeId=#(x.checkTypeId)" class="pic-a">
|
||||
<img src="/img/action.png" border="0"style="width: 17px; height: 20px">
|
||||
</a>
|
||||
#end
|
||||
</td>
|
||||
<td class="logmessage nopic">
|
||||
#set(n = com.nis.gloam.util.DateUtil::formatStringToLong(x.now, "yyyy-MM-dd HH:mm:ss"))
|
||||
#set(c = com.nis.gloam.util.DateUtil::formatStringToLong(x.checkTime, "yyyy-MM-dd HH:mm:ss"))
|
||||
#if(x.monitorStatus == '1' && (n-c <= java.lang.Integer::parseInt(com.jfinal.kit.PropKit::get("monitor_interval"))*1000*2))
|
||||
<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 class="logmessage nopic" title="#(x.checkTime)"><span>#(x.checkTime)</span></td>
|
||||
<td class="logmessage">
|
||||
<div class="information">
|
||||
#if(x.monitorStatus == '1' && (n-c <= java.lang.Integer::parseInt(com.jfinal.kit.PropKit::get("monitor_interval"))*1000*2))
|
||||
#(x.monitorInfo.replaceAll("\$@\$", "<br/>"))
|
||||
#else
|
||||
i18n_option_table.24.type_code_n81i
|
||||
#end
|
||||
</div>
|
||||
</td>
|
||||
#end
|
||||
</tr>
|
||||
#end
|
||||
#set(i=0)
|
||||
#end
|
||||
#end
|
||||
#end
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
141
gloam/WebRoot/detection/detectionInfoNew-setDetail.html
Normal file
141
gloam/WebRoot/detection/detectionInfoNew-setDetail.html
Normal file
@@ -0,0 +1,141 @@
|
||||
<!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.setting"))</th>
|
||||
<th width="5%">#(_res.get("monitor.status"))</th>
|
||||
<th width="13%">#(_res.get("monitor.checktime"))</th>
|
||||
<th width="43%">#(_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>
|
||||
122
gloam/WebRoot/detection/detectionInfoNew-typeDetail.html
Normal file
122
gloam/WebRoot/detection/detectionInfoNew-typeDetail.html
Normal file
@@ -0,0 +1,122 @@
|
||||
<!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;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<script>
|
||||
function myup(obj) {
|
||||
$(obj).attr("class", "my-button-up");
|
||||
}
|
||||
|
||||
function mydown(obj) {
|
||||
$(obj).attr("class", "my-button-down");
|
||||
}
|
||||
</script>
|
||||
<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">
|
||||
<table class="table table-striped table-bordered" id="info" style="font-size:14px;">
|
||||
<tr>
|
||||
<td colspan="6" style="background-color:#eee;font-size:16px;color:black;">#(_res.get("monitor.data.details"))</td>
|
||||
</tr>
|
||||
<tr class="logmessage">
|
||||
<td class="head">#(_res.get("monitor.setting"))</td>
|
||||
<td>#(base.get("monitorSetting"))</td>
|
||||
<td class="head">#(_res.get("node.ip"))</td>
|
||||
<td>#(base.get("ip"))</td>
|
||||
<td class="head">#(_res.get("monitor.status"))</td>
|
||||
<td>#(_res.get(base.get("monitorStatus")))</td>
|
||||
</tr>
|
||||
<tr class="logmessage">
|
||||
<td class="head">#(_res.get("monitor.checktime"))</td>
|
||||
<td>#(base.get("checkTime"))</td>
|
||||
<td class="head">#(_res.get("monitor.nextchecktime"))</td>
|
||||
<td>#(base.get("nextCheckTime"))</td>
|
||||
<td class="head">#(_res.get("monitor.arriveTime"))</td>
|
||||
<td>#(base.get("arriveTime"))</td>
|
||||
</tr>
|
||||
<tr class="logmessage">
|
||||
<td colspan="2" class="head" style="height:100px;">#(_res.get("monitor.information"))</td>
|
||||
<td colspan="4">#(base.get("detectionStateInfo").replaceAll("\$@\$", "<br/>"))</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="table table-striped table-bordered" style="margin-top:-21px; font-size:14px;">
|
||||
#set(s=columns.size())
|
||||
<tr>
|
||||
<td colspan="#(s)" style="background-color:#eee;font-size:16px;color:black;">#(_res.get("monitor.data"))</td>
|
||||
</tr>
|
||||
<tr class="logmessage">
|
||||
#for(column : columns)
|
||||
<td class="head">#(column.fieldComments)</td>
|
||||
#end
|
||||
</tr>
|
||||
#for(detail : details)
|
||||
<tr class="logmessage">
|
||||
#for(column : columns)
|
||||
#if(detail.get(column.fieldName).toString().contains("E"))
|
||||
<td class="hid" title="#(com.nis.gloam.util.StringUtil::eNumberFormat(detail.get(column.fieldName).toString()))">#(detail.get(column.fieldName))</td>
|
||||
#else
|
||||
<td class="hid" title="#(detail.get(column.fieldName).toString())">#(detail.get(column.fieldName))</td>
|
||||
#end
|
||||
#end
|
||||
</tr>
|
||||
#end
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user