|
@ -1,6 +1,7 @@
|
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="utf-8" %>
|
|
|
<%@include file="/WEB-INF/ehr/commons/jsp/commonInclude.jsp" %>
|
|
|
<script src="${contextRoot}/develop/lib/plugin/echarts/echarts-all.js"></script>
|
|
|
<%--<script src="${contextRoot}/develop/echarts/echarts.js"></script>--%>
|
|
|
<script>
|
|
|
|
|
|
$(function () {
|
|
@ -30,8 +31,9 @@
|
|
|
var type = $(".div-menu .active").attr("data-item");
|
|
|
var beginTime = $("#repeatStartTime").ligerDateEditor("getValue");
|
|
|
var endTime = $("#repeatEndTime").ligerDateEditor("getValue");
|
|
|
getServerInfo(type,beginTime,endTime);
|
|
|
|
|
|
var host = '192.168.131.11'; //TODO 通过树获取服务器IP
|
|
|
getServerInfo(host,type,beginTime,endTime);
|
|
|
getCpnInfo(host,type,endTime);
|
|
|
|
|
|
//搜索按钮事件
|
|
|
$(".m-form-control").on("click","#btnSearch",function(){
|
|
@ -44,8 +46,10 @@
|
|
|
}
|
|
|
|
|
|
var type = $(".div-menu .active").attr("data-item");
|
|
|
var host = '192.168.131.11'; //TODO 通过树获取服务器IP
|
|
|
//获取服务器监控数据
|
|
|
getServerInfo(type,beginTime,endTime);
|
|
|
getServerInfo(host,type,beginTime,endTime);
|
|
|
getCpnInfo(host,type,endTime);
|
|
|
})
|
|
|
|
|
|
//选项卡切换时间
|
|
@ -56,17 +60,18 @@
|
|
|
//获取服务器监控数据
|
|
|
var beginTime = $("#repeatStartTime").ligerDateEditor("getValue");
|
|
|
var endTime = $("#repeatEndTime").ligerDateEditor("getValue");
|
|
|
getServerInfo(type,beginTime,endTime);
|
|
|
|
|
|
var host = '192.168.131.11'; //TODO 通过树获取服务器IP
|
|
|
getServerInfo(host,type,beginTime,endTime);
|
|
|
getCpnInfo(host,type,endTime);
|
|
|
})
|
|
|
});
|
|
|
|
|
|
function getServerInfo(type,beginTime,endTime){
|
|
|
function getServerInfo(host,type,beginTime,endTime){
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
url : "${contextRoot}/monitor/server/usage",
|
|
|
dataType : "json",
|
|
|
data:{type:type,beginTime:beginTime,endTime:endTime},
|
|
|
data:{host:host,type:type,beginTime:beginTime,endTime:endTime},
|
|
|
cache:false,
|
|
|
success :function(re){
|
|
|
if(re.successFlg) {
|
|
@ -100,21 +105,44 @@
|
|
|
}
|
|
|
|
|
|
var env ={
|
|
|
$resourceTree: $("#div_wrapper_left_ul_resourcetree"),//树对象
|
|
|
init:function(){
|
|
|
//初始化树
|
|
|
var resourceTree = this.$resourceTree;
|
|
|
$.ajax({
|
|
|
type: "POST",
|
|
|
url: "${contextRoot}/monitor/server/hosts",
|
|
|
success: function (msg) {
|
|
|
// 初始化树形菜单
|
|
|
resourceTree = resourceTree.ligerTree({
|
|
|
data: msg.data,
|
|
|
idFieldName: 'id',
|
|
|
nodeWidth: 200,
|
|
|
parentIDFieldName: 'pid',
|
|
|
isExpand: false,
|
|
|
onClick: function (obj) {
|
|
|
rsResoureManege.reloadGridTree(obj.data.id, rsResoureManege.$searchresourceName.val());
|
|
|
rsResoureManege.$resourceTreeId=obj.data.id;
|
|
|
},
|
|
|
onSuccess: function (data) {
|
|
|
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
cpuInfo:function(re){
|
|
|
var data = re.data;
|
|
|
if(data!=null && data.length>0)
|
|
|
{
|
|
|
var count = 0
|
|
|
var success =0;
|
|
|
var x = [];
|
|
|
var y1=[];
|
|
|
var y2=[];
|
|
|
for(var i=0;i<data.length;i++)
|
|
|
{
|
|
|
var create_date = data[i].create_date.substring(11,16);
|
|
|
x.push(create_date);
|
|
|
count += data[i].data.totalPerc;
|
|
|
success += data[i].data.userPerc;
|
|
|
// 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);
|
|
|
}
|
|
@ -129,6 +157,11 @@
|
|
|
tooltip: {
|
|
|
trigger: 'axis'
|
|
|
},
|
|
|
dataZoom : {
|
|
|
show : true,
|
|
|
start : 0,
|
|
|
end : 100
|
|
|
},
|
|
|
legend: {
|
|
|
left: 'left',
|
|
|
data: ['总使用率', '用户使用率']
|
|
@ -165,11 +198,12 @@
|
|
|
]
|
|
|
};
|
|
|
myChart.setOption(option);
|
|
|
|
|
|
|
|
|
myChart.on('mouseover', function (params) {
|
|
|
// getCpnInfo(host,type,params.name);
|
|
|
console.log(params);
|
|
|
});
|
|
|
//设置图例下方的信息
|
|
|
|
|
|
|
|
|
}
|
|
|
else{
|
|
|
//TODO 清除数据处理
|
|
@ -179,8 +213,6 @@
|
|
|
var data = re.data;
|
|
|
if(data!=null && data.length>0)
|
|
|
{
|
|
|
var count = 0
|
|
|
var success =0;
|
|
|
var x = [];
|
|
|
var y1=[];
|
|
|
var y2=[];
|
|
@ -188,7 +220,6 @@
|
|
|
{
|
|
|
var create_date = data[i].create_date.substring(11,16);
|
|
|
x.push(create_date);
|
|
|
count += data[i].data.usedPerc;
|
|
|
y1.push(data[i].data.usedPerc);
|
|
|
y2.push(data[i].data.freePerc);
|
|
|
}
|
|
@ -203,6 +234,11 @@
|
|
|
tooltip: {
|
|
|
trigger: 'axis'
|
|
|
},
|
|
|
dataZoom : {
|
|
|
show : true,
|
|
|
start : 0,
|
|
|
end : 100
|
|
|
},
|
|
|
legend: {
|
|
|
left: 'left',
|
|
|
data: ['使用率', '空闲率']
|
|
@ -273,6 +309,11 @@
|
|
|
tooltip: {
|
|
|
trigger: 'axis'
|
|
|
},
|
|
|
dataZoom : {
|
|
|
show : true,
|
|
|
start : 0,
|
|
|
end : 100
|
|
|
},
|
|
|
legend: {
|
|
|
left: 'left',
|
|
|
data: ['已使用', '总量']
|
|
@ -338,6 +379,11 @@
|
|
|
tooltip: {
|
|
|
trigger: 'axis'
|
|
|
},
|
|
|
dataZoom : {
|
|
|
show : true,
|
|
|
start : 0,
|
|
|
end : 100
|
|
|
},
|
|
|
legend: {
|
|
|
left: 'left',
|
|
|
data: ['接收', '发送']
|
|
@ -405,42 +451,68 @@
|
|
|
/* **************************动态DIV添加************************ */
|
|
|
|
|
|
/* CPU 详情数据*/
|
|
|
function getCpnInfo(host,type,date){
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
url : "${contextRoot}/monitor/server/detail",
|
|
|
dataType : "json",
|
|
|
data:{host:host,type:type,date:date},
|
|
|
cache:false,
|
|
|
success :function(re){
|
|
|
if(re.successFlg) {
|
|
|
//TODO 设置详情数据
|
|
|
var data = re.data;
|
|
|
if(data!=null && data!=''>0){
|
|
|
var envData = data.data;
|
|
|
debugger
|
|
|
var $envInfo = $("#detail");
|
|
|
var html = "<div class=\"div-item\">\n" +
|
|
|
" <div>\n" +
|
|
|
" <div class=\"d-item\">利用率</div>" +
|
|
|
" <div class=\"d-item\">速度</div>" +
|
|
|
" </div>" +
|
|
|
" <div class=\"mb20\">\n" +
|
|
|
" <div class=\"c-content\">"+envData.userPerc+"%</div>" +
|
|
|
" <div class=\"c-content\">2.18GHZ</div>\n" +
|
|
|
" </div>\n" +
|
|
|
" <div>\n" +
|
|
|
" <div class=\"d-item\">进程</div>\n" +
|
|
|
" <div class=\"d-item\">线程</div>\n" +
|
|
|
" <div class=\"d-item\">句柄</div>\n" +
|
|
|
" </div>\n" +
|
|
|
" <div class=\"mb20\">\n" +
|
|
|
" <div class=\"c-content\">107</div>\n" +
|
|
|
" <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>\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" +
|
|
|
" <div class=\"div-right-item\">插槽:<span class=\"f-fs14 c-fwb\">1</span></div>\n" +
|
|
|
" <div class=\"div-right-item\">内核:<span class=\"f-fs14 c-fwb\">"+envData.cores+"</span></div>\n" +
|
|
|
" <div class=\"div-right-item\">逻辑处理器:<span class=\"f-fs14 c-fwb\">"+envData.totalCores+"</span></div>\n" +
|
|
|
" <div class=\"div-right-item\">物理处理器:<span class=\"f-fs14 c-fwb\">"+envData.totalSockets+"</span></div>\n" +
|
|
|
" <div class=\"div-right-item\">L1缓存:<span class=\"f-fs14 c-fwb\">121KB</span></div>\n" +
|
|
|
" <div class=\"div-right-item\">L2缓存:<span class=\"f-fs14 c-fwb\">512KB</span></div>\n" +
|
|
|
" <div class=\"div-right-item\">L3缓存:<span class=\"f-fs14 c-fwb\">3.0MB</span></div>\n" +
|
|
|
" </div>";
|
|
|
|
|
|
var $envInfo = $(".mt20");
|
|
|
var html = "<div class=\"div-item\">\n" +
|
|
|
" <div>\n" +
|
|
|
" <div class=\"d-item\">利用率</div>\n" +
|
|
|
" <div class=\"d-item\">速度</div>\n" +
|
|
|
" </div>\n" +
|
|
|
" <div class=\"mb20\">\n" +
|
|
|
" <div class=\"c-content\">53%</div>\n" +
|
|
|
" <div class=\"c-content\">2.18GHZ</div>\n" +
|
|
|
" </div>\n" +
|
|
|
" <div>\n" +
|
|
|
" <div class=\"d-item\">进程</div>\n" +
|
|
|
" <div class=\"d-item\">线程</div>\n" +
|
|
|
" <div class=\"d-item\">句柄</div>\n" +
|
|
|
" </div>\n" +
|
|
|
" <div class=\"mb20\">\n" +
|
|
|
" <div class=\"c-content\">107</div>\n" +
|
|
|
" <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>\n" +
|
|
|
" <div class=\"div-item\">\n" +
|
|
|
" <div class=\"div-right-item\">最大速度:<span class=\"f-fs14 c-fwb\">2.19GHZ</span></div>\n" +
|
|
|
" <div class=\"div-right-item\">插槽:<span class=\"f-fs14 c-fwb\">1</span></div>\n" +
|
|
|
" <div class=\"div-right-item\">内核:<span class=\"f-fs14 c-fwb\">2</span></div>\n" +
|
|
|
" <div class=\"div-right-item\">编辑处理器:<span class=\"f-fs14 c-fwb\">4</span></div>\n" +
|
|
|
" <div class=\"div-right-item\">虚拟化:<span class=\"f-fs14 c-fwb\">已启用</span></div>\n" +
|
|
|
" <div class=\"div-right-item\">L1缓存:<span class=\"f-fs14 c-fwb\">121KB</span></div>\n" +
|
|
|
" <div class=\"div-right-item\">L2缓存:<span class=\"f-fs14 c-fwb\">512KB</span></div>\n" +
|
|
|
" <div class=\"div-right-item\">L3缓存:<span class=\"f-fs14 c-fwb\">3.0MB</span></div>\n" +
|
|
|
" </div>";
|
|
|
$envInfo.html(html);
|
|
|
}
|
|
|
}
|
|
|
else{
|
|
|
$.ligerDialog.error(re.message);
|
|
|
}
|
|
|
},
|
|
|
error :function(data){
|
|
|
$.ligerDialog.error("Status:"+data.status +"(" +data.statusText+")");
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
</script>
|