|
|
@ -4,7 +4,7 @@
|
|
|
<%--<script src="${contextRoot}/develop/echarts/echarts.js"></script>--%>
|
|
|
<script>
|
|
|
var host ="";
|
|
|
|
|
|
var myChart;
|
|
|
$(function () {
|
|
|
initTree();
|
|
|
//l-layout-left
|
|
|
@ -33,7 +33,6 @@
|
|
|
var type = $(".div-menu .active").attr("data-item");
|
|
|
var beginTime = $("#repeatStartTime").ligerDateEditor("getValue");
|
|
|
var endTime = $("#repeatEndTime").ligerDateEditor("getValue");
|
|
|
alert(host);
|
|
|
getServerInfo(host,type,beginTime,endTime);
|
|
|
getInfo(host,type,endTime);
|
|
|
|
|
|
@ -50,6 +49,14 @@
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
if(beginTime > endTime)
|
|
|
{
|
|
|
$.ligerDialog.error("开始时间不能大于结束时间！");
|
|
|
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
|
|
|
var type = $(".div-menu .active").attr("data-item");
|
|
|
//获取服务器监控数据
|
|
|
getServerInfo(host,type,beginTime,endTime);
|
|
|
@ -66,8 +73,14 @@
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
if(beginTime > endTime)
|
|
|
{
|
|
|
$.ligerDialog.error("开始时间不能大于结束时间！");
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
var type = $(".div-menu .active").attr("data-item");
|
|
|
host = $("#div_wrapper_left_ul_resourcetree").find("li.active").find("span").text();
|
|
|
host = $("#div_wrapper_left_ul_resourcetree").find("li.active").find("div").text();
|
|
|
//获取服务器监控数据
|
|
|
getServerInfo(host,type,beginTime,endTime);
|
|
|
getInfo(host,type,endTime);
|
|
|
@ -81,7 +94,13 @@
|
|
|
//获取服务器监控数据
|
|
|
var beginTime = $("#repeatStartTime").ligerDateEditor("getValue");
|
|
|
var endTime = $("#repeatEndTime").ligerDateEditor("getValue");
|
|
|
host = $("#div_wrapper_left_ul_resourcetree").find("li.active").find("span").text();
|
|
|
if(beginTime > endTime)
|
|
|
{
|
|
|
$.ligerDialog.error("开始时间不能大于结束时间！");
|
|
|
myChart.clear();
|
|
|
return false;
|
|
|
}
|
|
|
host = $("#div_wrapper_left_ul_resourcetree").find("li.active").find("div").text();
|
|
|
getServerInfo(host,type,beginTime,endTime);
|
|
|
getInfo(host,type,endTime);
|
|
|
})
|
|
|
@ -99,9 +118,9 @@
|
|
|
if(data!=null && data.length>0){
|
|
|
for(var i=0;i<data.length;i++){
|
|
|
if(i==0){
|
|
|
$resourceTree.append( "<li class='active'><span>"+data[i].host+"</span></li>");
|
|
|
$resourceTree.append( "<li class='active'><div style='font-weight:900;cursor:pointer;'>"+data[i].host+"</div></li>");
|
|
|
}else{
|
|
|
$resourceTree.append( "<li><span>"+data[i].host+"</span></li>");
|
|
|
$resourceTree.append( "<li><div style='font-weight:900;cursor:pointer;'>"+data[i].host+"</div></li>");
|
|
|
}
|
|
|
}
|
|
|
host = data[0].host;
|
|
|
@ -164,7 +183,6 @@
|
|
|
nodeWidth: 200,
|
|
|
isExpand: false,
|
|
|
onClick: function (obj) {
|
|
|
alert(obj);
|
|
|
},
|
|
|
onSuccess: function (data) {
|
|
|
alert("success");
|
|
|
@ -180,16 +198,16 @@
|
|
|
var x = [];
|
|
|
var y1=[];
|
|
|
var y2=[];
|
|
|
myChart = echarts.init(document.getElementById('main'));
|
|
|
for(var i=0;i<data.length;i++)
|
|
|
{
|
|
|
// var create_date = data[i].create_date.substring(11,16);
|
|
|
// x.push(create_date);
|
|
|
x.push(data[i].create_date);
|
|
|
y1.push(data[i].data.totalPerc);
|
|
|
y2.push(data[i].data.userPerc);
|
|
|
y1.push(data[i].data.sysPerc);
|
|
|
y2.push(data[i].data.totalPerc);
|
|
|
}
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('main'));
|
|
|
// 指定图表的配置项和数据
|
|
|
var option = {
|
|
|
title: {
|
|
|
@ -197,7 +215,8 @@
|
|
|
left: 'center'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'axis'
|
|
|
trigger: 'axis',
|
|
|
formatter: '{b} <br/>{a0}: {c0}% <br/>{a1}: {c1}%'
|
|
|
},
|
|
|
dataZoom : {
|
|
|
show : true,
|
|
|
@ -206,7 +225,7 @@
|
|
|
},
|
|
|
legend: {
|
|
|
left: 'left',
|
|
|
data: ['总使用率', '用户使用率']
|
|
|
data: ['系统使用率','总使用率']
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
@ -226,13 +245,13 @@
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '总使用率',
|
|
|
name: '系统使用率',
|
|
|
type: 'line',
|
|
|
// itemStyle: {normal: {areaStyle: {type: 'default'}}},
|
|
|
data: y1
|
|
|
},
|
|
|
{
|
|
|
name: '用户使用率',
|
|
|
name: '总使用率',
|
|
|
type: 'line',
|
|
|
// itemStyle: {normal: {areaStyle: {type: 'default'}}},
|
|
|
data: y2
|
|
|
@ -258,15 +277,15 @@
|
|
|
var x = [];
|
|
|
var y1=[];
|
|
|
var y2=[];
|
|
|
myChart = echarts.init(document.getElementById('main'));
|
|
|
for(var i=0;i<data.length;i++)
|
|
|
{
|
|
|
// var create_date = data[i].create_date.substring(11,16);
|
|
|
x.push(data[i].create_date);
|
|
|
y1.push(data[i].data.usedPerc);
|
|
|
y2.push(data[i].data.freePerc);
|
|
|
// y2.push(data[i].data.freePerc);
|
|
|
}
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('main'));
|
|
|
// 指定图表的配置项和数据
|
|
|
var option = {
|
|
|
title: {
|
|
|
@ -274,7 +293,8 @@
|
|
|
left: 'center'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'axis'
|
|
|
trigger: 'axis',
|
|
|
formatter: '{b} <br/>{a0}: {c0}% '
|
|
|
},
|
|
|
dataZoom : {
|
|
|
show : true,
|
|
|
@ -283,7 +303,7 @@
|
|
|
},
|
|
|
legend: {
|
|
|
left: 'left',
|
|
|
data: ['使用率', '空闲率']
|
|
|
data: ['使用率']
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
@ -306,11 +326,6 @@
|
|
|
name: '使用率',
|
|
|
type: 'line',
|
|
|
data: y1
|
|
|
},
|
|
|
{
|
|
|
name: '空闲率',
|
|
|
type: 'line',
|
|
|
data: y2
|
|
|
}
|
|
|
]
|
|
|
};
|
|
|
@ -327,6 +342,7 @@
|
|
|
var x = [];
|
|
|
var y1=[];
|
|
|
var y2=[];
|
|
|
myChart = echarts.init(document.getElementById('main'));
|
|
|
for(var i=0;i<data.length;i++)
|
|
|
{
|
|
|
var count = 0
|
|
|
@ -341,7 +357,6 @@
|
|
|
y2.push(total);
|
|
|
}
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('main'));
|
|
|
// 指定图表的配置项和数据
|
|
|
var option = {
|
|
|
title: {
|
|
|
@ -349,7 +364,9 @@
|
|
|
left: 'center'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'axis'
|
|
|
trigger: 'axis',
|
|
|
formatter: '{b} <br/>{a0}: {c0} G <br/>{a1}: {c1} G'
|
|
|
|
|
|
},
|
|
|
dataZoom : {
|
|
|
show : true,
|
|
|
@ -403,6 +420,7 @@
|
|
|
var x = [];
|
|
|
var y1=[];
|
|
|
var y2=[];
|
|
|
myChart = echarts.init(document.getElementById('main'));
|
|
|
for(var i=0;i<data.length;i++)
|
|
|
{
|
|
|
// var create_date = data[i].create_date.substring(11,16);
|
|
|
@ -411,7 +429,6 @@
|
|
|
y2.push(data[i].data.txbps);
|
|
|
}
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('main'));
|
|
|
// 指定图表的配置项和数据
|
|
|
var option = {
|
|
|
title: {
|
|
|
@ -419,7 +436,8 @@
|
|
|
left: 'center'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'axis'
|
|
|
trigger: 'axis',
|
|
|
formatter: '{b} <br/>{a0}: {c0} kbps <br/>{a1}: {c1} kbps'
|
|
|
},
|
|
|
dataZoom : {
|
|
|
show : true,
|
|
|
@ -504,7 +522,7 @@
|
|
|
if(re.successFlg) {
|
|
|
//TODO 设置详情数据
|
|
|
var data = re.data;
|
|
|
if(data!=null && data!=''>0){
|
|
|
if(data!=null && !isEmpty(data)){
|
|
|
var envData = data.data;
|
|
|
var $envInfo = $("#detail");
|
|
|
var html;
|
|
|
@ -526,6 +544,8 @@
|
|
|
break;
|
|
|
}
|
|
|
$envInfo.html(html);
|
|
|
}else{
|
|
|
myChart.clear();
|
|
|
}
|
|
|
}
|
|
|
else{
|
|
|
@ -559,10 +579,10 @@
|
|
|
// " <div class=\"c-content\">1720</div>\n" +
|
|
|
// " <div class=\"c-content\">59868</div>\n" +
|
|
|
// " </div>\n" +
|
|
|
" <div class=\"f-dis-inline f-fs12\">正常运行时间</div>\n" +
|
|
|
" <div class=\"mb20\">\n" +
|
|
|
" <div class=\"c-content\">11:19:15:40</div>\n" +
|
|
|
" </div>\n" +
|
|
|
// " <div class=\"f-dis-inline f-fs12\">正常运行时间</div>\n" +
|
|
|
// " <div class=\"mb20\">\n" +
|
|
|
// " <div class=\"c-content\">11:19:15:40</div>\n" +
|
|
|
// " </div>\n" +
|
|
|
" </div>\n" +
|
|
|
" <div class=\"div-item\">\n" +
|
|
|
" <div class=\"div-right-item\">最大速度：<span class=\"f-fs14 c-fwb\">"+envData.model.substring(envData.model.length-8)+"</span></div>\n" +
|
|
|
@ -648,4 +668,11 @@
|
|
|
" </div>";
|
|
|
return html;
|
|
|
}
|
|
|
|
|
|
function isEmpty(value) {
|
|
|
return (Array.isArray(value) && value.length === 0)
|
|
|
|| (Object.prototype.isPrototypeOf(value) && Object.keys(value).length === 0);
|
|
|
}
|
|
|
|
|
|
|
|
|
</script>
|
