<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="p" uri="http://www.test.com/jsp/permission" %>
<!doctype html>
<html>
<head>
	<%@ include file="../../common/head.jsp"%>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link href="../res/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
    <script src="../res/js/plugins/bootstrap-table/bootstrap-table.js"></script>
    <script src="../res/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="../res/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script>
    	
        
        $(function(){
    		$('#btnSearch').click(function () { 
    			$('#tab_user').bootstrapTable('refresh');
  	        });  
  	        
  	        $('#clearHref').click(function () { 
  	        	$('#myform')[0].reset();
 	       	}); 
  	        
  	        $('#btnTransfer').click(function () { 
  	        	var data = getSelectedRow("tab_user");
  	    		if(null == data){
  	    			//layer.alert();
  	    			layer.alert('请选择转单人员', {icon: 6});
  	    			return;
  	    		}
  	    		
  	    		
  	    		parent.document.getElementById("toUsername").value= data.name;
  	    		parent.document.getElementById("toUserid").value= data.id;
  	    		
  	    		var index = parent.layer.getFrameIndex(window.name);
  	    		parent.layer.close(index);

	       	}
  	        
  	        );
    	});
    	
        
       
        
    	function queryParams(params){
			var page = params.offset / params.limit + 1;
			var dataObj = new Object(); 
			//alert($("#search").val());
			dataObj.name=$("#name").val();
			dataObj.orderNo=$("#orderNo").val();
			return  { page:page, 
					  pageSize:params.limit, 
					  search:JSON.stringify(dataObj), 
					  sort:params.sort,
					  order:params.order,
			};  
		}     	
    </script>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInUp">
    	<div class="row row-lg">
  			<div class="col-sm-12">
				<div class="ibox-content m-b-sm border-bottom ">					
					<form class="form-inline" id="myform">
						<div class="form-group col-sm-3"></div>
						<label>&nbsp;名称：</label><input id="name" name="name" class="form-control" type="text" value="">
						
						&nbsp;&nbsp;
						<button type="button" id="btnSearch" class="btn btn-w-m btn-success">搜索</button>
						<button type="button" id="clearHref"  class="btn btn-w-m btn-primary"> 清除搜索条件</button>
					    <button type="button" id="btnTransfer" class="btn btn-w-m btn-danger">转单</button>
					</form>&nbsp;&nbsp;
					
					
				</div>

                  <table id="tab_user"  
                  	   data-toggle="table"
				       data-url="mgmUserList.cs"
				       data-method="get"
				       data-click-to-select="true"
				       data-pagination="true"
				       data-data-type="json"
				       data-show-refresh="false"
				       data-show-columns="false"
				       data-show-toggle="false"
				       data-search-on-enter-key="true"
				       data-toolbar="#def_toolbar"  
				       data-side-pagination="server"
				       data-query-params="queryParams"
				       data-mobile-responsive="true"
						>
                      <thead>
                          <tr>
                              <th data-radio="true"	data-click-to-select="true"></th>
                              <th data-field="id" data-visible="false">id</th>                             
                              <th data-field="name">姓名</th>  
                               <th data-field="deptName">部门</th>                            
                              <th data-field="phone">电话</th>  
                               <th data-field="post">职务</th>  
                          </tr>
                      </thead>
                  </table>	              		
             		</div>	              	
             </div>				 
    </div>
</body>
</html>
