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

<!-- 遮罩层开始-->
<div id="maskPanel" class="maskPanel"
	style="display: none;width:100%; position: absolute; top: 0px; filter: alpha(opacity =60); background-color: #B2B2B2; left: 0px; opacity: 0; -moz-opacity: 0; z-index: 999;"></div>
<div class="content" id="maskcontent"
	style="display: none; z-index: 1000; position: fixed;">
	<img src="<%=path%>/gpsonline/image/monitor/guanli/recoderdeleting.gif"></img>
</div>
<!--遮罩层结束 -->
<!-- 添加客户开始 -->
<div class="clientbox" id="clientContentWin"
	style="display: none; z-index: 1000;">
	<div class="top"></div>
	<div class="center">
		<h3 id="moveClientWin">
			<a href="javascript:;" title="关闭" class="message_close"
				id="closecclientWin"></a>
			<span id='manager_clientName'>添加客户</span>
		</h3>
		<div class="clientrmessage_main" id="clientmessage_main">
			<ul>
				<li style="text-align: center;">
					<span id="addclientmsg" style="color: rgb(153, 153, 153);">*企业名称不能为空</span>
				</li>
			</ul>
			<table width="100%" border="0" style="line-height: 35px;">
				<tr>
					<td>
						企业名称:
					</td>
					<td>
						<input id="companyName" type="text" style="height: 18px;"></input>
					</td>
				</tr>
				<tr>
					<td>
						企业电话:
					</td>
					<td>
						<input id="companyPhone" type="text" style="height: 18px;"></input>
					</td>
				</tr>
				<tr>
					<td>
						企业地址:
					</td>
					<td>
						<input id="companyAddress" type="text" style="height: 18px;"></input>
					</td>
				</tr>
				<tr>
					<td>
						<input id="clientID" type="hidden"></input>
					</td>
					<td>
						<input type="button" value="添加" id="addClientButton"
							onclick="managerIframe.ClientMananger.add()"
							style="width: 80px; height: 30px; margin-left: 10px; margin-top: 20px;" />
						<input type="button" value="修改" id="updateClientButton"
							onclick="managerIframe.ClientMananger.update();"
							style="display: none; width: 80px; height: 30px; margin-left: 10px; margin-top: 20px;" />
					</td>
				</tr>
			</table>
		</div>
	</div>
	<div class="bot"></div>
</div>
<!-- 添加客户结束  -->

<!-- 添加组开始 -->
<div class="manager_groupbox" id="manager_groupContentWin"
	style="display: none; z-index: 1000;">
	<div class="top"></div>
	<div class="center">
		<h3 id="manager_moveGroupWin">
			<a href="javascript:;" title="关闭" class="message_close"
				id="manager_closecgroupWin"></a>
			<span id='manager_groupName'>添加分组</span>
		</h3>
		<div class="manager_grouptrmessage_main"
			id="manager_groupmessage_main">
			<ul>
				<li style="text-align: center;">
					<span id="addgroupmsg" style="color: rgb(153, 153, 153);">&nbsp;</span>
				</li>
			</ul>
			<table width="100%" border="0" style="line-height: 35px;">
				<tr>
					<td>
						分组名称:
					</td>
					<td>
						<input id="groupName" type="text" style="height: 18px;"></input>
					</td>
					<td>
						<span id="groupName_Msg" style="color: rgb(153, 153, 153);">*不能为空</span>
					</td>
				</tr>
				<!-- 
        		<tr>
        			<td>所属客户:</td>
        			<td>
        				<select id="selectClient" style="width: 140px;height:20px;"></select>
        			</td>
        			<td>
        				<span id="selectClient_Msg" style="color:rgb(153, 153, 153);">*不能为空</span>
        			</td>
        		</tr>
        		 -->
				<tr>
					<td>
						用户数量:
					</td>
					<td>
						<input id="userCount" type="text" style="height: 18px;"></input>
					</td>
					<td>
						<span id="userCountMsg" style="color: rgb(153, 153, 153);">*只能是正整数</span>
					</td>
				</tr>
				<tr>
					<td>
						车辆数量:
					</td>
					<td>
						<input id="vechileCount" type="text" style="height: 18px;"></input>
					</td>
					<td>
						<span id="vechileCountMsg" style="color: rgb(153, 153, 153);">*只能是正整数</span>
					</td>
				</tr>
				<tr>
					<td>
						上级可见:
					</td>
					<td>
						<select id="seeNext" style="width: 140px; height: 20px;">							
							<option value="0" selected="selected">不可见</option>
							<option value="1">可见</option>
						</select>
					</td>
					<td>
						&nbsp;
					</td>
				</tr>
				<tr>
					<td>
						<input id="groupID" type="hidden"></input>
					</td>
					<td>
						<input type="button" value="添加" id="addGroupButton"
							onclick="managerIframe.GroupMananger.add()"
							style="width: 80px; height: 30px; margin-left: 40px; margin-top: 20px;" />
						<input type="button" value="修改" id="updateGroupButton"
							onclick="managerIframe.GroupMananger.update();"
							style="display: none; width: 80px; height: 30px; margin-left: 40px; margin-top: 20px;" />
					</td>
					<td>
						&nbsp;
					</td>
				</tr>
			</table>
		</div>
	</div>
	<div class="bot"></div>
