userLevelRecord.jsp 2.1 KB
<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
	<jsp:include page="${ctx }/WEB-INF/view/meta.jsp"></jsp:include>
	<script type="text/javascript" src="${ctx}/resource/js/user/userLevelRecord.js?r=${random}"></script>
</head>
<body>
	<div class="easyui-panel" data-options="fit:true">
		<div class="easyui-panel" style="padding:10px;" 
			data-options="title:'查询条件', collapsible:true, width:'100%', height:'20%'">
			<form id="search-form" action="" method="post">
				<table class="search-table">
					<tr>
						<td>
							用户编号:<input id="userId" name="userId" class="easyui-textbox search-input">
						</td>
						 <td>
							升级起始日期:<input name="startDate" data-options="formatter:App.formatDate" class="easyui-datebox search-input">
						</td>
						<td>
							升级结束日期:<input name="endDate" data-options="formatter:App.formatDate" class="easyui-datebox search-input">
						</td>
						<td>
							<a href="javascript:userLevelRecord.search()" class="easyui-linkbutton search-button" data-options="iconCls:'icon-search'">搜索</a>
						</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div class="easyui-panel" data-options="height:'80%',title:'查询结果'">
			
			    <!-- DataGrid -->
			<table id="data-grid" class="easyui-datagrid" 
				data-options="fitColumns:true, singleSelect: true, fit:true, pagination:true, idField: 'id',
					rownumbers:true, toolbar:'#toolbar', selectOnCheck:true, pageSize:20">
				<thead>
			        <tr>
			        	<th data-options="field:'id', checkbox:true"></th>
			            <th data-options="field:'userId'">用户编号</th>
			            <th data-options="field:'level', formatter:userLevelRecord.formatLevel">升级到的等级</th>
			            <th data-options="field:'levelAt'">升级时间</th>
			        </tr>
			    </thead>
			    <tbody></tbody>
			</table>
		</div>
	</div>
</body>
</html>