<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@page import="cn.exlive.mygpsonline.bean.User"%>
<%@page import="cn.exlive.mygpsonline.bean.loginUser"%>
<%@page import="java.text.SimpleDateFormat"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String serverip=request.getServerName()+":"+request.getServerPort();
loginUser loginUser=(loginUser)session.getAttribute("user");

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>
<META http-equiv="X-UA-Compatible" content="IE=9" > </META>
		<link rel="Shortcut icon" href="<%=path%>/gpsonline/image/pic/logo.ico" type="image/x-icon"/> 
		<link rel="stylesheet" href="<%=path%>/gpsonline/css/cmonitor/user/monitor.css" />
		<link rel="stylesheet" href="<%=path%>/gpsonline/css/monitor/zTreeStyle.css" />
		<link rel="stylesheet" href="<%=path%>/gpsonline/css/cmonitor/user/marker.css" />
		<link rel="stylesheet"
			href="<%=path%>/gpsonline/css/cmonitor/user/userframe-c.css" />
		<link rel="stylesheet"
			href="<%=path%>/gpsonline/css/cmonitor/v3/global.css" />
		<link type="text/css" rel="stylesheet"
			href="<%=path%>/gpsonline/css/cmonitor/accordion.css" />
		<link href="<%=path%>/gpsonline/css/jquery-ui-1.10.3.custom.css" rel="stylesheet" />
		<script type="text/javascript" src="<%=path%>/gpsonline/js/jquery-1.4.4.min.js"></script>
	
		<script type="text/javascript" src="<%=path%>/gpsonline/js/jquery.cookie.js"></script>		
		<script type="text/javascript" src="<%=path%>/gpsonline/js/language.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/json2.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/main/main.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/cmonitor/monitor.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/cmonitor/video.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/inputsearch2.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/report/report.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/marker/jquery.ztree.core-3.5.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/marker/jquery.ztree.excheck-3.5.min.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/marker/jquery.ztree.exedit-3.5.min.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/cmarker/marker.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/cmarker/marker_bd.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/cmarker/markersearch.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/marker/markerMenu.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/jquery-ui-1.10.3.custom.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/monitor/mousewheel.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/calendar/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/tool/electronicFence.js"></script>
		<script type="text/javascript" src="<%=path%>/gpsonline/js/tool/fencesearch.js"></script>	
		<script type="text/javascript" src="<%=path%>/gpsonline/js/util.js"></script>
		
			
		<script type="text/javascript">
			
			var isEmbeddedPage=true;//用来表示此页面是内嵌监控页面
			function getScript(src) {
			    $("head").append("<script src='"+src+"'><\/script>");
			}
			
		    String.prototype.trim = function() {
			  return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
			}
			
			$("#open_right").hide();	
			function closeleft(){
				$("#leftFrameCanvas").hide();
				$("#rightFrameCanvas").css("left",0);
				$("#open_right").show();
				$("#open_left").hide();	
				$("#open_right").css("marginLeft",-264);
				//map.checkResize(map.getContainer());
				//alert(map.getDiv());
				google.maps.event.trigger(map, 'resize');
			}
			function openleft(){
				$("#leftFrameCanvas").show();
				$("#rightFrameCanvas").css("left",265);
				$("#open_right").hide();
				$("#open_left").show();
				google.maps.event.trigger(map, 'resize');			
			}
			(function($) {  
		        jQuery.fn.center = function () {  
		            this.css('position','absolute');  
		             this.css('top', ( $(window).height() - this.height() ) /2 +$(window).scrollTop() + 'px');  
		             this.css('left', ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + 'px');  
		             return this;  
		        }  
		    })(jQuery);  //调用：$("#macoArea").center();
			
			$(function(){
				$("#mainframe").click(function(){
					$("#mainframe").removeClass().addClass("right_menu_nor");
					$("#otherframe").removeClass().addClass("right_menu_select_s");	
					$("#closeframe").removeClass().addClass("right_menu_select_close_s");
					$("#otherframe2").removeClass().addClass("right_menu_select_s");	
					$("#closeframe2").removeClass().addClass("right_menu_select_close_s");	
					$("#index_iframe").hide();
					$("#index_iframe2").hide();
					$("#main_frame").show();
					google.maps.event.trigger(map, 'resize');
				});
				
				$("#closeframe").click(function(){
					$(this).hide();					
					$("#otherframe").hide();
					$("#otherframe").text("");
					
					$("#index_iframe").hide();
					$("#index_iframe2").hide();
					$("#main_frame").show();
					
					$("#mainframe").removeClass().addClass("right_menu_nor");
					$("#indexiframe").attr("src","");
					google.maps.event.trigger(map, 'resize');	
				});
				
				$("#closeframe2").click(function(){
					$(this).hide();					
					$("#otherframe2").hide();
					$("#otherframe2").text("");
					
					$("#index_iframe").hide();
					$("#index_iframe2").hide();
					$("#main_frame").show();
					
					$("#mainframe").removeClass().addClass("right_menu_nor");
					$("#indexiframe2").attr("src","");
					google.maps.event.trigger(map, 'resize');
				});
				
				$("#otherframe").click(function(){
					$("#main_frame").hide();
					$("#index_iframe2").hide();
					$("#index_iframe").show();
					$("#mainframe").removeClass().addClass("right_menu_nor_s");
					$("#otherframe2").removeClass().addClass("right_menu_select_s");	
					$("#closeframe2").removeClass().addClass("right_menu_select_close_s");
					$("#otherframe").removeClass().addClass("right_menu_select");	
					$("#closeframe").removeClass().addClass("right_menu_select_close");
				});
				
				
				$("#otherframe2").click(function(){
					$("#main_frame").hide();
					$("#index_iframe").hide();
					$("#index_iframe2").show();
					$("#mainframe").removeClass().addClass("right_menu_nor_s");
					$("#otherframe2").removeClass().addClass("right_menu_select");	
					$("#closeframe2").removeClass().addClass("right_menu_select_close");
					$("#otherframe").removeClass().addClass("right_menu_select_s");	
					$("#closeframe").removeClass().addClass("right_menu_select_close_s");
				});
				
			});

		
		</script>
		<style>
				.label-icon {position: absolute;right: 25px;top: 90px;}
		
				#markerImagesrc.on {border-color: #999999 #999999 #FFFFFF;background-position: center;}
				#markerImagesrc {background-color: #FFFFFF; border: 1px solid #FFFFFF;display: inline-block;height: 34px;position: relative;width: 32px;z-index: 99;background:  no-repeat;background-position: center;}
				
				#label-icon-list {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #999999;display: none;padding-bottom: 8px;position: absolute;right: 0;top: 32px;width: 300px;height: 110px;z-index: 9;overflow-y: auto;overflow-x: hidden;}
				ul {list-style-type: none;}
				#label-icon-list li {display: inline-block;float: left; margin: 3px;padding: 0;}
				li img {width: 27px;height: 27px;display: block;}
				
				div#electronicFence_tree_Menu {position:absolute; visibility:hidden; top:0; background-color:#fff;text-align: left;padding: 2px; border:1px solid #ccc;width: 80px;}
				div#electronicFence_tree_Menu ul li{margin: 1px 0;padding: 0 5px;cursor: pointer;list-style: none outside none;text-align: center;}
				
				/*.secondMenus li { padding:2px 5px; color:gray}*/
				
				.div#electronicFence_tree_Menu .lihover {color:#f00; }
				
				#markerGroupTree a{text-decoration: none;}
				
				#electronicFence_tree a{text-decoration: none;}
				
				
				div#marker_tree_Menu {position:absolute; visibility:hidden; top:0; background-color:#fff;text-align: left;padding: 2px; border:1px solid #ccc;width: 80px;}
				div#marker_tree_Menu ul li{margin: 1px 0;padding: 0 5px;cursor: pointer;list-style: none outside none;text-align: center;}
				/*.secondMenus li { padding:2px 5px; color:gray}*/
				
				.div#marker_tree_Menu .lihover {color:#f00; }
				
				.chepai_wrap {position: absolute; right: 0px;width: 240px;background: #fff; height:489px;z-index: 800;top: 90px;border: 1px solid #acabab;box-shadow: 3px 3px 10px #000;border-top-left-radius: 15px;
				overflow: hidden;}
				.chepai_title{background: #425c86;height: 40px;overflow: hidden;}
				.chapai_name_area{top:40px;padding-top:0px;    position: absolute;width: 100%;bottom: 0px;padding: 10px;box-sizing: border-box;overflow: auto;}}
				.chepai_search {margin: 0px 10px;margin-top: 10px; display:none}
				.chepai_search input {width: 100%;height: 28px;padding: 0px 5px;box-sizing: border-box;border: 1px solid #d0d0d0;display:none}
				.chepainame.active{color: #fff;background: #566a8a;}
				.chepai_span {float: left;margin-left: 10px;}
                .chepai_span, .chepai_close {display: block;color: #fff; line-height: 40px;}
                .chepainame {font-weight: 400;border-bottom: 1px solid #d0d0d0;padding: 5px 0px;cursor: pointer;text-indent: 4px;}
                .chepai_close {float: right;width: 40px;height: 40px;text-align: center; cursor: pointer;}
		</style>
		<style type="text/css">
			body{font-size:12px;}
			.tanchukuang_wrap{background:#fff;  border:1px solid #afaeae; overflow:hidden;}
			.tanchukuang_wrap h3{background:url(<%=path%>/gpsonline/image/areaQueryVehicle/title_bg.gif) repeat-x; height:33px; border-bottom:1px solid #d7d7d7; font-size:12px; margin:0px; padding:0px; line-height:33px; color:#575757; padding-left:10px; padding-right:5px;}
			.tanchukuang_close{background:url(<%=path%>/gpsonline/image/areaQueryVehicle/close.gif) no-repeat; width:14px; height:13px; display:block; float:right; margin-top:10px;}
			.tanchukuang_main{color:#737373; line-height:25px; font-weight:normal; padding:10px 5px 10px 15px;}
		</style>
	</head>
<body>
<input type="hidden" id="zMsg" name="zMsg" value="<%=request.getParameter("zMsg")%>"/>
<input type="hidden" id="mapType" name="mapType" value="<%=request.getParameter("mapType")%>" />
<input type="hidden" id="serverip" value="<%=serverip%>" />
<input type="hidden" id="usertypeId" value="<%=loginUser!=null?loginUser.getUserType():"" %>"/>
<input type="hidden" id="serverUrl" value="<%=basePath %>"/>
<input type="hidden" id="userId" value="<%=loginUser!=null?loginUser.getId():"" %>"/>
<div class="container">
	<b class="con_a">
    	<b class="con_b">
  			<div class="con_c">
                <!--main-->
                <div class="cpageShowCanvas" id="index_main">
                	<!--left-->
                    <div id="leftFrameCanvas">
                    	<!-- 用户树 -->
                        <div class="mod-prolist">
                        	<!--top-->
                            <div class="main_top">
                                <div id="myProlistTitle" class="com-titlebar">
                                    <h3><var key="myTarget">我的设备</var></h3>
                                </div>
                            	<!-- 设备搜索： -->
                                <div class="searchcvs"><div class="ctnr">
									<div style="float:left;">
										<input value="请输入设备ID/名称/SIM卡号" name="searchinput" autocomplete="off" id="searchinput" class="searchinput" onfocus="searchFocus(this)" onblur="searchBlur(this)" type="text"/>
									</div>
									<div class="suggest" onmouseout="isSearchFocus = false;"  onclick="viewSearchListAll()"></div>
									<div style="clear:left;width:200px;">
										<div style="display: none;" id="searchListOutCanvas"><span>...</span></div>
									</div>
								    </div>
								</div>
                                
                                <!-- 过滤按钮 -->
                                <div class="navigate" id="myNavigate">
									<ul>
										<li class="navigate_item navigate_item_over" onclick="allEquipment(this);">
											<span class="r"> <a href="javascript:;" > <var
														key="all">
														全部
													</var>(<span id="allcount"></span>) </a> </span>
										</li>
										<li class="navigate_item" onclick="onlineEquipment(this);">
											<span class="r"> <a href="javascript:;"> <var
														key="online">
														在线
													</var>(<span id="onlinecount"></span>) </a> </span>
										</li>
										<li class="navigate_item" onclick="unlineEquipment(this);">
											<span class="r"> <a href="javascript:;"> <var
														key="offline">
														离线
													</var>(<span id="unlinecount"></span>) </a> </span>
										</li>
									</ul>
								</div>
                          
                            </div>    
                            <!--top end-->
                            
                            <!--列表容器-->
                            <input type="hidden" id="elSelected" value=""/>
                            <div class="list_main" id="leftList">
                            	<dl class="accordion" id="group" style="width: 97%; font-weight:normal;"></dl>
                            </div>
                            
                        </div>
                        
                    </div>
                    <!--left end-->
                    
                    <!--middle-->
                    <div class="middle_shousuo">
                    	<a href="javascript:;" class="open_right" id="open_right" style="display: none;"
							onclick="openleft();"></a>
						<a href="javascript:;" onclick="closeleft();" class="open_left" id="open_left"></a>
                    </div>
                    <!--middle end-->
                    
                    <!--right-->
                    <div id="rightFrameCanvas">
                    
                       <div id="nearvehicles" class="chepai_wrap" style="display:none;" style='z-index:1000;'>
						   <div class="chepai_title">
						      <span id="nearvhcscounts" class="chepai_span">范围内车辆</span>
						      <span class="chepai_close" onclick="divhide();">×</span>
						    </div>
							<div class="chepai_search">
   								<input type="text" id="vhcsearchmm" onkeyup="choosevhs();" placeholder="请输入车牌号码">
							</div>
							<div id="nearvhcs" class="chapai_name_area">
							</div>
						</div>
                    
                    	
                    	<ul class="right_menu_all">
                    			<li>
	                    			<a id="mainframe" href="javascript:;" class="right_menu_nor">定位监控</a>
	                    		</li>
	                    		<li>
	                    			<span>
			                    		<a id="otherframe" href="javascript:;" style="display: none"  class="right_menu_select"></a>
			                    	</span>
			                    	<span>
			                    		<a id="closeframe" href="javascript:;" style="display: none"  class="right_menu_select_close"></a>
			                    	</span>
			                    </li>
			                    
			                    <li>
	                       			<span>
			                       		<a id="otherframe2" href="javascript:;" style="display: none" class="right_menu_select"></a>
			                       	</span>
			                       	<span>
			                    		<a id="closeframe2" href="javascript:;" style="display: none" class="right_menu_select_close"></a>
			                    	</span>
			                    </li>
                      	</ul>
                       <!--标注-->
                    	<div class="marker_wrap">
                    		<!--open-->
                            <div class="marker_open" style="display: none;" id="biaozhu_open">
                            	<!--top-->
                                <div class="marker_open_top">
                                	<a class="marker_open_close" href="javascript:close()">
                                    	<span></span>
                                    </a>
                                    <div class="marker_title">
                                    	<a href="javascript:electronicFence.tree.hide();" class="ico_marker"></a>
                                    	<a href="javascript:electronicFence.tree.show();" class="ico_weilan"></a>
                                    </div>
                                    <div id="marker_dot" class="marker_dot"></div>
                                </div>
                                <!--top end-->
                                
                                <div class="marker_main_bg"></div>
                                <div class="marker_main">
                                	<div style="position: absolute;">                               		 
                                		<ul>
                                		<li id="marker_pane">
		                                    <div class="marker_search marker_line">
		                                        <!-- 标注搜索开始： -->
				                                <div class="searchcvs"><div class="ctnr">
													<div style="float:left;">
														<input value="请输入标注名称" style="width:160px;" name="markersearchinput" autocomplete="off" id="markersearchinput" class="searchinput" onfocus="markersearchFocus(this)" onblur="markersearchBlur(this)" type="text"/>
													</div>
													<div class="suggest" onmouseout="ismarkerSearchFocus = false;"  onclick="markerviewSearchListAll()"></div>
													<div style="clear:left;width:200px;">
														<div style="display: none;position: absolute;background: #FFF; width: 207px;height: 200px; margin-left: -10px; border: 1px solid #95BCF0; margin-top: 3px;overflow: auto;" id="markersearchListOutCanvas"><span>...</span></div>
													</div>
												    </div>
												    <!-- 标注搜索结束： -->
												</div>
		                                    </div>
		                                    <div id ="markerGroupTreeCanvas" style="width: 220px; height: 388px; overflow-y: auto;">
		                                    <ul id="markerGroupTree" class="ztree"></ul>
		                                    </div>
	                                   </li>
	                                   <li id="electronicFence_pane" style="display: none;">
	                                   		<div class="marker_search marker_line">
		                                        <!-- 标注搜索开始： -->
				                                <div class="searchcvs"><div class="ctnr">
													<div style="float:left;">
														<input value="请输入围栏名称" style="width:160px;" name="fencesearchinput" autocomplete="off" id="fencesearchinput" class="searchinput" onfocus="fencesearchFocus(this)" onblur="fencesearchBlur(this)" type="text"/>
													</div>
													<div class="suggest" onmouseout="isfenceSearchFocus = false;"  onclick="fenceviewSearchListAll()"></div>
													<div style="clear:left;width:200px;">
														<div style="display: none;position: absolute;background: #FFF; width: 207px;height: 200px; margin-left: -10px; border: 1px solid #95BCF0; margin-top: 3px;overflow: auto;" id="fencesearchListOutCanvas"><span>...</span></div>
													</div>
												    </div>
												    <!-- 标注搜索结束： -->
												</div>
		                                    </div>
	                                   		<div id ="electronicFence_tree_canvas" style="width: 220px; height: 388px; overflow-y: auto;">
		                                    	<ul id="electronicFence_tree" class="ztree"></ul>
		                                    </div>		                                 
	                                   </li>
	                                   </ul>
                                    </div>
                                </div>
                            </div>
                            <!--open end-->
                            
                            <!--close-->
                            <a class="marker_close" style="display: block;" href="javascript:openMarkerPanel();" id="biaozhu_close">
                                <span></span>
                            </a>
                            <!--close end-->
                   		</div>
                        <!--标注 end-->
                        <div id="main_frame">                        	 
                       		 <jsp:include page="/gpsonline/jsp/cmonitor/MianMap.jsp" flush="true" />	      
                        </div>
                        
                        <!--iframe开始-->
                        <div id="index_iframe" style="height:100%;width: 100%;display: none;overflow:hidden;">
								<iframe style="width: 100%;" id="indexiframe" src=""></iframe>							   	      
                        </div>
                         <div id="index_iframe2" style="height:100%;width: 100%;display: none;overflow:hidden;">
								<iframe style="width: 100%;" id="indexiframe2" src=""></iframe>							   	      
                        </div>
                        <!--iframe结束->	
                   
                    </div>
                    <!--right end-->
                    
                </div>
                <!--main end-->      
            </div>
            
        </b>
    </b>
  
</div>

<!-- 电子围栏弹出菜单开始 -->
  	<div id="electronicFence_tree_Menu" style="z-index: 900;">
			<ul>
				<li id="electronicFence_tree_Menu_refresh" onclick="electronicFence.tree.menu.refresh();" onmouseover="this.style.color='#f00';" onmouseout="this.style.color=''">刷新围栏</li>
				
				<li id="electronicFence_tree_Menu_add" onclick="electronicFence.tree.menu.add();" onmouseover="this.style.color='#f00';" onmouseout="this.style.color=''">增加围栏</li>
				<!-- 
				<li id="he_1">
					<div style="overflow:hidden;background:#999;height:1px;"></div>
				</li>
				-->
				<li id="electronicFence_tree_Menu_update" onclick="electronicFence.tree.menu.update();" onmouseover="this.style.color='#f00';" onmouseout="this.style.color=''">修改名称</li>
				<!-- 
				<li id="he_2"  style="padding-top: 0px;">
					<div style="overflow:hidden;background:#999;height:1px;"></div>
				</li>
				-->
				<li id="electronicFence_tree_Menu_del" onclick="electronicFence.tree.menu.del();" onmouseover="this.style.color='#f00';" onmouseout="this.style.color=''">删除对象</li>
				<!-- 
				<li id="he_3"  style="padding-top: 0px;">
					<div style="overflow:hidden;background:#999;height:1px;"></div>
				</li>
				 -->
				<li id="electronicFence_tree_Menu_event" onclick="electronicFence.tree.menu.editEvent();" onmouseover="this.style.color='#f00';" onmouseout="this.style.color=''">编辑事件</li>
				
				<li id="electronicFence_tree_Menu_bingding" onclick="electronicFence.tree.menu.bingding();" onmouseover="this.style.color='#f00';" onmouseout="this.style.color=''">绑定设备</li>
			</ul>
	</div>
<!-- 电子围栏弹出菜单结束 -->
<!-- 电子围栏窗口开始 -->
<div class="electronicFence_Box" id="electronicFence_ContentWin" style="display: none;">
	<div class="top"></div>
	<div class="center">
  		<h3 id="move_electronicFence_Win">
        	<a href="javascript:;" title="关闭" class="message_close" id="close_electronicFence_Win"></a>
        	<span>电子围栏属性</span>
        </h3>
        <div class="electronicFence_main" id="electronicFence_main">
        
        	<table width="100%" border="0" style="line-height:35px;">
        		<tr>
        			<td style="width:60px;">围栏名称: </td>
        			<td style="width:120px;">
        				<input type="text" id="electronicFence_name"></input>
        				<input type="hidden" id="electronicFence_type" value="0"></input>
        			</td>
        			<td style="width:60px;"><span style="color:rgb(153, 153, 153);" id="fenceAddNameMsg">*不能为空</span></td>
        		</tr>	
        		<tr>
        			<td></td>
        			<td>
        				<input type="button" id="saveFenceBtn_" value="确定" onclick="electronicFence.win.add();" style="width:80px; height:30px; margin-left:30px; margin-top:20px;" />
        				<input type="button" id="updateFenceBtn_" value="修改" onclick="electronicFence.win.update();" style="width:80px; height:30px; margin-left:30px; margin-top:20px;display: none;" />
        			</td>
        			<td></td>
        		</tr>
        	</table>				
        </div>
	</div>
	<div class="bot"></div>
</div>
<!-- 电子围栏窗口结束 -->

<!-- 电子围栏车辆绑定窗口开始 -->
<div class="electronicFence_vehicle_binding_Box" id="electronicFence_vehicle_binding_ContentWin" style="display: none;font-weight: normal;">
	<div class="top"></div>
	<div class="center">
  		<h3 id="move_electronicFence_vehicle_binding_Win">
        	<a href="javascript:;" title="关闭" class="message_close" id="close_electronicFence_vehicle_binding_Win"></a>
        	<span>电子围栏绑定设备</span>
        </h3>
        <div id="electronicFence_vehicle_binding_main">
        	<table width="100%" border="0" style="line-height:45px;">
        		<tr>
        			<td>
        				<span style="margin-left: 30px; display: block;">
	        				 <input type="radio" onchange="changefenceTypeRadio(1);" name="electronicFence_type_radio" id="electronicFence_type_polyArea" value="1">多边形区域</input>
	        				 <input type="radio" onchange="changefenceTypeRadio(2);" name="electronicFence_type_radio" id="electronicFence_type_line" style="margin-left: 30px;display: none;" value="2"><span style="display: none;">规划行驶路线</span></input>
        					 <span style="margin-left: 30px;"> 
        					     所属分组: <select id="fence_vehicle_group"  style="margin-right: 50px;width: 100px;"   onchange="showVechiletoFenceTable($(this).val().split('_')[2])"></select> 
	        				 </span>
	        				 <span style=""> 
	        						选择围栏: <select id="fence_selecte_id" onchange="changefence()" style="width: 100px;"></select> 
	        				 </span>
        				</span>
        			</td>
        		</tr>	
        		<tr>
        			<td>
        				 <div id="electronicFence_vehicle_table_title" >		
        				 		<table width="100%" border="0" align="center" cellpadding="0"
									cellspacing="0" class="table_style" style="line-height: 25px;">
									<thead>
										<tr id="fence_lien_table_title" style="display: none;">
											<th scope="col">
												车牌号码
											</th>
											<th width="90px;" scope="col">
												偏离距离(米)
											</th>
											<th scope="col">
												超时停车(分钟)
											</th>
											<th scope="col">
												最高速度(km/h)
											</th>
											<th scope="col">
												开始时间
											</th>
											<th scope="col">
												结束时间
											</th>
										</tr>
										<tr id="fence_poly_table_title" style="display: none;">
											<th scope="col">
												车牌号码
											</th>
											<th scope="col">
												报警类型
											</th>
											<th scope="col">
												围栏内限速
											</th>
											<th scope="col">
												开始时间
											</th>
											<th scope="col">
												结束时间
											</th>
										</tr>
									</thead>
								</table>						
								<div id="electronicFence_vehicle_content"
									style="display: block; overflow-y: auto;overflow-x: hidden; top: 60px;height: 156px;overflow:auto;border-bottom: 1px solid #e8e8e8; ">
									
									<table id="electronicFence_vehicle_table_content" width="100%" border="0"
										align="center" cellpadding="0" cellspacing="0"
										class="table_style" style="line-height: 25px;">
										<tbody>
										</tbody>
									</table>
								</div>
							</div>
						</div>
        			</td>
        		</tr>
        		<tr>
        			<td>
        				<span style="color: red; margin-left: 100px; position: absolute;" id="fencesaveMsg"></span>
        				<input type="button" id="saveFenceBtn" value="确定" onclick="savebingdingVehicletoFence()" style="width:80px; height:30px; margin-left:230px; margin-top:10px;margin-bottom: 10px;" />
        				<input type="button" id="cancleFenceBtn" value="全部取消" onclick="cancleFencebingdingVehicletoFence()" style="width:80px; margin-left:50px;  height:30px; margin-top:10px;" />
        			</td>
        		</tr>
        	</table>				
        </div>
	</div>
	<div class="bot"></div>
</div>
<!-- 电子围栏车辆绑定窗口结束 -->

<!-- 标注弹出菜单开始 -->
  	<div id="marker_tree_Menu" style="z-index: 900;">
			<ul>
				<!-- 
				<li id="he_1">
					<div style="overflow:hidden;background:#999;height:1px;"></div>
				</li>
				-->
				<li id="marker_tree_Menu_update" markerId="" onclick="MarkerTreeMenu.update(this);" onmouseover="this.style.color='#f00';" onmouseout="this.style.color=''">修改标注</li>
				<!-- 
				<li id="he_2"  style="padding-top: 0px;">
					<div style="overflow:hidden;background:#999;height:1px;"></div>
				</li>
				-->
				<li id="marker_tree_Menu_del" markerId="" onclick="MarkerTreeMenu.del(this);" onmouseover="this.style.color='#f00';" onmouseout="this.style.color=''">删除标注</li>
				<!-- 
				<li id="he_3"  style="padding-top: 0px;">
					<div style="overflow:hidden;background:#999;height:1px;"></div>
				</li>
				 -->				
				<li id="marker_tree_Menu_bingding" markerId="" onclick="MarkerTreeMenu.bingding(this);" onmouseover="this.style.color='#f00';" onmouseout="this.style.color=''">绑定设备</li>
			</ul>
	</div>
<!-- 标注弹出菜单结束 -->

<!-- 标注车辆绑定窗口开始 -->
<div class="marker_vehicle_binding_Box" id="marker_vehicle_binding_ContentWin" style="display: none;font-weight: normal;">
	<div class="top"></div>
	<div class="center">
  		<h3 id="move_marker_vehicle_binding_Win">
        	<a href="javascript:;" title="关闭" class="message_close" id="close_marker_vehicle_binding_Win"></a>
        	<span id="markerBangdingVehicleTitle">标注绑定设备</span>
        </h3>
        <div id="marker_vehicle_binding_main">
        	<table border="0" style="line-height:45px;">
        		<tr>
        			<td>
        				<span style="margin-left: 30px; display: block;">	    			
        					 <span style="margin-left: 30px;"> 
        					     所属分组: <select id="marker_vehicle_group"  style="margin-right: 50px;"   onchange="showVechiletoMarkerbangdingTable($(this).val().split('_')[0])"></select> 
	        				 </span>	        				
        				</span>
        			</td>
        		</tr>	
        		<tr>
        			<td>
        				 <div id="marker_vehicle_table_title" >		
        				 		<table border="0" align="center" cellpadding="0"
									cellspacing="0" class="marker_table_style" style="line-height: 25px;width: 100%;">
									<thead>
										<tr id="marker_table_title">
											<th scope="col" style="width: 100px;">
												车牌号码
											</th>
											<th scope="col" style="width: 100px;">
												驶入报警
											</th>
											<th scope="col" style="width: 100px;">
												驶出报警
											</th>
											<th scope="col" style="width: 100px;">
												记录出入
											</th>
											<th scope="col">
												停车超时(分钟)
											</th>
										</tr>
									</thead>
								</table>						
								<div id="marker_vehicle_content"
									style="display: block; overflow-y: auto;overflow-x: hidden; top: 60px;height: 156px;overflow:auto;border-bottom: 1px solid #e8e8e8;">
									
									<table id="marker_vehicle_table_content" border="0"
										align="center" cellpadding="0" cellspacing="0"
										class="marker_table_style" style="line-height: 25px;width: 100%;">
										<tbody>
										</tbody>
									</table>
								</div>
							</div>
						</div>
        			</td>
        		</tr>
        		<tr>
        			<td>
        				<span style="color: red; margin-left: 100px; position: absolute;" id="markersaveMsg"></span>
        				<input type="button" id="saveMarkerBtn" markerId="" value="确定" onclick="savebingdingVehicletoMarker(this)" style="width:80px; height:30px; margin-left:200px; margin-top:10px;margin-bottom: 10px;" />
        			</td>
        		</tr>
        	</table>				
        </div>
	</div>
	<div class="bot"></div>
</div>
<!-- 标注车辆绑定窗口结束 -->

<!-- 弹出菜单开始 -->
<div class="downMenus" id="downMenus" style="display: none;">
	<div class="secondMenus" id="secondMenus" style="z-index:10000;">
	  <ul>
	 	  <!-- <li>设备信息</li>-->
	  	  <li id="order">
	  	  	<span style="float:right">&gt;&gt;</span>
	  	  	设备指令
	  	 
	  	  </li>
	  	  <li onclick="loadtrack(this);">下载轨迹</li>
	  </ul>
	</div>
	<div class="thridMenus" id="thridMenus" style="z-index:20000;">  
	  <div><Li id="thridMenusup">︽</Li></div>
	  <ul>
	  </ul>
	  <div> <Li id="thridMenusdown">︾</Li></div>
	</div>
</div>
<!-- 弹出菜单结束 -->
<!-- obd -->
<div class="box" id="trackContentWin_obd" style="display: none">
	<div class="top"></div>
	<div class="center">
  		<h3 id="movetrackWin">
        	<a href="javascript:;" title="关闭" class="message_close" onclick="closeTrackWin_obd();"></a>
        	OBD数据
        </h3>
        <div class="message_main" style="width:550px;">
       		<div style="" id="obd_nonull">
	       		<h6 style="border-bottom:1px solid #d6d6d6; color:#000; font-size:14px; padding:0px 5px;"></h6>
	       		<div id="obdinfo" style="line-height:30px; color:#666;margin: 0px 20px;">
	       			
	       		</div>
	       		
	       		<div style="text-align:center"><input type="button" value="刷新" style="width: 80px;height: 30px; margin-top: 30px;" onclick="getObdData();"/></div>
			</div>
       
       		<div id="obd_null" style="display:none; text-align:center; margin-top:100px; font-size:14px; color:#f00">* 暂不支持该功能！</div>
        </div>
	</div>
	<div class="bot"></div>
</div>
<!-- obd  -->
<!-- 轨迹下载开始 -->
<div class="box" id="trackContentWin" style="display: none">
	<div class="top"></div>
	<div class="center">
  		<h3 id="movetrackWin">
        	<a href="javascript:;" title="关闭" class="message_close" onclick="closeTrackWin();"></a>
        	下载轨迹
        </h3>
        
        <div class="message_main">
        <form id="trackloadform" action="<%=path%>/json/vehicleAction_GetJsonVdata.action?cret=null&datatype=1&ip=&key=e617a19e0b2621bffb239dc0eb836bdf&port=&timeorder=0&vehicle=&kml=1" method="post">
		<div style="background-color: #FFF;height:70% ">
		    选择设备:<select name="vhcid" id='trackVId'>                             
				      </select>
			   <br/>
		   
			   轨迹日期:<input type="text" name="begin_time" value='<%=nowDat %>'  id="start" style="width: 150px;" onkeydown="return false" onkeyup="return false" oncontextmenu="return false"
						class="Wdate"
						 onFocus="WdatePicker({el:$dp.$('d12'),skin:'simple',dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'#F{$dp.$D(\'end\')}'})"})" />
						 -
						 <input type="text" name="end_time" value='<%=nowDat %>' id="end" style="width: 150px;" onkeydown="return false" onkeyup="return false" oncontextmenu="return false"
						class="Wdate"
						 onFocus="WdatePicker({el:$dp.$('d12'),skin:'simple',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'start\')}'})"/>
			  <input type="submit" style="width:50px; height:22px;" value="下载"/>
			   </br>

			   <h1>帮助</h1>
			  
			   <div class="info">您可以通过“下载轨迹”功能，下载指定设备某一日期内的移动轨迹数据。
			   </div>
			  <div class="notice">注意：如果单击“下载”按钮， 出现“没有找到有效的轨迹数据!”提示信息，
			   表示当前没有你需要下载的数据。</div>
			  <div  class="info">下载的轨迹文件的格式是Google KML格式，如:“文件名.kml”。
				安装 Google Earth后。双击KML文件，会通过Google Earth工具打开。
				所下载的"KML轨迹文件"会将设备的移动痕迹以红线动态的描绘在Google地图上。</p>
				<a href='http://dl.google.com/earth/client/ge4/release_4_3/googleearth-win-plus-4.3.7284.3916.exe'>»下载 Google Earth</a>
				</div>
		</div>
		</form>
        </div>
	</div>
	<div class="bot"></div>
</div>
<!-- 轨迹下载结束  -->
<!-- 命令发送开始 -->
<div class="cmdbox" id="cmdContentWin" style="display: none;">
	<div class="top"></div>
	<div class="center">
  		<h3 id="movecmdWin">
        	<a href="javascript:;" title="关闭" class="message_close" id="closecmdWin"></a>
        	<span id='cmdName'></span>
        </h3>
        <form id="cmd_form" action="<%=path%>/json/cmdAction_send.action" method="post">
        <div class="cmdmessage_main" id="cmdmessage_main">
            <span id="cmd_msg" style="color: rgb(153, 153, 153);display:  block;text-align: center;margin-top: -10px;"></span>
            <input type="hidden" id="cmdid"/>
		    <input type="hidden" id="mtid"/>
		    <input type="hidden" id="vid"/>
			<span>设备:</span><span id='equipmentName'></span><br/>
			<span>描述:</span><span id='equipmentdesc'></span><br/>
			<div id="cpcontent">
			</div>
			<input type="button" value="发送" onclick="sendCmd();" style="width:80px; height:30px; margin-left:90px; margin-top:20px;" />
			<!-- <a href='javascript:;' onclick='sendCmd();'>发送</a>|<a href='javascript:;' id='cancelCmd'>取消</a> -->
        </div>
        </form>
	</div>
	<div class="bot"></div>
</div>
<!-- 命令发送结束  -->

<!-- 添加组窗口开始 -->
<div class="group_box" id="addGroupContentWin" style="display: none;">
	<div class="top"></div>
	<div class="center">
  		<h3 id="moveGroupWin">
        	<a href="javascript:;" title="关闭" class="message_close" id="closeGroupWin"></a>
        	<span id="groupPanel">添加组</span>
        </h3>
        <div class="groupmessage_main" id="groupmessage_main">
			<span>组名:</span><input id='markerGroupName' style="height: 18px; width: 138px;"></input><span id="addMarkerGroupmsg" style="color:rgb(153, 153, 153);">*不能为空</span><br/>
			<input id="addMarkerGroup" type="button" value="添加" onclick="addMarkerGroup();" style="width:80px; height:30px; margin-left:70px; margin-top:20px;" />
			<input id="updateMarkerGroup" type="button" value="修改" onclick="updateMarkerGroup();" style="width:80px; height:30px; margin-left:70px; margin-top:20px;display: none;" />
        </div>
	</div>
	<div class="bot"></div>
</div>
<!-- 添加组窗口结束-->

<!-- 添加标注开始 -->
<div class="markerbox" id="markerContentWin" style="display: none;">
	<div class="top"></div>
	<div class="center">
  		<h3 id="moveMarkerWin">
        	<a href="javascript:;" title="关闭" class="message_close" id="closecmarkerWin"></a>
        	<span id='markerName'>添加标注</span>
        </h3>
        <div class="markermessage_main" id="markermessage_main">
        	<ul><li style="text-align:center;"><span id="addmarkermsg" style="color:rgb(153, 153, 153);">*标题不能为空</span></li></ul>
        	<table width="100%" border="0" style="line-height:35px;">
        		<tr id="addMarkerGroupSelect">
        			<td>标注组：</td>
        			<td>      				
       					<input type="hidden" id="markerId" class="searchinput" />
       					<input type="hidden" id="markerGroupId" style="width: 100px;"></input>
			        	<div class="marker_group_select_box">
			            	<span class="marker_group_select_txt"></span><a class="marker_group_selet_open"><b></b></a>
			            	<div class="marker_group_option" id="marker_group_option" style="height:128px;overflow-y:auto;background: white;">
			                </div>
			            </div>       				
        			</td>
        		</tr>
        			<tr>
        			<td><span style="height: 25px;">标题：</span></td>
        			<td>
        				<input id='markertitle' class="marker_input" style="height: 23px;width: 173px;"></input>
	        				<div class="label-icon">
	        					<a id="label-icon-edit" href="javascript:;"><span id="markerImagesrc" onclick="openMarkerselectWin();" class="markerImagesrc"></span></a>
								<br>
								
								<ul id="label-icon-list" style="display: none;z-index: 9999;">
									<span id="MarkerImgloading" style="padding:10px;color:#0099FF;">loading...</span>
								</ul>
	        				</div>
        			</td>      			
        		</tr>
        		<tr>
        			<td>客户号：</td>
        			<td>
        				<div style="width: 185px;*width:187px;vertical-align:middle;float:left">
        					<input id="clientId_prefix" class="marker_input" style="height: 23px;width: 23px;width: 23px\9\0;padding-left: 0px;" value="" disabled="disabled"></input>
	        				<a id="addcustomerNum" href="javascript:;" style="display:block;width:25px;height:25px;text-align: center;vertical-align:middle;background:url(<%=path %>/gpsonline/image/marker/ico_add.jpg) no-repeat 0 0;float:right; margin-top: 5px; border: none;*margin-top: -30px;" ></a>
	        				<input id='customerNum' class="marker_input" style="height: 23px;width: 126px;padding-left: 0px;" placeholder="请输入要添加的客户号"></input>       				
	        				<div style="clear:left;width:160px;">
								<div style="display: none;position: absolute;background: #FFF; width: 244px;height: 100px; margin-left: 0px; border: 1px solid #CCC; *margin-top: -4px;overflow: auto;z-index:9;border-bottom: 2px solid #CCC;" id="customerNumListOutCanvas">													
								</div>
							</div>							
						</div>
						<a id="addcustomerNum_Msg" style="color:#26a7e3;width:50px;" onclick="setSystemObject.openWin();sysSetTab_(3);">修改前缀</a>
        			</td>       			
        		</tr>
        		    		
        		<tr>
        			<td>描述：</td>
        			<td>
        				<input id='markerdesc'  class="marker_input" style="height: 23px;"></input>
        				<!-- <input type="hidden" id='markerlat' style="width: 60px;"/>
						<input type="hidden" id='markerlng' style="width: 60px;"/> -->
        			</td>
        			
        		</tr>
        		<tr>
        			<td>类型：</td>
        			<td>
        				<input type="radio" value="0" name="bzType" id="factoryselected" checked="checked"> 厂区 </input>
        				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        				<input type="radio" value="1" name="bzType" id="siteselected"/>工地</input>
        			</td>
        		</tr>    
       		
        		<tr>
        			<td><span style="height: 25px;">位置：</span></td>
        			<td>
        				经度：<input id="markerlng" type="text"/ style="width: 55px;" disabled="disabled">&nbsp;纬度：<input id="markerlat" type="text" style="width: 55px;" disabled="disabled"/>
        			</td>
        			
        		</tr>
        		<tr>
        			<td>区域半径：</td>
        			<td>
        				<div id="markerArea" style="width:160px; display:inline-block; float:left; margin-top:10px;"></div>&nbsp;&nbsp;&nbsp;
        				<span id="markersize" style="display:-moz-inline-box; display:inline-block; width:50px;">
        					<input id="marker_area_radius_input" value="500" style="width: 30px;" 
        						    onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"  
                                    onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}"/>m
        				</span>
        				<input type="hidden" id='leftlat'/>
						<input type="hidden" id='leftlng'/>
						<input type="hidden" id='rigthlat'/>
						<input type="hidden" id='rigthlng'/>
        			</td>
        			
        		</tr>        		
        		<tr>
        			<td></td>
        			<td>
        				<input type="button" value="添加" id="addMarkerButton" onclick="addMarker_Area();" style="width:80px; height:30px; margin-left:50px; margin-top:20px;" />
			        	<input type="button" value="修改" id="updateMarkerButton" onclick="updateMarker();" style="width:80px; height:30px; margin-left:50px; margin-top:20px;" />
        			</td>
        		</tr>
        			
        	</table>	
        </div>
	</div>
	<div class="bot"></div>
</div>
<!-- 添加标注结束  -->

<!-- 信息提示窗口开始 -->
<script type="text/javascript">
		function openCloseMsgWin(element){
			setToggle(element);
			
			showwarmmsg($("#overTime_vehicle"))
		}
		
		function setToggle(element){
		    if($(element).find('img').attr('id')=='icon_close'){
			   $("#msg-content").animate({height:"20px",width:"150px"},function(){
					$('#tabbox').empty();
					$('#tabbox').removeClass().addClass('tabminbox');
					$('#tabbox').append("<span id='warmtitle' style='margin-left:10px; float:left'>消息</span>"+
            							"<a href='javascript:;' style='float:right; width:30px;'>"+
            							"<img id='icon_open' src='<%=path%>/gpsonline/image/monitor/iw_max.gif' /></a>");
			   });
			   
			}else{
			    canclewarmtitle();//取消报警窗口提示信息闪动
				$('#tabbox').empty();
				$('#tabbox').append("<div style='float:left; width: 590px;'>"+
										"<ul class='tabs' id='tabs' >"+
							            	"<li><a id='warm_msg' onclick='showwarmmsg(event);' href='javascript:;' class='msg_s' title='报警信息'>报警信息</a></li>"+
									   		"<li><a id='comd_msg' onclick='showcmdmsg(event);' href='javascript:;' title='命令信息'>命令信息</a></li>"+
									   		"<li><a id='overTime_vehicle' onclick='showOverTimeVehicle(event);' href='javascript:;' title='即将过、已过期设备信息'>"+overTimeVehicleItemTitle()+"</a></li>"+
							            "</ul>"+
						           		"<label onclick='cancelPropagation(event);' style='line-height:20px;display:none;' id='alarmVoiceCheckBox'>["+
								    		"<input id='chk_voiceItem' onclick='warmvoiceselect();' type='checkbox' style='vertical-align:middle;'"+ (flagwarmvoice ? " checked='checked'" :"")+"></input>"+
								    		"<span> 开启报警声音</span>"+
								    	"]</label>"+
								    	"&nbsp;&nbsp;"+
								    	"<label onclick='cancelPropagation(event);' style='line-height:20px;display:none;' id='alarmFilterBtn'>["+
								    		"<a href='javascript:openPopuWin(\"<%=path%>/pub/vehicleAction_alarmTypeWin.action\");' style='vertical-align:middle;'><span style='color: white;vertical-align: top;'>过滤报警类型</span></a>"+
								    	"]</label>"+
								    	overTimeVehicleShowSetCheckInput(<%=loginUser!=null?loginUser.getId():"" %>)+
								    "</div>"+
								    "<a href='javascript:;' style='float:right; width:30px;'><img id='icon_close' src='<%=path%>/gpsonline/image/monitor/iw_min.gif' /></a>");
									
			    $('#tabbox').removeClass().addClass('tabmaxbox');
			    $("#msg-content").animate({height:"150px",width:"650px"});			       
			}
			stopWarnSound();//停止报警
		}

	    function showwarmmsg(event){
		   //event.stopPropagation();
		   stopBubble(event);
		   $('#comd_msg').attr('class','');
		   $('#warm_msg').attr('class','msg_s');
		   $('#overTime_vehicle').attr('class','');
		  
		   $('#cmdsgpanel').hide();
		   $('#warmmsgpanel').show();
		   $('#vehiclePanel').hide();
		   
		    showAlarmOrEqCheckBox(0);
		   
		}
		function showcmdmsg(event){
		   //event.stopPropagation();
		   stopBubble(event);
		   $('#comd_msg').attr('class','msg_s');
		   $('#overTime_vehicle').attr('class','');
		   $('#warm_msg').attr('class','');
		   
		   $('#vehiclePanel').hide();
		   $('#warmmsgpanel').hide();
		   $('#cmdsgpanel').show();
		   
		    showAlarmOrEqCheckBox(0);
		}
		function showOverTimeVehicle(event){
		   //event.stopPropagation();
		   stopBubble(event);
		   $('#overTime_vehicle').attr('class','msg_s');
		   $('#warm_msg').attr('class','');
		   $('#comd_msg').attr('class','');
		   
		   $('#cmdsgpanel').hide();
		   $('#warmmsgpanel').hide();
		   $('#vehiclePanel').show();
		   
		    showAlarmOrEqCheckBox(1);
		   
		}
	  function cancelPropagation(event){
	     //event.stopPropagation();
	     stopBubble(event);
	  }
	  function warmvoiceselect(){
		   if($("#chk_voiceItem").attr("checked")){
		      flagwarmvoice=true;
		      memoryWarmVoiceStatus(true);
		   }else{
		      flagwarmvoice=false;
		      memoryWarmVoiceStatus(false);
		      stopWarnSound();
		   }
	 }	
	 
	 	 
	 function showAlarmOrEqCheckBox(type){
	 			   
		   var alarmVoiceCheckBox = $('#alarmVoiceCheckBox');
		   var promptOvertimeEqCheckBox = $('#promptOvertimeEqCheckBox');
		   var alarmFilterBtn = $('#alarmFilterBtn');
		   
		   if(type == 0){
		   		alarmVoiceCheckBox.show();
		   		alarmFilterBtn.show();
		   		if(promptOvertimeEqCheckBox)promptOvertimeEqCheckBox.hide();
		   }else{
		   		alarmVoiceCheckBox.hide();
		   		alarmFilterBtn.hide();
		   		if(promptOvertimeEqCheckBox)promptOvertimeEqCheckBox.show();
		   }
		   
	 }
	 
	 
</script>
<div id="msg-content">
  <div onclick="openCloseMsgWin(this)" class="msg_header" title="点击收缩">
		
		<div id="tabbox" class="tabminbox" style="width:100%;">
				
            	<span id='warmtitle' style="margin-left:10px; float:left">消息</span>
            	<a href="javascript:;" style="float:right; width:30px;"><img id="icon_open" src="<%=path%>/gpsonline/image/monitor/iw_max.gif" /></a>
		</div>
	</div>
    <div class="msg_main" id="msg_main">
    	<table id="warmmsgpanel" width="100%" border="0" cellspacing="0" cellpadding="0" id="msgTab" class="msg_tab">
          <tr>
            <th scope="col" width="100px" style="text-align: center;">设备名称</th>
            <th scope="col" width="200px" style="text-align: center;">报警时间</th>
            <th scope="col" style="text-align: center;">报警内容</th>
            <!-- <th scope="col">速度(km/h)</th>
            <th scope="col">航向</th> -->
            <th scope="col" width="80px" style="text-align: center;">操作[<a href="javascript:;" onclick="clearAllMsg('warmmsgpanel');">清空</a>]</th>
          </tr>
        </table>
        <table id="cmdsgpanel" style="display: none;" width="100%" border="0" cellspacing="0" cellpadding="0" id="msgTab" class="msg_tab">
          <tr>
            <th scope="col" width="100px" style="text-align: center;">设备名称</th>
            <th scope="col" width="200px" style="text-align: center;">命令时间</th>
 			<th scope="col" style="text-align: center;">命令内容</th>
            <th scope="col" width="80px" style="text-align: center;">操作[<a href="javascript:;" onclick="clearAllMsg('cmdsgpanel');">清空</a>]</th>
          </tr>
        </table>
        <table id="vehiclePanel" style="display: none;" width="100%" border="0" cellspacing="0" cellpadding="0" class="msg_tab">
          <tr>
            <th scope="col"  style="text-align: center;width:100px;">设备名称</th>
            <th scope="col"  style="text-align: center;width:100px;">SIM号码</th>
            <th scope="col" style="text-align: center;width:150px;">过期时间</th>
 			<th scope="col" style="text-align: center;width:100px;">到期天数</th>          
          </tr>
        </table>
    </div>
</div>
<!-- 信息提示窗口结束 -->
<!-- 遮罩层开始-->
 <div id="mask" class="mask"></div>
 <div class="content" id="content">
      <img src="<%=path%>/gpsonline/image/monitor/loading.gif"></img>
 </div>

 <!--遮罩层结束 -->							 

 <!--遮罩层结束 -->
 
 
 <!--设置系统参数窗口开始 -->
<div class="setSystemBox" id="setSystemContentWin" style="display: none;z-index: 99999;">
	<div class="top"></div>
	<div class="center">
  		<h3 id="moveSetSystemWin">
        	<a href="javascript:;" title="关闭" class="message_close" id="closeSetSystemWin"></a>
        	<span>设置系统参数</span>
        </h3>
        <div class="tanchu_top">
			<ul>
		    		<li>
		    			<a class="tanchu_qh_select" href="javascript:sysSetTab_(2);" id="sysSetT_2">系统参数</a>
		    			<span>|</span>
	    			</li>
	    			<li>
	    				<a href="javascript:sysSetTab_(1);"  id="sysSetT_1" style="display: none;">浮动框信息</a>
    				</li>
    				<li>
	    				<a href="javascript:sysSetTab_(3);"  id="sysSetT_3">客户号前缀</a>
    				</li>		       
		    </ul>
		</div>
        <div class="setSystemMessage_main" id="setSystemMessage_main"> 
        <table width="100%" border="0" style="line-height:35px;margin-top: 20px;" id="sysSet_span_1" >      		
	        		<tr>
	        			
	        			<td align="rigth"><input type="checkbox" id="systemParm_map_win_p1" style="float: right;" checked="checked" disabled="disabled"></input></td>        			
	        			<td align="left" style="width: 55px;">设备名称</td>
	        			<td align="rigth"><input type="checkbox" style="float: right;"  id="systemParm_map_win_p2"  ></input></td>   
	        			<td align="left" style="width: 55px;">接收时间</td>
	        			<td align="rigth"><input type="checkbox" style="float: right;"  id="systemParm_map_win_p3" ></input></td> 
	        			<td align="left" style="width: 55px;">速&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;度</td>	        			       			     			
	        		</tr>
	        		<tr>
	        			<td align="rigth"><input type="checkbox" style="float: right;"  id="systemParm_map_win_p4" ></input></td>
	        			<td align="left" style="width: 55px;">方&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;向</td>
	        			<td align="rigth"><input type="checkbox" style="float: right;"  id="systemParm_map_win_p5" ></input></td>         			
	        			<td align="left" style="width: 55px;">温&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;度</td>
	        			<td align="rigth"><input type="checkbox" style="float: right;"  id="systemParm_map_win_p6"  ></input></td>
	        			<td align="left" style="width: 55px;">油&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量</td>	        			        			       			
	        		</tr>
	        		<tr>
	        			<td align="rigth"><input type="checkbox" style="float: right;"  id="systemParm_map_win_p7"></input></td>
	        			<td align="left" style="width: 55px;">当日里程</td>
	        			<td align="rigth"><input type="checkbox" style="float: right;"  id="systemParm_map_win_p8"></input></td>
	        			<td align="left" style="width: 55px;">总里程&nbsp;&nbsp;</td>
	        			<td align="rigth"><input type="checkbox" style="float: right;"  id="systemParm_map_win_p9"></input></td>
	        			<td align="left" style="width: 55px;">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态</td>
	        			        			
	        		</tr>
	        		<tr>		       	
	        			<td align="rigth"><input type="checkbox" style="float: right;"  id="systemParm_map_win_p10" ></input></td>		
	        			<td align="left" style="width: 55px;">位&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;置</td>	        			  
	        			<td align="right" style="width: 55px;">&nbsp;</td>
	        			<td align="left">&nbsp;</td>
	        			<td align="right" style="width: 55px;">&nbsp;</td>
	        			<td align="left">&nbsp;</td>      			
	        		</tr>	    
	    </table>
	    
	    <div id="sysSet_span_3">
	        <ul><li style="text-align:center;"><span id="setSystemMsg_clientId" style="color:rgb(153, 153, 153);">&nbsp;</span></li></ul>
	        
        	<table width="100%" border="0" style="line-height:35px;">      		
				<tr>
        			<td align="center">
        				前缀:<input type="text" id="clientId_prefix_sys" style="line-height: 20px;height: 20px;margin-left: 10px;"></input> 
        				<span id="clientId_prefix_msg_sys" style="color: #CCC;line-height: 20px;">&nbsp;</span>      				
        				<input type="hidden" id="clientId_id_sys"></input>
        			</td> 
       			</tr>
       			<tr> 
        			<td align="center">
        				<input type="button" value="提交" id="clientId_id_submit_sys" onclick="updateCLientIdPrefix();" style="width:80px; height:30px; margin-top:20px;" />
        			</td>                                                   			
        		</tr>        	
        	</table>
        </div>
     
        <div id="sysSet_span_2" style="display: none;">
	        <ul><li style="text-align:center;"><span id="setSystemMsg" style="color:rgb(153, 153, 153);">&nbsp;</span></li></ul>
	        
	        	<table width="100%" border="0" style="line-height:35px;">      		
	        		<tr name="systemSetting">
	        			<td align="right" style="width: 140px;">登陆页面显示车辆信息:</td>                                           
	        			<td align="right"><a name="systemPermissionParm_1" id="systemParm_homeLoadLngLat" flag="false"><img src="<%=path %>/gpsonline/image/monitor/tool/no.gif" style="height: 20px;width: 60px;"/></a></td>
	        		</tr>
	        		<tr name="systemSetting"  style="display: none">
	        			<td align="right" style="width: 140px;">启动时自动更新:</td>
	        			<td align="right"><a name="systemPermissionParm_1" id="systemParm_update" flag="false"><img src="<%=path %>/gpsonline/image/monitor/tool/no.gif" style="height: 20px;width: 60px;"/></a></td>
	        		</tr>
	        		<tr name="systemSetting">
	        			<td align="right" style="width: 140px;">显示体验账号:</td>
	        			<td align="right"><a name="systemPermissionParm_1" id="systemParm_userExperience" flag="false"><img src="<%=path %>/gpsonline/image/monitor/tool/no.gif" style="height: 20px;width: 60px;"/></a></td>
	        		</tr>
	        		<tr name="systemSetting">
	        			<td align="right" style="width: 148px;">企业账号过期后允许登陆:</td>
	        			<td align="right"><a name="systemPermissionParm_2" id="systemParm_useroverduetime" flag="true"><img src="<%=path %>/gpsonline/image/monitor/tool/no.gif" style="height: 20px;width: 60px;"/></a></td>
	        		</tr>
	        		<tr name="systemSetting">
	        			<td align="right" style="width: 148px;">个人账号过期后允许登陆:</td>
	        			<td align="right"><a name="systemPermissionParm_2" id="systemParm_vehicleoverduetime" flag="true"><img src="<%=path %>/gpsonline/image/monitor/tool/no.gif" style="height: 20px;width: 60px;"/></a></td>
	        		</tr>
					<tr name="systemSetting">
	        			<td align="right" style="width: 148px;">个人账号允许发送命令:</td>
	        			<td align="right"><a name="systemPermissionParm_1" id="systemParm_persionCmdPermitFlag" flag="false"><img src="<%=path %>/gpsonline/image/monitor/tool/no.gif" style="height: 20px;width: 60px;"/></a></td>
	        		</tr>
	        		<tr>
	        			<td align="right" style="width: 148px;">登录后提示过期设备:</td>
	        			<td align="right"><a name="overTimeVehicleRemind" id="remind_vehicleoverduetime" flag="false"><img src="<%=path %>/gpsonline/image/monitor/tool/yes.gif" style="height: 20px;width: 60px;"/></a></td>
	        		</tr>
	        		<tr name="systemSetting">
	        			<td align="right" style="width: 140px;">百度地图key值:</td>
	        			<td align="right">
	        				<input type="text" id="baiduMapKey" disabled="disabled" style="height: 20px;width: 90px;">
		        			<input type="button" id="baiduMapKeyEditBtn" value="编辑" style="height: 21px;width: 60px;"></input>
		        			<input type="button" id="baiduMapKeySaveBtn" value="保存" style="display: none;height: 21px;width: 60px;"></input>
	        			</td>
	        		</tr>
	        		<tr>
	        			<td align="right" style="width: 140px;">刷新间隔(最小5秒):</td>
	        			<td align="right">
	        				<input type="text" id="refreshTime" disabled="disabled" placeholder="最小为5的整数" style="height: 20px;width: 90px;" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onfocus="this.value='';">
		        			<input type="button" id="refreshTimeEditBtn" value="编辑" style="height: 21px;width: 60px;"></input>
		        			<input type="button" id="refreshTimeSaveBtn" value="保存" style="display: none;height: 21px;width: 60px;"></input>
	        			</td>
	        		</tr>
	        	</table>
        	</div>		
        </div>
	</div>
	<div class="bot"></div>
</div>
<!-- 设置系统参数窗口结束-->

<div id="popuWin" class="popuWin" style="display: none;">

</div>

</body>
</html>
