goodsConfig.jsp 7.96 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/goodsConfig.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"  method="post">
				<table class="search-table">
					<tr>
						<td>
							藏品编号:<input name="otcCode" class="easyui-textbox search-input">
						</td>
						<td>
							藏品名称:<input name="otcName" class="easyui-textbox search-input">
						</td>
						<td>
							状态:
							<select name="goodsStatus" 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>
							</select>
						</td>
					</tr>
					<tr>
						<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:goodsConfig.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:'查询结果'">
		    <div id="toolbar">
				<a href="javascript:goodsConfig.addGoodBefore()" class="easyui-linkbutton">添加藏品</a> 
				<a href="javascript:goodsConfig.updateGoodBefore()" class="easyui-linkbutton">修改藏品</a> 
				<a href="javascript:goodsConfig.goodStatus(1)" class="easyui-linkbutton">藏品上架</a> 
				<a href="javascript:goodsConfig.goodStatus(0)" class="easyui-linkbutton">藏品下架</a>
				<a href="javascript:goodsConfig.goodStatus(2)" class="easyui-linkbutton">作废藏品</a>
			    <a href="javascript:goodsConfig.export()" class="easyui-linkbutton">库存导出</a>
			</div>
			<!-- 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, url:'/user/goods/search'">
				<thead>
			        <tr>
			        	<th data-options="field:'', checkbox:true"></th>
			        	<th data-options="field:'id'">藏品ID</th>
			            <th data-options="field:'otcCode'">藏品编号</th>
			            <th data-options="field:'otcName'">藏品名称</th>
			            <th data-options="field:'image',formatter:goodsConfig.formatImage">图片</th>
			            <th data-options="field:'otcAccount'">发放账号</th>
			            <th data-options="field:'price'">配售价格</th>
			             <th data-options="field:'point'">配售额度</th>
			            <th data-options="field:'goodsAmount'">库存数量</th>
			            <th data-options="field:'goodsRemain'">剩余库存</th>
			            <th data-options="field:'goodsStatus',formatter:goodsConfig.formatStatus">状态</th>
			            <th data-options="field:'lottery',formatter:goodsConfig.formatType">获取方式</th>
			            <th data-options="field:'lotteryProbability'">抽奖概率</th>
			            <th data-options="field:'createAt'">创建时间</th>
			            <th data-options="field:'createBy'">操作人</th>
			        </tr>
			    </thead>
			    <tbody></tbody>
			</table>
		</div>
	</div>
	
	
	<!-- Add Form -->
	
	<div id="add-dialog" class="easyui-dialog" style="padding: 10px; width: 500px;height:500px;"
		data-options="closed:true, title:'添加藏品', buttons:'#add-dialog-buttons'">
		<form id="add-form" method="post" enctype="multipart/form-data">
			    <input id="id" name="id" type="hidden" />
				<ul class="simple-ul">
					<li><label style="width:110px;">藏品编号:</label><input name="otcCode" id="otcCode" class="easyui-textbox add-input" data-options="required:true,onChange: goodsConfig.otcCodeChange" style="width:150px;"/></li>
					<li><label style="width:110px;">藏品名称:</label><input name="otcName" id="otcName" class="easyui-textbox add-input" data-options="required:true,readonly:true" style="width:150px;"/></li>
					<li><label style="width:110px;">发放账号:</label><input name="otcAccount" id="otcAccount" class="easyui-textbox add-input" data-options="required:true" style="width:150px;"/></li>
					<li><label style="width:110px;">库存数量:</label><input name="goodsAmount" id="goodsAmount" class="easyui-numberbox add-input" data-options="required:true" style="width:150px;"/></li>
					<li><label style="width:110px;">配售价格:</label><input name="price" id="price" class="easyui-numberbox add-input" data-options="required:true,precision:2" style="width:150px"></li>
					<li><label style="width:110px;">配售额度:</label><input name="point" id="point" class="easyui-numberbox add-input" data-options="required:true,precision:2" style="width:150px"/></li>
					<li><label style="width:110px;">限购数量:</label><input name="buyMax" id="buyMax" class="easyui-numberbox add-input" data-options="required:true" style="width:150px"/></li>
					<li><label style="width:110px;">图片:</label> <input class="easyui-filebox" style="width: 250px" id="imageFile" name="imageFile"></li>
					<li><label style="width:110px;"></label><span id="image"></span></li>					
					<li>
					<label style="width:110px;">获取方式:</label><input name="lottery" id="lottery1"  type="radio" value="0"  checked="checked" onclick="goodsConfig.lotteryType()"/>配售
					<input name="lottery" id="lottery2"  type="radio" value="1"  onclick="goodsConfig.lotteryType()"/>刮奖
					</li>
				</ul>
		        
		        <UL class="simple-ul" id="lottery_param" style="display: none;">
				    <li><label style="width:110px;">中奖概率:</label><input name="lotteryProbability" id="lotteryProbability" class="easyui-numberbox add-input point"  data-options="required:true,novalidate:true" style="width:150px;"/>%</li>
					<li><label style="width:110px;">资格开始累计时间:</label><input name="lotteryStart" id="lotteryStart" class="easyui-datetimebox add-input point"  data-options="required:true,novalidate:true" style="width:150px;"/></li>
					<li><label style="width:110px;">资格结束累计时间:</label><input name="lotteryEnd" id="lotteryEnd" class="easyui-datetimebox add-input point"  data-options="required:true,novalidate:true" style="width:150px;"/></li>
					<li><label style="width:110px;">刮奖次数获取值:</label><input name="lotteryPoint" id="lotteryPoint" class="easyui-numberbox add-input point"  data-options="required:true,precision:2,novalidate:true" style="width:150px"></li>
					<li><label style="width:110px;">刮奖资格保留时间:</label><input name="lotteryExpire" id="lotteryExpire" class="easyui-numberbox add-input point" data-options="required:true,novalidate:true"  style="width:150px"/></li>
					<li><label style="width:110px;">配售资格保留时间:</label><input name="buyExpire" id="buyExpire" class="easyui-numberbox add-input point" data-options="required:true,novalidate:true" style="width:150px"/></li>
				</UL>
				</form>
	</div>
	
	<div id="add-dialog-buttons" style="text-align:center;">
		<a href="javascript:goodsConfig.updateOrAddGoods()" class="easyui-linkbutton c6 search-button" data-options="iconCls:'icon-ok'">确认</a>
    	<a href="javascript:App.closeAddDialog()" class="easyui-linkbutton search-button" data-options="iconCls:'icon-cancel'">取消</a>
	</div>
</body>
</html>