<%@ 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/mainLeft.css"/>
		 <%@include file="../../../../frame/assets/header-all.jsp"%>
		 <script type="text/javascript" src="js/mainLeft.js"></script>
	</head>
	<body>
		<div id="mainLeftWrap">
		
			<div  class="breakdownRate">
				<div class="breakdownRateTitle">	
					监控完好率
				</div>
				<div class="breakdownRateWrapper">
					<div id="breakdownRateGraph"></div>
					<div class="breakdownRateBox">
						<ul>
							<li onclick="JkwhlSwitch(0)">
									<span id="jkwhl" class="breakdownRateCount active"></span>
									<span class="breakdownRateTxt active">监控完好率</span>
							</li>
							<li onclick="JkwhlSwitch(1)">
									<span id="jkzxl" class="breakdownRateCount"></span>
									<span class="breakdownRateTxt">监控在线率</span>
							</li>
							<li onclick="JkwhlSwitch(2)">
									<span id="lxwhl" class="breakdownRateCount"></span>
									<span class="breakdownRateTxt">录像完好率</span>
							</li>
						</ul>
					  </div>
				 </div>
			</div>
			
			<div class="breakdownType">
				<div class="breakdownTypeTitle">	
					监控故障类型
				</div>
				<div class="breakdownTypeWrapper">
					<div id="breakdownTypeGraph"></div>
				 </div>
			</div>
			
			<div class="breakdownNumber">
				<div class="breakdownNumberTitle">	
					监控故障次数
				</div>
				<div class="breakdownNumberWrapper">
					<table cellspacing="0"  cellpadding="0" >
						<thead>
							<tr><!-- <td>品牌</td> -->
								<td>排名</td><td>监控设备名称</td><td>次数</td>
							</tr>
						</thead>
							<tbody id="jkgzcs">
							</tbody>
					</table>
				 </div>
			</div>
		</div>	
	</body>
</html>	
