<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="description" content="Xenon Boostrap Admin Panel" />
	<meta name="author" content="" />
	<title>用户管理</title>
</head>
<body class="page-body">
	<div class="page-container">
		<%@ include file="common/menu.jsp"%>
		<div class="main-content">
			<%@ include file="common/header.jsp"%>
			<div class="page-title">
				<div class="title-env">
					<h1 class="title">用户管理</h1>
				</div>
				<div class="breadcrumb-env">
					<ol class="breadcrumb bc-1">
						<li>
							<a href="#"><i class="fa-home"></i>系统管理</a>
						</li>
						<li class="active">
							<strong>用户管理</strong>
						</li>
					</ol>
				</div>
			</div>			
			<!-- Removing search and results count filter -->
			<div class="panel panel-default">
				<form class="form-horizontal" role="form" method="post">
					<div class="form-group">
						<label class="col-sm-1 control-label">姓名</label>
						<div class="col-sm-2">
							<input type="text" class="form-control" id="field-1">
						</div>
						<label class="col-sm-1 control-label" for="field-1">手机号码</label>
						<div class="col-sm-2">
							<input type="text" class="form-control" id="field-1">
						</div>
						<button type="button" class="btn btn-info">查询</button>
						<button type="button" class="btn btn-add" onclick="toInfo();">新增</button>
						<button type="button" class="btn btn-red" onclick="deleteTip();">删除</button>
					</div>
				</form>
				
				<div class="panel-body">
					
					<script type="text/javascript">
					jQuery(document).ready(function($)
					{
						$("#table-list").dataTable({
							dom: "t" + "<'row'<'col-xs-6'i><'col-xs-6'p>>",
							aoColumns: [
								{bSortable: false},
								null,
								null,
								null,
								null,
								null,
								null,
								null,
								null,
								null
							],
							columnDefs: [
								{ orderable: false, targets: [0,1,2,3,4,5,6,7,8,9] }
							]
						});
						
						// Replace checkboxes when they appear
						var $state = $("#table-list thead input[type='checkbox']");
						
						$("#table-list").on('draw.dt', function()
						{
							cbr_replace();
							
							$state.trigger('change');
						});
						
						// Script to select all checkboxes
						$state.on('change', function(ev)
						{
							var $chcks = $("#table-list tbody input[type='checkbox']");
							
							if($state.is(':checked'))
							{
								$chcks.prop('checked', true).trigger('change');
							}
							else
							{
								$chcks.prop('checked', false).trigger('change');
							}
						});
					});
					</script>
					
					<table class="table table-bordered table-striped" id="table-list">
						<thead>
							<tr>
								<th class="no-sorting">
									<input type="checkbox" class="cbr">
								</th>
								<th>用户名</th>
								<th>姓名</th>
								<th>手机号码</th>
								<th>邮箱</th>
								<th>性别</th>
								<th>角色</th>
								<th>状态</th>
								<th>创建时间</th>
								<th>操作</th>
							</tr>
						</thead>
						
						<tbody class="middle-align">
						
							<tr>
								<td>
									<input type="checkbox" class="cbr">
								</td>
								<td>test</td>
								<td>测试账号</td>
								<td>13405000000</td>
								<td>test@139.com</td>
								<td>男</td>
								<td>管理员</td>
								<td>开启</td>
								<td>2017-01-01</td>
								<td>
									<a href="javascript:;" class="btn btn-secondary btn-sm btn-icon icon-left" onclick="toInfo();">
										修改
									</a>
									<a href="javascript:;" class="btn btn-danger btn-sm btn-icon icon-left" onclick="deleteTip();">
										删除
									</a>
									<a href="javascript:;" class="btn btn-white btn-sm btn-icon icon-left" onclick="stopTip();">
										停用
									</a>
								</td>
							</tr>
							<tr>
								<td>
									<input type="checkbox" class="cbr">
								</td>
								<td>test</td>
								<td>测试账号</td>
								<td>13405000000</td>
								<td>test@139.com</td>
								<td>男</td>
								<td>管理员</td>
								<td>开启</td>
								<td>2017-01-01</td>
								<td>
									<a href="javascript:;" class="btn btn-secondary btn-sm btn-icon icon-left" onclick="toInfo();">
										修改
									</a>
									<a href="javascript:;" class="btn btn-danger btn-sm btn-icon icon-left" onclick="deleteTip();">
										删除
									</a>
									<a href="javascript:;" class="btn btn-white btn-sm btn-icon icon-left" onclick="stopTip();">
										停用
									</a>
								</td>
							</tr>
							<tr>
								<td>
									<input type="checkbox" class="cbr">
								</td>
								<td>test</td>
								<td>测试账号</td>
								<td>13405000000</td>
								<td>test@139.com</td>
								<td>男</td>
								<td>管理员</td>
								<td>开启</td>
								<td>2017-01-01</td>
								<td>
									<a href="javascript:;" class="btn btn-secondary btn-sm btn-icon icon-left" onclick="toInfo();">
										修改
									</a>
									<a href="javascript:;" class="btn btn-danger btn-sm btn-icon icon-left" onclick="deleteTip();">
										删除
									</a>
									<a href="javascript:;" class="btn btn-white btn-sm btn-icon icon-left" onclick="stopTip();">
										停用
									</a>
								</td>
							</tr>
							<tr>
								<td>
									<input type="checkbox" class="cbr">
								</td>
								<td>test</td>
								<td>测试账号</td>
								<td>13405000000</td>
								<td>test@139.com</td>
								<td>男</td>
								<td>管理员</td>
								<td>开启</td>
								<td>2017-01-01</td>
								<td>
									<a href="javascript:;" class="btn btn-secondary btn-sm btn-icon icon-left" onclick="toInfo();">
										修改
									</a>
									<a href="javascript:;" class="btn btn-danger btn-sm btn-icon icon-left" onclick="deleteTip();">
										删除
									</a>
									<a href="javascript:;" class="btn btn-white btn-sm btn-icon icon-left" onclick="stopTip();">
										停用
									</a>
								</td>
							</tr>
							<tr>
								<td>
									<input type="checkbox" class="cbr">
								</td>
								<td>test</td>
								<td>测试账号</td>
								<td>13405000000</td>
								<td>test@139.com</td>
								<td>男</td>
								<td>管理员</td>
								<td>停用</td>
								<td>2017-01-01</td>
								<td>
									<a href="javascript:;" class="btn btn-secondary btn-sm btn-icon icon-left" onclick="toInfo();">
										修改
									</a>
									<a href="javascript:;" class="btn btn-danger btn-sm btn-icon icon-left" onclick="deleteTip();">
										删除
									</a>
									<a href="javascript:;" class="btn btn-white btn-sm btn-icon icon-left" onclick="openTip();">
										开启
									</a>
								</td>
							</tr>
							<tr>
								<td>
									<input type="checkbox" class="cbr">
								</td>
								<td>test</td>
								<td>测试账号</td>
								<td>13405000000</td>
								<td>test@139.com</td>
								<td>男</td>
								<td>管理员</td>
								<td>开启</td>
								<td>2017-01-01</td>
								<td>
									<a href="javascript:;" class="btn btn-secondary btn-sm btn-icon icon-left" onclick="toInfo();">
										修改
									</a>
									<a href="javascript:;" class="btn btn-danger btn-sm btn-icon icon-left" onclick="deleteTip();">
										删除
									</a>
									<a href="javascript:;" class="btn btn-white btn-sm btn-icon icon-left" onclick="stopTip();">
										停用
									</a>
								</td>
							</tr>
							
						</tbody>
					</table>
					
				</div>
			</div>
			<%@ include file="common/footer.jsp"%>
		</div>
	</div>
</body>
</html>