</div>
<!-- 添加组结束  -->

<!-- 添加设备开始 -->
<div class="manager_vechilebox" id="manager_vechileContentWin"
	style="display: none; z-index: 1000;width: 495px;">
	<div class="top"></div>
	<div class="center">
		<h3 id="manager_moveVechileWin">
			<a href="javascript:;" title="关闭" class="message_close"
				id="manager_closecvechileWin"></a>
			<span id='manager_vechileName'>添加设备</span>
		</h3>
		<div class="manager_vechilemessage_main"
			id="manager_vechilemessage_main">
			<ul>
				<li style="text-align: center;">
					<span id="addvechilemsg" style="color: rgb(153, 153, 153);">&nbsp;</span>
				</li>
			</ul>
			<table width="100%" border="0" style="line-height: 35px;">
				<tr>
					<td class="inputName">
						车牌号码:
					</td>
					<td>
						<input id="carName" type="text" style="height: 18px; width: 138px;"></input>
					</td>
					<td>
						<span id="carName_Msg" style="color: rgb(153, 153, 153);">*不能为空</span>
					</td>
				</tr>
				<tr>
					<td class="inputName">
						所属分组:
					</td>
					<td>
						<input id="vechile_groupId" type="text" readonly="readonly"
							disabled="disabled" style="height: 18px; width: 138px;"  value_=""  checkboxGroupListPage_=""/>

					</td>
					<td>
						<span id="vechile_groupId_Msg" style="color: rgb(153, 153, 153);">*不能为空</span>
						<span
							style="display: inline-block; width: 60px; padding-left: 5px;">
							<a id="openGroupSelectPane_btn"
							href="javascript:managerIframe.VechileMananger.openGroupSelectPaneManager.openGroupSelectPane();"
							style="color: #0077FF; font-size: 12px; text-decoration: none;">选择</a>
							<a id="openUpdateGroupSelectPane_btn"
							href="javascript:managerIframe.VechileMananger.openGroupSelectPaneManager.openUpdateGroupSelectPane();"
							style="color: #0077FF; font-size: 12px; text-decoration: none; display: none;">修改</a>
							<a id="confirmGroupSelectPane_btn"
							href="javascript:managerIframe.VechileMananger.openGroupSelectPaneManager.confirmGroupSelectPane();"
							style="color: #0077FF; font-size: 12px; text-decoration: none; display: none;">保存</a>
							<a id="canacleGroupSelectPane_btn"
							href="javascript:managerIframe.VechileMananger.openGroupSelectPaneManager.canacleGroupSelectPane();"
							style="color: #0077FF; font-size: 12px; text-decoration: none; display: none;">取消</a>
						</span>
						<div id="vechile_groupId_Panels"
							style="background: #fff; border: 1px solid #a3b9d7; padding: 5px; line-height:25px; position: absolute; width: 471px; z-index: 900; margin-left: -310px; margin-top: -5px; display: none; height: 180px; overflow: auto;">
						</div>

					</td>
				</tr>
				<tr>
					<td class="inputName">
						所属客户:
					</td>
					<td>
						<select id="vechile_clientId" style="width: 140px; height: 20px;" value_=""></select>
					</td>
					<td>
						<span id="vechile_clientId_Msg" style="color: rgb(153, 153, 153);">&nbsp;</span>
					</td>
				</tr>
				<tr>
					<td class="inputName">
						设备ID:
					</td>
					<td>
						<input id="gprsID" type="text" style="height: 18px; width: 138px;"></input>
					</td>
					<td>
						<span id="gprsID_Msg" style="color: rgb(153, 153, 153);">*(3-40)位数字或字母</span>
					</td>
				</tr>
				<tr>
					<td class="inputName">
						SIM号码:
					</td>
					<td>
						<input id="SIMNum" type="text" style="height: 18px; width: 138px;"></input>
					</td>
					<td>
						<span id="SIMNum_Msg" style="color: rgb(153, 153, 153);">*(5-13)位数字或字母</span>
					</td>
				</tr>
				<tr>
					<td class="inputName">
						车辆图标:
					</td>
					<td colspan="2">
						<a href="javascript:;"><img src="http://mapday.exlive.cn/vhc_icons/pic/0/green_0.gif" title="车辆1" id="vehicleImg" style="vertical-align: middle;" value="0" onclick="managerIframe.VechileMananger.openImgPanleManager.open()"/></a>
						<a id="udpate_vehicle_img_btn"
							href="javascript:managerIframe.VechileMananger.openImgPanleManager.open();"
							style="color: #0077FF; font-size: 12px; text-decoration: none;">修改</a>
						<div id="vehicle_img_Panels"
							style="background: #fff; border: 1px solid #a3b9d7; padding-top: 5px; line-height25px; position: absolute; width: 280px; z-index: 900; display: none; height: 180px; overflow: auto;"></div>

					</td>
				</tr>
				
				<tr id="vechile_overtime_tr" style="display: none;">
					<td class="inputName">
						过期时间:
					</td>
					<td>
						<select id="vechile_overtime" style="width: 140px; height: 20px;"></select>
					</td>
					<td>
						<span id="vechile_overtime_Msg" style="color: rgb(153, 153, 153);"></span>
					</td>
				</tr>
				<tr id="vechile_color_tr" style="display: none;">
					<td class="inputName">
						车辆颜色:
					</td>
					<td>
						<select id="vechile_color" style="width: 140px; height: 20px;"></select>
					</td>
					<td>
						<span id="vechile_color_Msg" style="color: rgb(153, 153, 153);"></span>
					</td>
				</tr>
				<tr>
					<td class="inputName">
						车机类型:
					</td>
					<td>
						<select id="mobileId" style="width: 140px; height: 20px;"></select>
					</td>
					<td>
						<span id="mobileId_Msg" style="color: rgb(153, 153, 153);">*不能为空</span>
					</td>
				</tr>
				<tr>
					<td class="inputName">
						车辆类型:
					</td>
					<td>
						<select id="vehicleTypeId" style="width: 140px; height: 20px;"></select>
					</td>
					<td>
						<span id="vehicleTypeId_Msg" style="color: rgb(153, 153, 153);">*不能为空</span>
					</td>
				</tr>
				<tr>
					<td class="inputName">
						外接设备:
					</td>
					<td>
						<input id="peripheral" type="text" readonly="readonly"
							disabled="disabled" style="height: 18px; width: 138px;"/>
					</td>
					<td>
						<span
							style="display: inline-block; width: 60px; padding-left: 5px;">
							<a id="openperipheralPane_btn"
							href="javascript:managerIframe.VechileMananger.peripheralPaneManager.openPane();"
							style="color: #0077FF; font-size: 12px; text-decoration: none;">选择</a>
							<a id="openUpdateperipheralPane_btn"
							href="javascript:managerIframe.VechileMananger.peripheralPaneManager.UpdatePane();"
							style="color: #0077FF; font-size: 12px; text-decoration: none; display: none;">修改</a>
							<a id="confirmperipheralPane_btn"
							href="javascript:managerIframe.VechileMananger.peripheralPaneManager.confirm();"
							style="color: #0077FF; font-size: 12px; text-decoration: none; display: none;">保存</a>
							<a id="canacleperipheralPane_btn"
							href="javascript:managerIframe.VechileMananger.peripheralPaneManager.canacle();"
							style="color: #0077FF; font-size: 12px; text-decoration: none; display: none;">取消</a>
						</span>
						<div id="vechile_peripheral_Panels"
							style="background: #fff; border: 1px solid #a3b9d7; padding: 5px; line-height:20px; position: absolute; width: 471px; z-index: 900; margin-left: -312px; margin-top: -320px; display: none; height: 280px; overflow: auto;">
							<fieldset style="border:  1px solid #CCC">
								<legend style="margin-left: 20px;">外部设备</legend>
								<div id="peripheral_ws_Panels"></div>
							</fieldset>				
							<fieldset style="border:  1px solid #CCC">
								<legend style="margin-left: 20px;">报警类型</legend>
								<div id="peripheral_bj_Panels"></div>
							</fieldset>														
						</div>
					</td>
				</tr>
				<tr id="vechile_postime_tr" style="display: none;">
					<td class="inputName">
						启用时间:
					</td>
					<td colspan="2">
						<input id="posavtime_" type="text" style="height: 18px; width: 138px;border: 0px; background-color: #fff;" readonly="readonly" disabled="disabled"></input>
					</td>
				</tr>
				<tr id="vechile_overtime_tr_update" style="display: none;">
					<td class="inputName">
						到期时间:
					</td>
					<td colspan="2">
						<input id="overTime_" type="text" style="height: 18px; width: 138px;border: 0px; background-color: #fff;" readonly="readonly" disabled="disabled"></input>
					</td>
				</tr>
				<tr>
					<td class="inputName">
						数据转发类型:
					</td>
					<td colspan="2">
						<select id="vechile_data_forward_type" style="width: 140px; height: 20px;"></select>
					</td>
				</tr>
				<tr>
					<td>
						<input id="vechileID" type="hidden"></input>
					</td>
					<td>
						<input type="button" value="添加" id="addVechileButton"
							onclick="managerIframe.VechileMananger.add()"
							style="width: 80px; height: 30px; margin-left: 30px; margin-top: 20px;" />
						<input type="button" value="修改" id="updateVechileButton"
							onclick="managerIframe.VechileMananger.update();"
							style="display: none; width: 80px; height: 30px; margin-left: 30px; margin-top: 20px;" />
					</td>
					<td>
						&nbsp;
					</td>
				</tr>
				
			</table>
		</div>
	</div>
	<div class="bot"></div>
