<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
		<%@include file="../../../frame/assets/header-all.jsp"%>
		<link rel="stylesheet" href="../css/count.css">
		<script type="text/javascript" src="../../common/js/echarts/echarts.min.js"></script>
		<script type="text/javascript" src="../../common/js/echarts/EchartsBase.js"></script>
		
		<link rel="stylesheet" type="text/css" href="../../ptxztree/tree/css/zTreeStyle/zTreeStyle.css" />
		<script src="../../ptxztree/tree/js/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>
		<script src="../../ptxztree/tree/js/jquery.ztree.exhide-3.5.min.js" type="text/javascript"></script>
		<script src="../../ptxztree/tree/bootstrap.min.js"></script>
		<script type="text/javascript" src="vqdCount.js"></script>
		<style type="text/css">
			.deviceAnalysisGraphChartBox{
				width:50%;
				height:90%;
			}
			#deviceAnalysisGraphChartBoxTime{
				position:absolute;
				right: 76px;
				 top: -15px;
			}
			#deviceAnalysisGraphChartBoxTime li{
				float:left;
				margin: 0 1px;
				background-color:#e5e5e5;
				width:60px;
				height:24px;
				text-align:center;
				line-height:24px;
				color:#aaaaaa;
				cursor:pointer;
			}
			#deviceAnalysisGraphChartBoxTime li.active{
				color:white;
				background-color:#61b760;
		
			}
			.searchGridStaticsSplitLine{
				position:absolute;
				width:1px;
				height:380px;
				top:10px;
				right:30px;
				background-color:#e5e5e5;
			}
			.jwTitle{
				font-size: 17px;
    			font-weight: bold;
    			text-align: center;
    			padding:5px 5px;
    			margin:5px 5px;
			}
			.jwTime{
				font-size: 15px;
				text-align: right;
				padding:5px 5px;
				margin:5px 5px;
			}
			#searchGridListDiv th,#searchGridListDiv td{
					height:30px;
					color: rgb(51, 51, 51);
					line-height: 18px; 
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					text-align:center;
			}
			.form-line .text-content{
				width:120px;
			}
			.pagination > table{
				border-top:none !important;
			}
			.pagination-info{
				line-height:30px !important;
			}
			td{height: 30px;font-size:12px;}
		</style>
	</head>
	<!-- 设置高度,一行 44px,二行80,三行116-->
	<body id="body" class="easyui-layout" >
		<div class="easyui-layout" data-options="region:'west',split:true"  title=''  style="height: 100%; width: 200px;padding-left:5px; background: #fff; overflow-y: auto;overflow-x: hidden">
			<div class="form-line clearfix">
		    
		        <div class="fl">
			       	<span class="text-content" style="margin-top: 8px;margin-bottom: 8px">统计时间(起)：</span>
	                <input name="controlStartTime"  id="datetimeStart" type="text"  class="easyui-datetimebox" data-options="validType:'length[0,40]'" placeholder="起始时间">
				 </div>
				 <div class="fl"  >
			       	<span class="text-content">统计时间(止)：</span>
	                <input name="controlEndTime"   id="datetimeEnd" type="text"  class="easyui-datetimebox"  data-options="validType:'length[0,40]'"placeholder="截止时间">
				</div>
		        <!-- <div class="fl">
					<span class="text-content">统计时间：</span> 
					<input id="countTime" class="easyui-combobox" data-options="valueField:'id', textField:'text',panelHeight:'auto'"> 
				</div> 
		        <div class="fl"  style="display:none;" id="controlDate" >
						<span>
                       		<input name="controlStartTime"  id="datetimeStart" type="text"  class="easyui-datetimebox" placeholder="起始时间">-
                       		 &nbsp;&nbsp; &nbsp;&nbsp;
                       		 <input name="controlEndTime"   id="datetimeEnd" type="text"  class="easyui-datetimebox" placeholder="截止时间">
                        </span>
				</div> --> 
				
		<div class="fl" id="treediv">
					<div style="margin-top: 8px;margin-bottom: 8px">行政目录：</div>
					<ul id="xzmc"  class="ztree">
					</ul>
				</div>
			 </div>
		</div>
		  <div data-options="region:'center',split:false,border:false">
		  	<div class="datagrid-toolbar" style="border-top: 1px solid #ccc;">
		  		<table cellspacing="0" cellpadding="0">
		  			<tbody>
		  				<tr>
		  					<td><a onclick="showList()" href="javascript:;" class="l-btn l-btn-small l-btn-plain" group="" id="">
		  						<span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">统计列表</span>
		  						<span class="l-btn-icon icon-search">&nbsp;</span>
		  						</span></a>
		  					</td>
		  					<td><a onclick="showGraph()" href="javascript:;" class="l-btn l-btn-small l-btn-plain" group="" id="">
		  						<span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">统计图</span>
		  						<span class="l-btn-icon icon-search">&nbsp;</span>
		  						</span></a>
		  					</td>
		  					<td><a onclick="doExport('excel')" href="javascript:;" class="l-btn l-btn-small l-btn-plain" group="" id="">
		  						<span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">导出WExcel</span>
		  						<span class="l-btn-icon icon-search">&nbsp;</span>
		  						</span></a>
		  					</td>
		  					<td><a onclick="doExport('pdf')" href="javascript:;" class="l-btn l-btn-small l-btn-plain" group="" id="">
		  						<span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">导出PDF</span>
		  						<span class="l-btn-icon icon-search">&nbsp;</span>
		  						</span></a>
		  					</td>
		  					<td><a onclick="showCompute('')" href="javascript:;" class="l-btn l-btn-small l-btn-plain" group="" id="">
		  						<span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">计算公式</span>
		  						<span class="l-btn-icon icon-search">&nbsp;</span>
		  						</span></a>
		  					</td>
		  					<td><a onclick="dayin()" href="javascript:;" class="l-btn l-btn-small l-btn-plain" group="" id="">
		  						<span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">打印</span>
		  						<span class="l-btn-icon icon-search">&nbsp;</span>
		  						</span></a>
		  					</td>
		  				 </tr>
		  			</tbody>
		  		</table>
		  		<table cellspacing="0" cellpadding="0" style="display:inline-block;height:26px;float:right;"><tbody><tr></tr></tbody></table></div>
            <div style="height:430px;" id="searchGridPicDiv">
            	<div style="margin-top: 4%;margin-left: 45%;font-size: 14px;display:none;" id="noData">暂无数据</div>
           		<div id='searchGridGraph'  style="height:100%;width:100%;"></div>		           		
            </div>
  			<div style="height:100%;display:none;margin:0 auto;" id="searchGridListDiv" >
           		<!-- <table id='searchGridList'></table>  -->
           		<div style="height:88%;width:100%;">
           			<!-- <div class="jwTitle" style=""><span>经纬度采集率统计</span></div>
           			<div class="jwTime" style="">制表时间：<span id="timeTJ">2018-12-20 11:11:11</span></div> -->
           			<div style="padding:5px 5px;margin:5px 5px;" id='' >
           				<table  cellspacing="0"  width="100%"  cellpadding="0"  border="1"  align="center"  style="text-align:center;margin:0 auto;	border:1px solid #827d7d;font-size:12px;">
	           				<thead>
	           					<tr>
									<td colspan="17" style="font-size:14px;font-weight:bold;border:none">视频质量诊断统计</td>									
								</tr>
								<tr style="border-top: 1px solid #827d7d;">										
									<td id="timeTJ" colspan="17" style="text-align:right;border:none;padding: 15px;">制表时间：2018-12-28 14:11:49</td>
								</tr>
	           					<tr>
	           						<th >序号</th>
       	 							<th >行政区划</th>
       	 							<th >点位总数</th>
       	 							<th >未巡检数</th>
       	 							<th >在线数</th>
       	 							<th >离线数</th>
       	 							<th >在线率</th>
       	 							<th >视频正常数</th>
       	 							<th >视频异常数</th>
       	 							<th >视频完好率</th>
       	 							<th >视频丢失</th>
       	 							<th >视频遮挡</th>
       	 							<th>场景变更</th>
       	 							<th>亮度过低</th>
       	 							<th>亮度过高</th>
       	 							<th>图像模糊</th>
       	 							<th>图像偏色</th>
	           					</tr>
		           			</thead>
       	 					<tbody id='searchGridList'>
       	 					</tbody>
       	 				</table>
       	 				
           			</div>
           		</div> 
           	<div id="pp" style="background: rgb(249, 250, 249);"></div>
           	</div> 
        </div>
            <form action="" method="post" name="excelForm" id="excelForm" style="display: none;">
    	</form>
    	
	</body>
</html>	
