<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE html>
<html>
<head>
<%@include file="../../../frame/assets/header-all.jsp"%>
<link rel="stylesheet" type="text/css" href="../../../bsystem/menurole/css/menuManager.css">
<script src='alarmVideodevice.js'></script>
</head>

 <body class="easyui-layout">
     <div data-options="region:'west'"  style="width:450px;" data-options="fit:true,border:false,collapsible:false"  title='未关联设备'>
   			<div class="easyui-layout" data-options="fit:true,border:false">
	            <div data-options="region:'north',border:false" style="height:42px">
	                 <div class="form-line clearfix" style="border:none;" >
		                 <div class="fl">
		                 		<span class="text-content">设备名称：</span>
								<input name="loginName" id="leftDeviceName" data-options="prompt:'设备名称'"  class="easyui-textbox">
						 </div> 					  
		                  <div class='fl'>
					            <a class="search-btn" id="buttonSelected">查 询</a>
					      </div>
	            	</div>
	            	<div class="form-line clearfix" >
		            	<div class="fl">
		            		<span id="serName" class="text-content">集合名称：</span>
							<input name="leftDeviceId" id="leftDeviceId" class="easyui-combobox" style="height:25px">
						 </div>
					 </div>
	            </div>
	  
	            <div data-options="region:'center',border:false" >
	                <table id='leftDevice'></table>
	            </div>
	        </div>
     </div>
   
     
     <div data-options="region:'center',border:false">
    		<div class="form-line" style="margin-top: 100px;">
                 <div class='fl' style="margin-bottom: 15px;">
			      	<a class="search-btn" id="goright" onclick="goRight();">增加所选</a>
			     </div>
			   
			     <div class='fl' style="margin-bottom: 35px;">
			      	<a class="search-btn" id="gorightall" onclick="goRightAll();">增加当页</a>
			     </div>
			      <div class='fl' style="margin-bottom: 15px;">
			      	<a class="search-btn" id="goleft" onclick="goLeft();">移除所选</a>
			     </div>
			     <div class='fl'>
			      	<a class="search-btn" id="goleftall" onclick="goLeftAll();">移除当页</a>
			     </div>
           </div>
     </div>
     
     <div data-options="region:'east'" style="width:347px;" data-options="fit:true,border:false,collapsible:false" title='已关联设备'>
     		<div class="easyui-layout" data-options="fit:true,border:false">
	            <div data-options="region:'north',border:false" style="height:40px">
	                 <div class="form-line">
						<div class="fl">
								<input name="loginNameAll" id="rightDeviceName" data-options="prompt:'设备名称'"  class="easyui-textbox">
						</div> 
						<div class='fl'>
					            <a class="search-btn"  id="buttonAll">查 询</a>
					    </div>
	            	</div>
	            </div>
	            <div data-options="region:'center',border:false">
	               <table id='rightDevice' ></table>
	            </div>
	        </div>	
     	 	  
     </div>
</body>
 
</html>