pickPackage.jsp 4.04 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/pick/pickPackage.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/package/search" method="post">
				<table class="search-table">
					<tr>
						<td>
							包装名称:<input name="packageName" class="easyui-textbox search-input">
						</td>
						<td>
							状态:
							<select name="packageStatus" class="easyui-combobox search-input" data-options="editable: false">
								<option value="" selected="selected">全部</option>
								<option value="0">已作废</option>
								<option value="1">正常</option>
							</select>
						</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:PickPackage.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, fit:true, pagination:true, singleSelect:true, 
					rownumbers:true, toolbar:'#toolbar', selectOnCheck:true, pageSize:20">
				<thead>
			        <tr>
			        	<th data-options="field:'ID', checkbox:true"></th>
			        	<th data-options="field:'id'">规则ID</th>
			        	<th data-options="field:'packageName'">包装名称</th>
			            <th data-options="field:'packageFee'">包装费用</th>
			            <th data-options="field:'packageStatus', formatter:PickPackage.formatPickageStatus">状态</th>
			            <th data-options="field:'createDate'">创建时间</th>
			            <th data-options="field:'createBy'">创建人</th>
			            <th data-options="field:'orderNo'">排序号</th>
			        </tr>
			    </thead>
			    <tbody></tbody>
			</table>
		</div>
		<div id="toolbar">
			<a href="javascript:PickPackage.addRule()" class="easyui-linkbutton">添加规则</a>
			<a href="javascript:PickPackage.updateRule()" class="easyui-linkbutton">修改规则</a>
			<a href="javascript:PickPackage.cancelRule()" class="easyui-linkbutton">作废规则</a>
		</div>
		
		<!-- 添加规则 -->
		<div id="add-dialog" class="easyui-dialog" style="padding:10px; width: 460px;" 
			data-options="closed:true, title:'添加规则', buttons:'#add-dialog-buttons'">
			<form id="add-form" method="post" data-options="novalidate: false">
				<input type="hidden" name="id" />
				<ul class="simple-ul">
					<li><label style="width:100px;">包装名称:</label><input name="packageName" 
					class="easyui-textbox add-input" data-options="required:true"></li>
					<li><label style="width:100px;">费用:</label><input name="packageFee" 
					class="easyui-numberbox add-input" data-options="required:true,precision:2"></li>
					<li><label style="width:100px;">排序号:</label><input name="orderNo" 
					class="easyui-numberbox add-input" data-options="required:true"></li>
				</ul>
			</form>
		</div>
		<div id="add-dialog-buttons" style="text-align:center;">
	    	<a href="javascript:PickPackage.add()" class="easyui-linkbutton search-button" data-options="iconCls:'icon-ok'">确定</a>
	    	<a href="javascript:PickPackage.cancel()" class="easyui-linkbutton search-button">取消</a>
		</div>
		
	</div>
</body>
</html>