<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
		 <link rel="stylesheet" type="text/css" href="css/mainMiddle.css"/>
		 <%@include file="../../../../frame/assets/header-all.jsp"%>
		 <script type="text/javascript" src="js/mainMiddle.js"></script>
		 <style>
			.sjsl{
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap; //文本不换行，这样超出一行的部分被截取，显示...
			}
			.pagination > table {
			    float: right;
			    border-top: 1px solid transparent;
			    border-right: 1px solid transparent;
			    /* border: none; */
			    position: relative;
			    right: 5px;
			}
			.pagination td .l-btn {
			    border-left: 1px solid transparent;
			    border-bottom: 1px solid transparent;
			    border-top: 1px solid transparent;
			    border-radius: 0;
			    border: none;
			    padding: 0;
			}
			.l-btn-plain {
				color: #777;
			}
			#xzTree .tree-title {
			width:137px;
			overflow:hidden;
			white-space:nowrap;
			text-overflow:ellipsis;
				width:110px !important; 
			}
		</style>
	</head>
	<body>
		<div id="mainMiddleWrap">
		
			<div class="deviceInfo">
				<ul>
					<li>
						<div>
							监控总量
						</div>
						<p id='jkzl'></p>
					</li>
					<li>
						<div>
							监控在线数
						</div>
						<p id='jkzxs'></p>
					</li>
					<li>
						<div>
							服务器总量
						</div>
						<p id='fwqzl'></p>
					</li>
					<li class="clearMarginRight">
						<div>
							服务器在线
						</div>
						<p id='fwqzxs'></p>
					</li>
				</ul>
			</div>
			<div id="deviceSearch" style="position:absolute;top:96px;right:40px;z-index:1000;">
					<div class="deviceSearch">
						<input name="cc" type="radio" onclick="loadDeviceTree(2);"  value="9"  id="all"  checked /><label for="all">全部 </label> &nbsp;&nbsp;
						<input name="cc" type="radio"  onclick="loadDeviceTree(1);" value="1"  id="normal"/> <label for="normal">正常</label> &nbsp;&nbsp;
						<input name="cc" type="radio"  onclick="loadDeviceTree(0);" value="0"  id="abnormal"/><label for="abnormal">异常 </label> 
					</div>
			</div>
			<div class="deviceGraph"  id="deviceGraph">
<!-- 				<div id="deviceGraph1" ></div>
		<div id="deviceGraph2"></div>  -->
			</div>
			
			<div class="deviceList">
				<div class="deviceListTitle">	
					<div>
							设备列表
					</div>
					<div class="deviceSearch">
						<input name="c" type="radio" onclick="searchVideos();"  value="9"  id="all2"  checked /><label for="all2">全部 </label> &nbsp;&nbsp;
						<input name="c" type="radio"  onclick="searchVideos();" value="1"  id="normal2"/> <label for="normal2">正常</label> &nbsp;&nbsp;
						<input name="c" type="radio"  onclick="searchVideos();" value="0"  id="abnormal2"/><label for="abnormal2">异常 </label> 
						&nbsp;&nbsp;&nbsp;
						<input type="text" id="tdmc" name="s" >
						<input type="button" id="search" value="查询"  onclick="searchVideos();">
					</div>
				 </div>
				 <div class="deviceListMain">
				 	 <div id="xzTree" style="overflow:hidden;overflow-y:auto;width:186px;border-right: 1px solid #135278;"></div> 
				 		<div class="deviceListContent">
					 		<table cellspacing="0" cellpadding="0"   width="100%">
								<thead>
									<tr>
										<td>设备名称</td>
										<td>所属单位</td>
										<td>设备IP</td>
										<td>设备状态</td>
										<td>异常信息</td>
									</tr>
								</thead>
								<tbody id="sbxx">
								</tbody>
					 		</table>
				 		</div>
				 		<div id="pageBox" style="position: absolute;      width: 76%; left: 21%;height: 34px; bottom: -8px;   padding-right:40px;  "></div>
				 </div>
			</div>
		</div>	
	</body>
</html>	
