<%@ 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"%>
		<script type="text/javascript" src="../../../common/js/echarts/echarts.min.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="pointrecord.js"></script>
		<script type="text/javascript" src="EchartsBase.js"></script>
		<link rel="stylesheet" href="../../css/count.css">
		<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;
			}
			.img-box{font-size:14px !important;}
			.imgcontainer{margin:0 auto !important;}
		</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">
        	    	<div style="margin-top: 8px;margin-bottom: 8px">监控点名称：</div>
					<input id="videoname" class="easyui-textbox" >
		        </div>
		        <div class="fl">
        	    	<div style="margin-top: 8px;margin-bottom: 8px">设备IP：</div>
					<input id="sbip" class="easyui-textbox" >
		        </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="" id="controlDate" >
		       		<span class="text-content">统计时间：</span>
					<span> 
                       	<input name="controlStartTime"  id="datetimeStart" type="text"  class="easyui-datebox" placeholder="起始时间">-
                       	 &nbsp;&nbsp;
                       	 <input name="controlEndTime"   id="datetimeEnd" type="text"  class="easyui-datebox" placeholder="截止时间">
                    </span>
				</div> --> 
			 	<div class="fl"  style="" id="controlDate" >
		       		<div style="margin-top: 8px;margin-bottom: 8px">统计时间(起)：</div>
                    <input name="controlStartTime"  id="datetimeStart" type="text"  class="easyui-datebox" placeholder="起始时间">
				</div>
				<div class="fl"  style="" id="controlDate" >
		       		<div style="margin-top: 8px;margin-bottom: 8px">统计时间(止)：</div>
                    <input name="controlEndTime"   id="datetimeEnd" type="text"  class="easyui-datebox" placeholder="截止时间">
				</div>
			 
			<div class="fl" id="treediv">
						<div style="margin-top: 8px;margin-bottom: 8px">行政目录：</div>
						<ul id="deviceName"  class="ztree">
						</ul>
					</div>
		</div>
		</div>
		  <div data-options="region:'center',split:false,border:false">
		           <div style="height:430px;" id="searchGridPicDiv">
		  				<div style="height:33px;">
			           		<table id='searchGridStatics' >
			           			
			           		</table> 
		           		</div>	
		           		<div id='searchGridPic'  style="height:100%;width:100%;"></div> 
		           </div>
	   				<div style="height:100%;display:none;margin:0 auto;" id="searchGridListDiv" >
		           		<table id='searchGridList' >
		           		</table> 
		           </div>
            </div>
            <form action="" method="post" name="excelForm" id="excelForm" style="display: none;">
    		</form>
	</body>
</html>	
