<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@page import="java.text.SimpleDateFormat"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String serverip=request.getServerName()+":"+request.getServerPort();

SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
String nowDat=format.format(new Date());

%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<%=basePath%>" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>北斗位置服务平台</title>
<link rel="stylesheet"
	href="<%=path%>/gpsonline/css/report/baobiao/ecar_v3.css" />
<link rel="stylesheet"
	href="<%=path%>/gpsonline/css/report/baobiao/report.css" />
<link rel="stylesheet"
	href="<%=path%>/gpsonline/css/monitor/user/monitor.css" />
<link rel="stylesheet"
	href="<%=path%>/gpsonline/css/monitor/user/userframe-c.css" />
<script type="text/javascript" src="<%=path%>/gpsonline/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<%=path%>/gpsonline/js/report/report.js"></script>
<script type="text/javascript" src="<%=path%>/gpsonline/js/calendar/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="<%=path%>/gpsonline/js/report/inputsearch.js"></script>
<style>
	*{font-size:12px;}
	.Wdate{height:20px !important;}
    body{position: relative;}
	html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    font-size: 12px;
    overflow-y: auto;
	}
	
	#report_searchListOutCanvas {
    display: none;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid rgb(149, 188, 240);
    background-color: rgb(253, 253, 253);
    position: absolute;
    z-index: 1;
    height: 200px;
    width: 214px;
    word-break: keep-all;
    white-space: nowrap;
    margin-top: 50px;
    margin-left: 65px;
	}
	
	#report_searchinput {
    border-width: 1px medium 1px 1px;
    border-style: solid none solid solid;
    border-color: rgb(193, 193, 193) -moz-use-text-color rgb(193, 193, 193) rgb(193, 193, 193);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    color: rgb(153, 153, 153);
    font-size: 12px;
    height: 18px;
    margin: 0px;
    padding-left: 0px;
    width: 198px;
	}
	
	a {
    white-space: nowrap;
    text-decoration: none;
    color: rgb(51, 51, 51);
	}
	

	
	.search_item{ background:#fff; color:#333;line-height:16px;text-indent: 6px;}
	.search_item_over{ background:#4465D5; color:#fff;line-height:16px;text-indent: 6px;}
</style>
<script type="text/javascript">
 $(function(){
		  var d = new Date();
		  var vYear = d.getFullYear();
		  var vMon = d.getMonth() + 1;
		  var vDay = d.getDate();
		  var start=vYear + "-" + (vMon < 10 ? "0" + vMon : vMon) + "-" + (vDay < 10 ? "0" + vDay : vDay) + " 00:00:00";
		  var end=vYear + "-" + (vMon < 10 ? "0" + vMon : vMon) + "-" + (vDay < 10 ? "0" + vDay : vDay) + " 23:59:59";
		  $("#start").val(start);
		  $("#end").val(end);		  
	 });
</script>	 
</head>
<body>
    <!--report开始-->
   			    <div class="pageShowCanvas" style=" position: absolute!important; top: 0px!important; height: auto!important; position: relative; top: -97px; _top: 0px; height: 100%; bottom: 0px; right: 0px; left: 0px; background: #8C98AE; overflow: hidden; ">			     
       <!--bd [[-->
               <div id="bd">              
                   <!--left-->
                   <div class="col-min">
                   	<!--left nav [[-->
                       <div id="leftnav">
                       	<div class="mod-nav">
                           <!-- class=[close] -->
                           	<div class="hd">
                                   <h3>运行统计</h3>
                               </div>
                               <div class="bd">
                                   <ul id="run_statics_menus" name="statics_menus">
                                   	   <li class="first on"><a href="javascript:;" id="running_Statistics">行驶统计</a></li>
                                       <li><a href="javascript:;" id="mileage_Statistics">里程统计</a></li>
                                       <li><a href="javascript:;" id="overspeed_Statistics">超速统计</a></li>
                                   </ul>
                               </div>
                           </div>
                           
                           <div class="mod-nav">
                               <div class="hd">
                                   <h3>报警统计</h3>
                               </div>
                               <div class="bd">
                                   <ul id="warm_statics_menus" name="statics_menus">
                                   <li><a href="javascript:;" id="warmming_Statistics">报警统计</a></li>
                                   </ul>
                               </div>
                           </div>
                           
                       </div>
                       <!--left nav ]]-->                       
                   </div>
                   <!--left end-->

                   <!--right-->
                   <div class="col-main">
                   	<!--centerdiv [[-->
                       <div name="staticsDiv" class="centerDiv">
                       	<div class="mod-report">
                               <!--title [[-->
                               <div class="hd" id="report_title"><h2>行驶统计<!-- 运行统计总览 -->
                                   </h2>
                               </div>
                               <!--title ]]-->
                               <!--right main [[-->
                               <div class="bd">
                                   <!--search [[-->
                                   <div class="block-forms">
                                       <div class="rr">
                                               <table border="0" cellspacing="0" cellpadding="0" class="tj_tab_input">
                                                   <tr>
                                                       <td class="a">
                                                       		<div style="text-align:left;">
																<div id="report_searchListOutCanvas" style="margin-top: 20px; margin-left: 65px; display: none;"></div>	
																<div style="overflow:hidden;zoom:1;">
																	<div style="float: left; width: 65px; padding-top: 2px;">设备名称：</div>
																	<div style="float: left;"><input presearvalue="" autocomplete="off" name="report_searchinput" type="text" id="report_searchinput" onfocus="searchFocus(this)" onblur="searchBlur(this)" value="请输入设备ID/设备名称/SIM卡号"/></div>
																	<div style="float: left;"><a onclick="viewSearchListAll()" onblur="isSearchFocus = false;" href="javascript:void(0);"><img height="20" border="0" align="absmiddle" width="33" src="<%=path%>/gpsonline/image/report/productsearch_03.png"></a></div>
																</div>
																      
																<input name="selectTarget" type="hidden" id="userid" value=""/>
																  &nbsp;
															</div>                                                      		
                                                       </td>
                                                    </tr>
                                                    <tr>                                                       
                                                       <td class="c">
	                                                           开始时间： <input type="text" name="startTime" id="start" style="width: 150px;" onkeydown="return false" onkeyup="return false" oncontextmenu="return false"
																	class="Wdate" onclick="WdatePicker({el:$dp.$('d12'),skin:'simple',dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'#F{$dp.$D(\'end\')}'})" /> &nbsp;
	                                                           结束时间：<input type="text" name="endTime" id="end" style="width: 150px;" onkeydown="return false" onkeyup="return false" oncontextmenu="return false"
																	class="Wdate" onclick="WdatePicker({el:$dp.$('d12'),skin:'simple',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'start\')}'})" /> 
	                                                           <span class="btn-submit"><button id="statistics_button" type="button" name="Submit">查 询</button></span>
                                                       </td>
                                                   </tr>
                                               </table>
                                       </div>
                                   </div>
                                   <!--seacrh ]]-->
                                   
                                   <!--data [[-->
                                   <div class="block-data">
                                       <!-- listing [[ -->
                                       <div class="yunxing">
                                       	   <table id="mileage_report_table" name="report_table" width="100%" border="0" cellpadding="3" cellspacing="0" class="listtable" style="display: none">
                                               <tr class="firstrow">
                                                   <td class="first"><span>序号</span></td>
                                                   <td><span>设备名称</span></td>
                                                   <td><span>日期</span></td>
                                                   <td><span>里程(公里)</span></td>
                                               </tr>
                                               <tr class="total">
                                                <td>合计</td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>0</td>
                                               </tr>                                   
                                           </table>
                                           <table id="running_report_table" name="report_table" width="100%" border="0" cellpadding="3" cellspacing="0" class="listtable">
                                               <tr class="firstrow">
                                                   <td class="first"><span>序号</span></td>
                                                   <td><span>设备名称</span></td>
                                                   <td><span>起始时间(地点)</span></td>
                                                   <td><span>结束时间(地点)</span></td>
                                                   <td><span>里程(公里)</span></td>
                                               </tr>
                                                <tr class="total">
	                                                <td>合计</td>
	                                                <td>&nbsp;</td>
	                                                <td>&nbsp;</td>
	                                                <td>&nbsp;</td>
	                                                <td>0</td>
                                               </tr>                                     
                                         </table>
                                         <table id="overspeed_report_table" name="report_table" width="100%" border="0" cellpadding="3" cellspacing="0" class="listtable" style="display: none">
                                               <tr class="firstrow">
                                                   <td class="first" style="width:100px;"><span>序号</span></td>
                                                   <td style="width:150px;"><span>定位时间</span></td>
                                                   <td style="width:100px;"><span>速度(km/h)</span></td>
                                                   <td><span>地点</span></td>
                                               </tr>
                                               <tr class="listrow">
											      <td colspan="6">
											        <div class="nulldata">
											            没有符合条件的信息
											        </div>
											      </td>
											   </tr>                                      
                                          </table>
                                          <table id="warm_report_table" name="report_table" width="100%" border="0" cellpadding="3" cellspacing="0" class="listtable" style="display: none">
                                               <tr class="firstrow">
                                                   <td class="first"><span>序号</span></td>
                                                   <td><span>日期</span></td>
                                                   <td><span>报警类型</span></td>
                                               </tr>
                                               <tr class="listrow">
											      <td colspan="6">
											        <div class="nulldata">
											            没有符合条件的信息
											        </div>
											      </td>
											   </tr>                                     
                                          </table>                                          
                                         <div class="pager">
                                               <em>
                                               	   <!--  <span class="btn-excel" onclick="toRunPrint();"><button type="button">打印</button></span>-->
                                                    <span class="btn-submit"><button type="button" onclick="toRunExcel()">导出EXCEL</button></span>
                                               </em>
                                           </div>
                                           
                                       </div>
                                       <!-- listing ]] -->
                                   </div>
                                   <!--data ]]-->
                               </div>
                               <!--right main ]]-->                          
                           </div>
                       </div>
                       
                       <!--centerdiv ]]-->
                   </div>
                   <!--right end-->
                   
               </div>
               <!--bd ]]-->
               </div>
           <!--report结束-->
</body>
</html>
