<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>索引实时更新情况</title>
<link rel="stylesheet" href="static/css/listenDetails.css">
<link rel="stylesheet"
	href="static/lib/fontawesome/css/font-awesome.min.css">
</head>
<body>
	<div id="topContainer">
		<div id="totalElementContainer" class="floatLeft overflowHidden">
			<span>排队数量：<span id="totalElement"></span></span>
		</div>
	</div>
	<div id="listContainer" class="floatLeft">
		<div id="listHeaderContainer" class="floatLeft">
			<div class="listHeader minWidthColumn floatLeft overflowHidden">
				<span>排队序号</span>
			</div>
			<div class="listHeader mediumWidthColumn floatLeft overflowHidden">
				<span>表名</span>
			</div>
			<div class="listHeader maxWidthColumn floatLeft overflowHidden">
				<span>id（表主键）</span>
			</div>
			<div class="listHeader minWidthColumn floatLeft overflowHidden">
				<span>更改类型</span>
			</div>
			<div class="listHeader mediumWidthColumn floatLeft overflowHidden">
				<span>更改时间</span>
			</div>
			<div class="listHeader minWidthColumn floatLeft overflowHidden">
				<span>更新</span>
			</div>
		</div>
		<div id="listContentContainer" class="floatLeft"></div>
	</div>
	<div id="errorMessageContainer" hidden="true">
		<p id="message"></p>
		<button id="detailedMessageButton" title="获取更多错误信息" hidden="true">更多信息</button>
		<p id="detailedMessage" hidden="true"></p>
	</div>
	<div id="pageContainer" class="floatRight">
		<button id="prev" title="上页">
			<i class="fa fa-arrow-left fa-lg" aria-hidden="true"></i>
		</button>
		<span><input id="pageIndex" type="text" />&nbsp;&nbsp;/&nbsp;&nbsp;<span
			id="totalPage">0</span></span>
		<button id="next" title="下页">
			<i class="fa fa-arrow-right fa-lg" aria-hidden="true"></i>
		</button>
	</div>
</body>
</body>

<script src="static/lib/jquery/jquery.min.js"></script>
<script src="static/js/util/utils.js"></script>
<script src="static/js/listenDetails/app.js"></script>
</html>