|  | @ -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>
 |