<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../common/common.jsp" %>
<title>用户管理</title>
</head>
<body>
<%@ include file="../common/head.jsp" %>
<div class="screen main">
		<%@ include file="../common/left.jsp" %>
		
		<div class="main-content">
			<div class="main-title">用户管理</div>
			<div class="search-form">
				<div class="search-group">
					<div class="search-item">
						<div class="label">用户名：</div>
						<input type="text" id="loginName" name="loginName" class="text {text:'请输入关键字'}" size="40" />
					</div>
					<div class="search-item">
						<div class="label">姓名：</div>
						<input type="text" id="nickName" name="nickName" class="text {text:'请输入关键字'}" size="40" />
					</div>
					<div class="search-item">
						<div class="label">手机号：</div>
						<input type="text" id="telephone" name="telephone" class="text {text:'请输入关键字'}" size="40" />
					</div>
					<div class="search-item">
						<div class="label">邮箱：</div>
						<input type="text" id="email" name="email" class="text {text:'请输入关键字'}" size="40" />
					</div>
				</div>
				<div class="search-group">
					<div class="search-item">
						<div class="label">性别：</div>
						<div class="select">
							<select name="userSex" id="userSex">
								<option value="">全部</option>
								<option value="0">男</option>
								<option value="1">女</option>
							</select>
						</div>
					</div>
					<div class="search-item">
						<div class="label">角色：</div>
						<div class="select">
							<select name="userRole" id="userRole">
								<option value="">全部</option>
								<c:forEach items="${roleList}" var="role">
									<option value="${role.roleId}">${role.name}</option>
								</c:forEach>
							</select>
						</div>
					</div>
					<div class="search-item">
						<a href="javascript:void(0)" onclick="getList(1)" class="search-btn">搜 索</a>
					</div>
				</div>
			</div>
			<div class="table-content">
				<div class="rFloat buttons">
					<a href="javascript:$.openWindow('新增用户', 'adduser.do', 650, 370, true);" class="btn">+新增</a>
					<a href="${staticPath}excel/用户导入模板.xlsx" target="_blank" class="btn">下载模板</a>
					<a href="javascript:void(0);" class="btn upfile">
						<form id="excelInfo" action="" method="POST" enctype="multipart/form-data" target="hframe">
							<input type="file" name="uploadfile" onchange="uploadExcel(this);"/><span>导入表</span>
						</form>
					</a>
					<a href="user_export.do?type=4" class="btn">导出</a>
				</div>
				已选 <span id="checkCount" class="orange">0</span> 条&nbsp;&nbsp;<a href="javascript:delUser();" class="btn del">批量删除</a>
				<table class="table mTop10" cellpadding="0" cellspacing="0">
					<thead>
						<tr>
							<th width="44"><input type="checkbox" class="checkbox checkbox-white {click:checkAll}" name="all" value="" /></th>
							<th>用户名</th>
							<th>姓名</th>
							<th>手机号</th>
							<th>邮箱</th>
							<th>性别</th>
							<th>角色</th>
							<th width="98">操作</th>
						</tr>
					</thead>
					<tbody id="list">
					</tbody>
				</table>
				<div class="mTop20">
					<div id="page" class="rFloat"></div>
					累计 <span id="count" class="blue">0</span> 条
				</div>
			</div>
		</div>
		<div class="clear"></div>
</div>
<iframe name="hframe" style="display: none;"></iframe>
<script type="text/javascript">
$(function(){
	$.resetText();
	$(".text").input();
	$(".select").uiSelect();
	$.checkbox();
	$(".table").hoverTable(true);
	getList(1);
});
</script>
<script type="text/javascript" src="${staticPath}js/system/user.js"></script>
<%@ include file="../common/footer.jsp" %>
</body>
</html>