detailMobject.jsp 4.12 KB
<%@ 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>