ops / monitor-ui · Commits

Go to a project

Authored by fanzelei
Commit 4df8803dabde3ff2ea8feb4cae34d76d3915a2a6 1 parent 890b24c1

监控对象详情

Inline Side-by-side
Showing 2 changed files with 173 additions and 0 deletions
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<div id="breadcrumb">
<a href="#" title="Go to Home" class="tip-bottom"><i
class="icon-home"></i> Home</a> <a href="#" class="current">监控对象</a> <a
href="#" class="current">详情</a>
</div>
<div class="container-fluid">
<div class="widget-box">
<div class="widget-title">
<h5>监控对象详情</h5>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div class="widget-box" id="viewTable">
<div class="widget-title">
<h5>Static table</h5>
</div>
<div class="widget-content nopadding">
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<th>Column name</th>
<th>Column name</th>
<th>Column name</th>
<th>Column name</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<div class="widget-box" id="modelTable">
<div class="widget-title">
<h5>Static table</h5>
</div>
<div class="widget-content nopadding">
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<th>Column name</th>
<th>Column name</th>
<th>Column name</th>
<th>Column name</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<div class="widget-box" id="queueTable">
<div class="widget-title">
<h5>Static table</h5>
</div>
<div class="widget-content nopadding">
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<th>Column name</th>
<th>Column name</th>
<th>Column name</th>
<th>Column name</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(function() {
$.ajax({
url:"",
type:"post",
dataType:"json",
data:{
moId:paramObj.moId
},
success:function(data){
updateViewTable(data);
}
});
function updateViewTable(data){
var innerHTML = "";
for (var i = 0; i < orderMsgList.length; i ++) {
innerHTML += "<tr><td>" + orderMsgList[i].influxTime + "</td>";
innerHTML += "<td>" + orderMsgList[i].isSend + "</td>";
innerHTML += "<td>" + orderMsgList[i].orderCode + "</td>";
innerHTML += "<td>" + orderMsgList[i].event + "</td></tr>";
}
document.getElementById('viewTable').getElementsByTagName("tbody")[0].innerHTML = innerHTML;
};
$.ajax({
url:"",
type:"post",
dataType:"json",
data:{
moId:paramObj.moId
},
success:function(data){
updateModelTable(data);
}
});
function updateModelTable(data){
var innerHTML = "";
for (var i = 0; i < orderMsgList.length; i ++) {
innerHTML += "<tr><td>" + orderMsgList[i].influxTime + "</td>";
innerHTML += "<td>" + orderMsgList[i].isSend + "</td>";
innerHTML += "<td>" + orderMsgList[i].orderCode + "</td>";
innerHTML += "<td>" + orderMsgList[i].event + "</td></tr>";
}
document.getElementById('modelTable').getElementsByTagName("tbody")[0].innerHTML = innerHTML;
}
});
$.ajax({
url:"",
type:"post",
dataType:"json",
data:{
moId:paramObj.moId
},
success:function(data){
updateQueueTable(data);
}
});
function updateQueueTable(data){
var innerHTML = "";
for (var i = 0; i < orderMsgList.length; i ++) {
innerHTML += "<tr><td>" + orderMsgList[i].influxTime + "</td>";
innerHTML += "<td>" + orderMsgList[i].isSend + "</td>";
innerHTML += "<td>" + orderMsgList[i].orderCode + "</td>";
innerHTML += "<td>" + orderMsgList[i].event + "</td></tr>";
}
document.getElementById('queueTable').getElementsByTagName("tbody")[0].innerHTML = innerHTML;
}
});
</script>
\ No newline at end of file
... ...
... ... @@ -292,6 +292,16 @@
deleteMObject(rowData);
}
);
div.append("&nbsp;");
div.append("&nbsp;");
div.append("&nbsp;");
var detBtn = $("<button>").addClass("btn btn-xs btn-primary").html("详情").appendTo(div);
detBtn.click(function () {
paramObj.moId = rowData.moId;
$("#content").load(contextPath + "/jsp/mobject/detailMobject.jsp");
});
return div;
}
}],
... ...