<%@ 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 type="text/javascript" src="../../common/js/comboTreePlugin.js"></script>
	<link rel="stylesheet" href="../../common/js/style.css">

	<script src="../../ptxztree/tree/bootstrap.min.js"></script>
	<script type="text/javascript" src="regionAssessmentCount.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 data-options="region:'center',split:false,border:false">
	<div class="form-line clearfix">
		<div class="fl">
			<div style="margin-top: 8px;margin-bottom: 8px">统计时间(起)：</div>
		</div>
		<div class="fl">
		<input id="datetimeStart" type="text"  class="easyui-datebox" placeholder="起始时间">
		</div>
		<div class="fl">
			<div  style="margin-top: 8px;margin-bottom: 8px">统计时间(止)：</div>
		</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">
			<input name="datetimeEnd"   id="datetimeEnd" type="text"  class="easyui-datebox">
		</div>
		<div class="fl" >
			<div style="margin-top: 8px;margin-bottom: 8px">设备类型：</div>
		</div>
		<div class="fl" >
			<input id="lb" class="easyui-combobox"/>
		</div>
		<div class="fl" id="treediv">
			<div class='fl'>
				<span class="text-content">行政分组：</span>
			</div>
			<div class='fl'>
				<input type="text" id="xzbh" placeholder="Select"  style="padding-top: 5px"/>
			</div>
		</div>
	</div>
	<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">导出Excel</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="setWeight('')" 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="height:99%;overflow:auto;padding:5px 5px;margin:5px 5px;" >
				<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="11" style="font-size:14px;font-weight:bold;border:none">区域运维考核统计</td>
					</tr>
					<tr style="border-top: 1px solid #827d7d;">
						<td id="timeTJ" colspan="11" 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 >在线率<span id="zxl"></span></th>
						<th >视频完好率<span id="spwhl"></span></th>
						<th >录像完好率<span id="lxwhl"></span></th>
						<th >经纬度采集率<span id="jwdcjl"></span></th>
						<th >修复率<span id="xfl"></span></th>
						<th >总分</th>
						<th >排名</th>
					</tr>
					</thead>
					<tbody id='searchGridList'>
					</tbody>
				</table>

			</div>
		</div>
		<!-- <div id="pp" style="background: rgb(249, 250, 249);margin:0 6px;"></div> -->
	</div>
</div>
<form action="" method="post" name="excelForm" id="excelForm" style="display: none;">
</form>

</body>
</html>	
