activeConfig.jsp 13 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/activeConfig.js?r=${random}"></script>
<style type="text/css">
.add-label{
	text-align: right;
}
.simple-table tr td{
	text-align: center;
}
</style>
</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 name="name" class="easyui-textbox search-input">
						</td>
						<td>
							活动类型:
							<select name="type" class="easyui-combobox search-input">
								<option value="0">新开户</option>
								<option value="1">推荐开户</option>
								<option value="2">会员升级</option>
								<option value="3">每月配额</option>
								<option value="4">持仓</option>
								<option value="5">入金</option>
								<option value="6">交易</option>
								<option value="7">账户余额</option>
							</select>
						</td>
						<td>
							活动状态:
							<select name="status" class="easyui-combobox search-input">
								<option value="">全部</option>
								<option value="1">未开始</option>
								<option value="2">进行中</option>
								<option value="3">已结束</option>
								<option value="0">作废</option>
							</select>
						</td>
						<td><a href="javascript:ActiveConfig.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:ActiveConfig.addActive()" class="easyui-linkbutton">添加基本信息</a> 
				<a href="javascript:ActiveConfig.beforeUpdate()" class="easyui-linkbutton">修改基本信息</a> 
				<a href="javascript:ActiveConfig.setRule()" class="easyui-linkbutton">设定详细规则</a> 
				<a href="javascript:ActiveConfig.transView()" class="easyui-linkbutton">发放预览</a>
				<a href="javascript:ActiveConfig.toRecord()" class="easyui-linkbutton">查看发放记录</a>
				<a href="javascript:ActiveConfig.cancelActive()" class="easyui-linkbutton">取消活动</a>
				<!-- <a href="javascript:ActiveConfig.once()" class="easyui-linkbutton">老用户送礼</a> -->
				<a href="javascript:ActiveConfig.sendDeveloper()" class="easyui-linkbutton">补推荐人奖品</a>
				<a href="javascript:ActiveConfig.sendGift()" 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">
				<thead>
			        <tr>
			        	<th data-options="field:'id', checkbox:true"></th>
			        	<th data-options="field:'name'">活动名称</th>
			            <th data-options="field:'type', formatter:ActiveConfig.formatType">活动类型</th>
			            <th data-options="field:'startDate'">活动开始时间</th>
			            <th data-options="field:'endDate'">活动结束时间</th>
			            <th data-options="field:'addition', formatter:ActiveConfig.formatDetail">规则</th>
			            <th data-options="field:'status', formatter:ActiveConfig.formatStatus">活动状态</th>
			            <th data-options="field:'createBy'">操作人</th>
			            <th data-options="field:'createAt'">操作时间</th>
			        </tr>
			    </thead>
			    <tbody></tbody>
			</table>
		</div>
	</div>
	
	<!-- Add Form -->
	<div id="add-dialog" class="easyui-dialog" style="padding: 10px; width: 600px;height: 400px;"
		data-options="closed:true, title:'活动基本信息', modal:true, buttons:'#add-dialog-buttons', onClose:ActiveConfig.clearDialog">
		<form id="add-form" method="post" data-options="novalidate: false">
			<input id="id" name="id" type="hidden" />
				<ul class="simple-ul">
					<li><label style="width:90px;">活动名称:</label><input name="name" id="name" class="easyui-textbox add-input" data-options="required:true" style="width:400px"></li>
					<li><label style="width:90px;">活动开始时间:</label><input name="startDate" id="startDate" class="easyui-datetimebox search-input" data-options="required:true" style="width:150px">
					<label style="width:90px;">活动结束时间:</label><input name="endDate" id="endDate" class="easyui-datetimebox search-input" data-options="required:true" style="width:150px"></li>
					<li><label style="width:90px;">活动类型:</label><select name="type" class="easyui-combobox search-input" data-options="required:true" style="width:150px">
								<option value="0">新开户</option>
								<option value="1">推荐开户</option>
								<option value="2">会员升级</option>
								<option value="3">每月配额</option>
								<option value="4">持仓</option>
								<option value="5">入金</option>
								<option value="6">交易</option>
								<option value="7">账户余额</option>
							</select><label style="width:90px;">匹配档次:</label><select class="easyui-combobox search-input"  style="width:150px">
								<option value="1">单次匹配</option>
								<option value="2">多次匹配</option>
							</select></li>
					<li><label style="width:90px;">发奖账号:</label><input name="activeAccount" id="activeAccount" class="easyui-numberbox add-input" data-options="required:true" style="width:150px"></li>
					<li><label style="width:90px;">附加条件:</label><input name="addition" id="addition" class="easyui-textbox add-input" data-options="multiline:true" style="width:400px;height:80px;"></li>
					<li><label style="width:90px;">奖品信息1:</label></li>
					<li><label style="width:90px;">奖品编号:</label><input name="gifts[0].giftCode" id="giftCode0" class="easyui-numberbox add-input" data-options="required:true" style="width:150px">
					<label style="width:70px;">奖品名称:</label><input name="gifts[0].giftName" id="giftName0" class="easyui-textbox add-input" data-options="required:true" style="width:150px"></li>
					<li><label style="width:90px;">奖励总量:</label><input name="gifts[0].giftAmount" id="giftAmount0" class="easyui-numberbox add-input" data-options="required:true" style="width:150px">
					<label style="width:70px;">配售价格:</label><input name="gifts[0].giftPrice" id="giftPrice0" class="easyui-numberbox add-input" data-options="required:true,precision:2" style="width:150px"></li>
				</ul>
			<div id="add-div"></div>
			<ul class="simple-ul" style="margin-top:20px">
				<li style="text-align: center;"><label style="color:red;width:300px;text-align: center;">请保证每个奖品不相同</label></li>
				<li style="text-align: center;"><a href="javascript:ActiveConfig.addGift()" data-options="iconCls:'icon-add'" class="easyui-linkbutton">添加新奖品</a></li>
			</ul>
		</form>
	</div>
	<div id="add-dialog-buttons" style="text-align:center;">
		<a href="javascript:ActiveConfig.add()" 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>
	
	<div id="record-dialog" class="easyui-dialog" style="padding: 10px; width: 820px; height:400px;" 
		data-options="closed:true, title:'记录查看', onClose:ActiveConfig.clearDetail">
		<div id="toolbar2">	
			<a href="javascript:ActiveConfig.send()" class="easyui-linkbutton">开始发放</a> 
			<a href="javascript:ActiveConfig.recordCancer()" class="easyui-linkbutton">取消</a> 
		</div>
		<table id="record-grid" class="easyui-datagrid" 
				data-options="fitColumns:true, singleSelect:true, fit:true, pagination:true, idField: 'id',
				rownumbers:true, toolbar:'#toolbar2', selectOnCheck:true, pageSize:20">
			<thead>
				<input type="hidden" id="activeId" />
		        <tr>
		        	<th data-options="field:'id'"></th>
		        	<th data-options="field:'name'">活动名称</th>
		            <th data-options="field:'type', formatter:ActiveConfig.formatType">活动类型</th>
		            <th data-options="field:'user_id'">会员号</th>
		            <th data-options="field:'end_rule'">发生数值</th>
		            <th data-options="field:'gift_type', formatter:ActiveConfig.giftType">奖励方式</th>
		            <th data-options="field:'gift_id'">奖品编号</th>
		            <th data-options="field:'gift_name'">奖品名称</th>
		            <th data-options="field:'gift_amount'">奖励数量</th>
		            <th data-options="field:'issue_status', formatter:ActiveConfig.issueStatus">奖品状态</th>
		        </tr>
		    </thead>
		    <tbody></tbody>
		</table>
	</div>
	
	<div id="rule-dialog" class="easyui-dialog" style="padding: 10px; width: 750px; height:300px;" 
		data-options="closed:true, title:'规则设定', onClose:ActiveConfig.clearRule">
			<form id="rule-form" method="post" data-options="novalidate: false">
			<input type="hidden" id="active_id" name="id" />
			<table class="simple-table">
				<tr>
					<td style="width:70px;">档次:</td>
					<td style="width:150px;"><input name="rules[0].sort" id="sort0" class="easyui-numberbox add-input" data-options="required:true" style="width:140px"></td>
					<td style="width:70px;">最小数值:</td>
					<td style="width:150px;"><input name="rules[0].startRule" id="startrule0" class="easyui-numberbox add-input" data-options="required:true" style="width:140px"></td>
					<td style="width:70px;">最大数值:</td>
					<td style="width:150px;"><input name="rules[0].endRule" id="endrule0" class="easyui-numberbox add-input" data-options="required:true" style="width:140px"></td>
				</tr>
				<tr>
					<td>奖品编号:</td>
					<td><select name="rules[0].activeGiftInfo.giftCode" id="giftcode0" class="easyui-combobox add-input" data-options="required:true,onSelect:ActiveConfig.changeCode" style="width:140px"></select></td>
					<td>奖品名称:</td>
					<td><label id="giftname0" style="width:140px;"></label></td>
					<td>奖励方式:</td>
					<td><select name="rules[0].activeGiftInfo.giftType" id="gifttype0" class="easyui-combobox add-input" data-options="required:true" style="width:140px">
							<option value="0">赠送藏品</option>
							<option value="1">配售藏品</option>
							<option value="2">非藏品</option>
						</select></td>
				</tr>
				<tr>
					<td>奖励数量:</td>
					<td><input name="rules[0].giftAmount" id="giftamount0" class="easyui-numberbox add-input" data-options="required:true" style="width:140px;"></td>
					<td colspan="4"></td>
				</tr>
			</table>
			<div id="add-rule"></div>
			<ul class="simple-ul" style="margin-top:20px">
				<li style="text-align: center;"><label style="color:red;width:400px;text-align: center;">请不要将不同档次设置同一种奖品</label></li>
				<li style="text-align: center;"><a href="javascript:ActiveConfig.addRule()" data-options="iconCls:'icon-add'" class="easyui-linkbutton">添加规则档次</a>
				<a href="javascript:ActiveConfig.submitRule()" class="easyui-linkbutton c6 search-button" data-options="iconCls:'icon-ok'">确认</a>
    			<a href="javascript:ActiveConfig.closeAddRuleDialog()" class="easyui-linkbutton search-button" data-options="iconCls:'icon-cancel'">取消</a></li>
			</ul>
		</form>
	</div>
	
	<div id="show-dialog" class="easyui-dialog" style="padding: 10px; width: 750px; height:300px;" 
		data-options="closed:true, title:'规则查看'">
		<table id="show-grid" class="easyui-datagrid" 
				data-options="fitColumns:true, singleSelect:true, fit:true, pagination:true, 
					rownumbers:true, selectOnCheck:true, pageSize:20">
				<thead>
			        <tr>
			        	<th data-options="field:'sort'">档次</th>
			        	<th data-options="field:'startRule'">最小数值</th>
			            <th data-options="field:'endRule'">最大数值</th>
			            <th data-options="field:'a', formatter:ActiveConfig.getGiftType">奖励方式</th>
			            <th data-options="field:'b', formatter:ActiveConfig.getGiftCode">奖品代码</th>
			            <th data-options="field:'c', formatter:ActiveConfig.getGiftName">奖品名称</th>
			            <th data-options="field:'giftAmount'">奖励数量</th>
			            <th data-options="field:'d', formatter:ActiveConfig.getGiftPrice">配售价格</th>
			            <th data-options="field:'e', formatter:ActiveConfig.getGiftAmount">奖励总量</th>
			            <th data-options="field:'f', formatter:ActiveConfig.getGiftRemainAmount">剩余数量</th>
			        </tr>
			    </thead>
			    <tbody></tbody>
			</table>
	</div>
</body>
</html>