client.jsp 2.57 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/client.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="/user/account/search" method="post">
				<table class="search-table">
					<tr>
						<td>
							会员号:<input name="clientId" class="easyui-textbox search-input">
						</td>
						<td>
							姓名:<input name="clientName" class="easyui-textbox search-input">
						</td>
						<td>
							会员等级:
							<select name="level" class="easyui-combobox search-input" data-options="editable: false">
								<option value="" selected="selected">全部</option>
								<option value="0">普通会员</option>
								<option value="1">铜牌会员</option>
								<option value="2">银牌会员</option>
								<option value="3">金牌会员</option>
								<option value="4">钻石会员</option>
							</select>
						</td>
						<td>
							<a href="javascript:client.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:'clientId'">会员号</th>
			            <th data-options="field:'clientName'">姓名</th>
			            <th data-options="field:'assetLevel',formatter:client.formatLevel">会员等级</th>
			            <th data-options="field:'openDate'">开户时间</th>
			        </tr>
			    </thead>
			    <tbody></tbody>
			</table>
		</div>
		<div id="toolbar">
			<a href="javascript:client.clientUnders()" class="easyui-linkbutton" data-options="iconCls:'icon-search', width:'150', height:'30'">查看下属会员</a>
		</div>
	</div>
</body>
</html>