WebContent/WEB-INF/jsp/pc/activity/activityindex.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>红包配置</title>
<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
<style>
.layui-form-label{
	width:100px;
}
.layui-form-item h4{
	line-height:40px;
	font-size:14px;
	color:333;
}
.redpagebox{
	padding:10px 100px 0 10px;
}
.redpagebox .layui-input-block{
	margin-left:0;
}
.red{
	color:red;
	margin-right:5px;
}
</style>
<script src="http://cdn.sockjs.org/sockjs-0.3.min.js"></script>
<body class="wrap">
<form class="layui-form" style="margin-top:20px;">

	<div style="width:350px;float:left;">
		<div class="layui-form-item">
			<label for="" class="layui-form-label"><i class="red">*</i>活动开启时间 </label>
			<div class="layui-input-inline">
				<div class="layui-input-inline">
					<!--<input type="text" name="begintime" autocomplete="on" id="stTime" placeholder="- 开始时间 -" class="layui-input" lay-verify="required" onclick="layui.laydate({elem: this,format: 'YYYY-MM-DD hh:mm',istime: true})">-->
					<input type="text" name="beginTime" autocomplete="on" id="stTime" placeholder="- 开始时间 -" class="layui-input" lay-verify="required" onclick="layui.laydate({elem: this,format: 'YYYY-MM-DD hh:mm',istime: true,min:laydate.now(-1)})">
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label"><i class="red">*</i>活动状态</label>
			<div class="layui-input-inline">
				<select name="status" lay-verify="required" disabled>
					<option value="0">请选择状态 </option>
					<option value="1">未开启 </option>
					<option value="2"> 进行中</option>
					<option value="3"> 已结束</option>
				</select>
			</div>
		</div>
			<div class="layui-form-item">
			<label class="layui-form-label"><i class="red">*</i>当前轮次</label>
			<div class="layui-input-inline">
			<input type="number" name="turn" class="layui-input" readonly />
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label"><i class="red">*</i>发放红包预算 </label>
			<div class="layui-input-inline">
				<input type="number" name="planMny" class="layui-input" lay-verify="required" />
			</div>
		</div>
		

	</div>
	<div style="float:left;">
		<div class="layui-form-item">
			<label class="layui-form-label">红包活动范围 </label>
			<div class="layui-input-inline" >
				<input type="text" name="city" class="layui-input" />
			</div>
		</div>
		
		<div class="layui-form-item">
			<label class="layui-form-label">红包中奖概率 </label>
			<div class="layui-input-inline">
				<input type="number" name="lotteryPercent" class="layui-input" lay-verify="required" />
			</div>
			<div class="layui-input-inline" style="width:20px;padding:9px 0px;">
				%
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">已发放红包金额</label>
			<div class="layui-input-inline">
				<input type="number" name="currentMny" class="layui-input" readonly />
			</div>
			<div class="layui-form-mid layui-word-aux">提示：(该金额为缓存的已发放金额，每个保存会清零，实际发放金额以抽奖记录为准）</div>
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label"><i class="red">*</i>红包随机金额 </label>
		<div class="layui-input-inline" style="width:100px;">
			<input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" type="number" name="minMny" class="layui-input" lay-verify="required" min="1">
			<!-- <input type="number" name="minMny" class="layui-input" lay-verify="required" min="1"/> -->
			
		</div>
		
		<div class="layui-input-inline" style="width:20px;padding:9px 0px;">
			至
		</div>
		<div class="layui-input-inline" style="width:100px;">
			<input type="number" name="maxMny" class="layui-input" lay-verify="required" min="1"/>
		</div>
		<div class="layui-input-inline" style="width:20px;padding:9px 0px;">
			分
		</div>
			<div class="layui-form-mid layui-word-aux">提示：只能输入正整数</div>
	</div>
	<div class="layui-form-item redpagebox">
		<h4>粉丝输入以下关键字将触发万小二抽奖功能（多个关键字请以“|”分隔）</h4>
		<div class="layui-input-block">
			<input type="text" name="keyword" class="layui-input"  placeholder="万小二|红包|抽奖"/>
		</div>
	</div>
	<div class="layui-form-item redpagebox">
		<h4>红包活动欢迎语</h4>
		<div class="layui-input-block">
			<textarea name="replyWelcome" class="layui-textarea"  placeholder="小二开工大吉，红包大派送！客官请用“万小二”进行造句，比如“万小二你真美！”、“买房我只找万小二”等，即有机会获得我的开工红包！每人两次机会，come on~让我听见你们的赞美吧！"></textarea>
		</div>
	</div>
	<div class="layui-form-item redpagebox">
		<h4>不赞美万小二时的提示语(多个请以“|”分隔),不填则仍给抽奖机会</h4>
		<div class="layui-input-block">
			<input type="text" name="badWordsReply" class="layui-input"  placeholder="必须赞美万小二哦"/>
		</div>
	</div>
	<div class="layui-form-item redpagebox">
		<h4>等待中奖结果提示语</h4>
		<div class="layui-input-block">
			<input type="text" name="replyWait" class="layui-input"  placeholder="小二帮你看看中奖没"/>
		</div>
	</div>
	<div class="layui-form-item redpagebox">
		<h4>中奖提示语</h4>
		<div class="layui-input-block">
			<input type="text" name="replySucceed" class="layui-input"  placeholder="哇，恭喜你获得先进红包一个"/>
		</div>
	</div>
	<div class="layui-form-item redpagebox">
		<h4>未中奖提示语</h4>
		<div class="layui-input-block">
			<input type="text" name="unLotteryReply" class="layui-input" placeholder="不开心，小主人没有中奖呃"/>
		</div>
	</div>
	<div class="layui-form-item redpagebox">
		<h4>第二次未中奖提示语</h4>
		<div class="layui-input-block">
			<input type="text" name="replyFailed2" class="layui-input" placeholder="哎呀，你的红包好像被别人抢走了，别泄气，分享小程序给你的好友，让他们也来抢一抢吧！"/>
		</div>
	</div>
	<div class="layui-form-item redpagebox">
		<h4>活动结束后新粉丝触发抽奖后万小二回复内容</h4>
		<div class="layui-input-block">
			<input type="text" name="finishReply" class="layui-input" placeholder="本次红包活动已结束，请期待下一次吧。"/>
		</div>
	</div>
	<div class="layui-form-item redpagebox">
		<h4>粉丝中奖后，万小二向粉丝推送的红包链接标题</h4>
		<div class="layui-input-block">
			<input type="text" name="lotteryTitle" class="layui-input" placeholder="恭喜你获得一个微信现金红包"/>
		</div>
	</div>
	<div class="layui-form-item redpagebox" >
		<h4>粉丝中奖后，万小二向粉丝推送的红包链接的副标题</h4>
		<div class="layui-input-block">
			<input type="text" name="lotterySubTitle" class="layui-input"  placeholder="请点击领取，即刻到账"/>
		</div>
	</div>
	<div class="layui-form-item redpagebox" >
		<h4>粉丝当前轮次已经中奖后，万小二向粉丝回复的内容</h4>
		<div class="layui-input-block">
			<input type="text" name="noChanceReply" class="layui-input"  placeholder="您已经抽过奖啦"/>
		</div>
	</div>
	<div class="layui-form-item layui-form-text">
		<label class="layui-form-label"></label>
		<a class="layui-btn" lay-submit="" lay-filter="submit">保存</a>
		<button class="layui-btn"  lay-submit lay-filter="status2">立即开启活动</button>
		<button class="layui-btn"  lay-submit lay-filter="status3">立即结束活动</button>
		<button class="layui-btn"  lay-submit lay-filter="nextround">开启下一轮</button>
	</div>
</form>
</body>

<script src='/zzhnc/res/js/jquery.min.js'></script>
<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
<script>
		layui.use(['form', 'element', 'laydate', 'layer', 'laypage','layedit'], function() {
			var form = layui.form(),
				element = layui.element(),
				laydate = layui.laydate,
				layer = layui.layer,
				laypage = layui.laypage;
			
			  form.render()
			
			  $.post("/zzhnc/activity/getActivitySetting",function(data){
				console.log(data);
				 if(data.code==0){
					 var lop=(data.data.lotteryPercent);
					$("input[name=beginTime]").val(toTime_G(data.data.beginTime));
					$("select[name=status]").val(data.data.status);
					$("input[name=planMny]").val(data.data.planMny);
					$("input[name=currentMny]").val(data.data.currentMny.toFixed(2));
					$("input[name=turn]").val(data.data.turn)
					$("input[name=city]").val(data.data.city);
					$("input[name=lotteryPercent]").val(lop);
					$("input[name=minMny]").val(data.data.minMny);
					$("input[name=maxMny]").val(data.data.maxMny);
					$("input[name=keyword]").val(data.data.keyword);
					$("textarea[name=replyWelcome]").val(data.data.replyWelcome);
					$("input[name=replyWait]").val(data.data.replyWait);
					$("input[name=replySucceed]").val(data.data.replySucceed);
					$("input[name=unLotteryReply]").val(data.data.unLotteryReply);
					$("input[name=replyFailed2]").val(data.data.replyFailed2);
					$("input[name=finishReply]").val(data.data.finishReply);
					$("input[name=lotteryTitle]").val(data.data.lotteryTitle);
					$("input[name=lotterySubTitle]").val(data.data.lotterySubTitle);
					$("input[name=noChanceReply]").val(data.data.noChanceReply);
					$("input[name=badWordsReply]").val(data.data.badWordsReply);
					
					form.render();
				} else{
					top.layer.msg(data.msg);
				}
			})   
			  
			form.on('submit(submit)', function(e){
				var lop = e.field.lotteryPercent;
				e.field.lotteryPercent=lop;
				 console.log(lop);
				//var data_=JSON.stringify(e.field);
				var data_=e.field;
				$.post("/zzhnc/activity/editActivitySetting",data_,function(data){
					console.log(data);
					 if(data.code==0){
						top.layer.msg("修改成功");
					} else{
						top.layer.msg(data.msg);
					}
				})  
			});
			  
			  //立即开始
		 	form.on('submit(status2)', function(e){
			  var status=$("select[name=status]").val();
			  console.log(status)
			  if(status=="1"){
				  $.post("/zzhnc/activity/updateActivityStatus",{status:"2"},function(data){
						console.log(data);
						 if(data.code==0){
							top.layer.msg("开启活动成功");
							 
						} else{
							top.layer.msg(data.msg);
						}
					})   
			  }else{
				  top.layer.msg("只有未开启的活动才可以开启");
			  }	 
			});
			  
			  //立即结束
			  form.on('submit(status3)', function(e){
				  var status=$("select[name=status]").val();
				  if(status=="2"){
					$.post("/zzhnc/activity/updateActivityStatus",{status:"3"},function(data){
						console.log(data);
						 if(data.code==0){
							top.layer.msg("设置活动结束成功");
							 
						} else{
							top.layer.msg(data.msg);
						}
					})   
					  }else{
						  top.layer.msg("只有进行中的活动可以结束");
					  }
					 
				  });
			  //设置下一轮
			   form.on('submit(nextround)', function(e){
				 
				   var status=$("select[name=status]").val();
					  if(status=="3"){
					$.post("/zzhnc/activity/clearActivity",function(data){
						console.log(data);
						 if(data.code==0){
							top.layer.msg("开启下一轮成功");
							 
						} else{
							top.layer.msg(data.msg);
						}
					})   
					  }else{
						  top.layer.msg("活动结束后才能开启下一轮");
					  } 
					 
				  });
			  

		})
		
		function toTime_G(v) {
		    if (v == null || v == "") {
		      return "";
		    } else {
		      var time = new Date(v)
		      var year = time.getFullYear()
		      var mon = time.getMonth() + 1;
		      var day = time.getDate();
		      var hour = time.getHours();
		      var min = time.getMinutes();
		      if (mon < 10) mon = "0" + mon
		      if (day < 10) day = "0" + day
		      if (hour < 10) hour = "0" + hour
		      if (min < 10) min = "0" + min
		      return year + "-" + mon + "-" + day + " " + hour + ":" + min
		    }
		  }
	</script>

    <!-- 配置文件 -->
    <script type="text/javascript" src="/zzhnc/res/UE/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="/zzhnc/res/UE/ueditor.all.js"></script>
    <!-- 实例化编辑器 -->


</html>