</div>
<!-- 添加设备结束  -->

<!-- 添加用户开始 -->
<div class="userbox" id="manager_userContentWin"
	style="display: none; z-index: 1000;">
	<div class="top"></div>
	<div class="center">
		<h3 id="manager_moveUserWin">
			<a href="javascript:;" title="关闭" class="message_close"
				id="manager_closecUserWin"></a>
			<span id='userName_title'>添加用户</span>
		</h3>
		<div class="usermessage_main" id="usermessage_main">
			<ul>
				<li style="text-align: center;">
					<span id="addUsermsg" style="color: rgb(153, 153, 153);">&nbsp;</span>
				</li>
			</ul>
			<table width="100%" border="0" style="line-height: 35px;">
				<tr>
					<td>
						名 称:
					</td>
					<td>
						<input id="userName" type="text"
							style="height: 18px; width: 138px;"></input>
					</td>
					<td>
						<span id="userName_Msg" style="color: rgb(153, 153, 153);">*不能为空</span>
					</td>
				</tr>
				<tr id="manager_userType_tr">
					<td>
						类 型:
					</td>
					<td>
						<select id="manager_userType" style="width: 140px; height: 20px;"
							onchange="managerIframe.UserMananger.userTypeChange();"></select>
					</td>
					<td>
						<span id="manager_userType_Msg" style="color: rgb(153, 153, 153);">*不能为空</span>
					</td>
				</tr>
				<tr id="userPwd_tr">
					<td>
						密 码:
					</td>
					<td>
						<input id="userPwd" type="password"
							style="height: 18px; width: 138px;"></input>
					</td>
					<td>
						<span id="userPwd_Msg" style="color: rgb(153, 153, 153);">*不能为空</span>
					</td>
				</tr>
				<tr id="reuserPwd_tr">
					<td>
						确认密码:
					</td>
					<td>
						<input id="reuserPwd" type="password"
							style="height: 18px; width: 138px;"></input>
					</td>
					<td>
						<span id="reuserPwd_Msg" style="color: rgb(153, 153, 153);">*不能为空</span>
					</td>
				</tr>
				<tr id="user_client_tr">
					<td>
						所属客户:
					</td>
					<td>
						<select id="user_client" style="width: 140px; height: 20px;"></select>
					</td>
					<td>
						<span id="user_client_Msg" style="color: rgb(153, 153, 153);">*不能为空</span>
					</td>
				</tr>
				<tr id="user_group_tr" style="display: none;">
					<td>
						用户分组:
					</td>
					<td>
						<input id="user_group" readonly="readonly" disabled="disabled"
							style="width: 140px; height: 20px;"></input>
					</td>
					<td>
						<span
							style="display: inline-block; width: 60px; padding-left: 5px;">
							<a id="open_User_GroupSelectPane_btn"
							href="javascript:managerIframe.UserMananger.openGroupSelectPaneManager.openGroupSelectPane();"
							style="color: #0077FF; font-size: 12px; text-decoration: none;">选择</a>
							<a id="openUpdate_User_GroupSelectPane_btn"
							href="javascript:managerIframe.UserMananger.openGroupSelectPaneManager.openUpdateGroupSelectPane();"
							style="color: #0077FF; font-size: 12px; text-decoration: none; display: none;">修改</a>
							<a id="confirm_User_GroupSelectPane_btn"
							href="javascript:managerIframe.UserMananger.openGroupSelectPaneManager.confirmGroupSelectPane();"
							style="color: #0077FF; font-size: 12px; text-decoration: none; display: none;">保存</a>
							<a id="canacle_User_GroupSelectPane_btn"
							href="javascript:managerIframe.UserMananger.openGroupSelectPaneManager.canacleGroupSelectPane();"
							style="color: #0077FF; font-size: 12px; text-decoration: none; display: none;">取消</a>
						</span>
						<div id="user_groupId_Panels"
							style="background: #fff; border: 1px solid #a3b9d7; padding-top: 5px; line-height25px; position: absolute; width: 280px; z-index: 900; margin-left: -210px; margin-top: -220px; display: none; height: 180px; overflow: auto;"></div>
					</td>
				</tr>
				<tr id="user_group_count_tr" style="display: none;">
					<td>
						分组总数:
					</td>
					<td>
						<input id="user_group_count" type="text"
							style="height: 18px; width: 138px;"></input>
					</td>
					<td>
						<span id="user_group_count_Msg" style="color: rgb(153, 153, 153);">*只能是正整数</span>
					</td>
				</tr>
				<tr id="user_moin_count_tr" style="display: none;">
					<td>
						监控员总数:
					</td>
					<td>
						<input id="user_moin_count" type="text"
							style="height: 18px; width: 138px;"></input>
					</td>
					<td>
						<span id="user_moin_count_Msg" style="color: rgb(153, 153, 153);">*只能是正整数</span>
					</td>
				</tr>
				<tr id="user_vechile_count_tr" style="display: none;">
					<td>
						车辆总数:
					</td>
					<td>
						<input id="user_vechile_count" type="text"
							style="height: 18px; width: 138px;"></input>
					</td>
					<td>
						<span id="user_vechile_count_Msg"
							style="color: rgb(153, 153, 153);">*只能是正整数</span>
					</td>
				</tr>
				<tr>
					<td>
						过期时间:
					</td>
					<td>
						<input type="text" name="add_overTime" id="add_user_overTime"
							style="width: 140px; display: none;" onkeydown="return false"
							onkeyup="return false" oncontextmenu="return false" class="Wdate"
							onclick="WdatePicker({el:$dp.$('d12'),isShowClear:false,skin:'simple',dateFmt:'yyyy-MM-dd',minDate:'{%y}-%M-{%d}'})" />
						<input type="text" name="update_overTime"
							id="update_user_overTime" style="width: 140px; display: none;"
							onkeydown="return false" onkeyup="return false"
							oncontextmenu="return false" class="Wdate"
							onclick="WdatePicker({el:$dp.$('d12'),isShowClear:false,skin:'simple',dateFmt:'yyyy-MM-dd'})" />
					</td>
					<td>
					</td>
				</tr>				
				<tr>
					<td>
						<input id="manager_userID" type="hidden"></input>
					</td>
					<td>
						<input type="button" value="添加" id="addUserButton"
							onclick="managerIframe.UserMananger.add()"
							style="width: 80px; height: 30px; margin-left: 25px; margin-top: 20px;" />
						<input type="button" value="修改" id="updateUserButton"
							onclick="managerIframe.UserMananger.update();"
							style="display: none; width: 80px; height: 30px; margin-left: 25px; margin-top: 20px;" />
					</td>
					<td>
						&nbsp;
					</td>
				</tr>
			</table>
		</div>
	</div>
	<div class="bot"></div>
</div>
<!-- 添加客用户结束  -->

<!-- 新后台管理弹出框开始-->
<div id="managerWin" class="managerWin" style="display: none;">

</div>
<!-- 新后台管理弹出框结束 -->

