Browse Source

游戏规则

xubh 5 years ago
parent
commit
a650126618
1 changed files with 191 additions and 0 deletions
  1. 191 0
      src/main/webapp/admin/gameSetupManage/addGameSetup.html

+ 191 - 0
src/main/webapp/admin/gameSetupManage/addGameSetup.html

@@ -0,0 +1,191 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>增加游戏规则</title>
+	<meta name="renderer" content="webkit">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+</head>
+<script>
+</script>
+<body class="content">
+<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
+</fieldset>
+<form class="layui-form" action="">
+	<div style="padding-bottom:60px; ">
+
+		<div class="layui-form-item">
+			<div class="layui-inline">
+				<label class="layui-form-label" style = "width: 150px;">*游戏名称:</label>
+				<div class="layui-input-inline">
+					<input type="tel" name="name" id = "name" maxlength="20" lay-verify="name"  placeholder="请输入游戏名称"autocomplete="off" class="layui-input">
+				</div>
+			</div>
+		</div>
+		<div class="layui-form-item layui-form-text">
+			<label class="layui-form-label">游戏规则说明:</label>
+			<div class="layui-input-block">
+				<textarea name="desc"  placeholder="请输入游戏规则" class="layui-textarea"></textarea>
+			</div>
+		</div>
+		<div class="layui-form-item">
+			<div class="layui-inline">
+				<label class="layui-form-label" style = "width: 150px;">支付宝订单号:</label>
+				<div class="layui-input-inline">
+					<input type="tel" name="alipayid" id = "alipayid" maxlength="20" lay-verify="alipayid"  placeholder="请输入支付宝订单号"autocomplete="off" class="layui-input">
+				</div>
+			</div>
+		</div>
+		<div class="layui-form-item">
+			<label class="layui-form-label">游戏类型</label>
+			<div class="layui-input-block">
+				<input type="radio" name="type" value="0" title="幸运购" checked="" lay-filter="type">
+				<input type="radio" name="type" value="1" title="游戏购" lay-filter="type">
+				<input type="radio" name="type" value="2" title="超级大彩蛋" lay-filter="type">
+			</div>
+		</div>
+		<div style="display:none;" id="rewardGame">
+			<div class="layui-form-item">
+				<div class="layui-inline">
+					<label class="layui-form-label" style = "width: 150px;">*彩蛋等级:</label>
+					<div class="layui-input-inline">
+						<input type="tel" name="rewardGrade" id = "rewardGrade" maxlength="20" lay-verify="rewardGrade"  placeholder="请输入彩蛋等级"autocomplete="off" class="layui-input">
+					</div>
+				</div>
+			</div>
+			<div class="layui-form-item">
+				<div class="layui-inline">
+					<label class="layui-form-label" style = "width: 150px;">*中奖金额占比:</label>
+					<div class="layui-input-inline">
+						<input type="tel" name="rewardAmtRatio" id = "rewardAmtRatio" maxlength="20" lay-verify="rewardAmtRatio"  placeholder="请输入中奖金额占比"autocomplete="off" class="layui-input">
+					</div>
+				</div>
+			</div>
+
+			<div class="layui-form-item">
+				<label class="layui-form-label">彩蛋奖池类型</label>
+				<div class="layui-input-block">
+					<input type="radio" name="rewardType" value="0" title="自定义奖池金额" checked="">
+					<input type="radio" name="rewardType" value="1" title="按支付金额百分比抽取">
+				</div>
+			</div>
+			<div class="layui-form-item">
+				<div class="layui-inline">
+					<label class="layui-form-label" style = "width: 150px;">*奖池金额:</label>
+					<div class="layui-input-inline">
+						<input type="tel" name="jackpotAmt" id = "jackpotAmt" maxlength="20" lay-verify="jackpotAmt"  placeholder="请输入奖池金额"autocomplete="off" class="layui-input">
+					</div>
+				</div>
+			</div>
+			<div class="layui-form-item">
+				<div class="layui-inline">
+					<label class="layui-form-label" style = "width: 150px;">*抽取比例:</label>
+					<div class="layui-input-inline">
+						<input type="tel" name="extractRatio" id = "extractRatio" maxlength="20" lay-verify="extractRatio"  placeholder="请输入抽取比例"autocomplete="off" class="layui-input">
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="layui-form-item box-button" >
+			<div class="layui-input-block">
+				<button class="layui-btn" lay-submit="" lay-filter="demo1">提交</button>
+				<button  class="layui-btn"  id="cancel" onclick = "testNewPage()">取消</button>
+			</div>
+		</div>
+	</div>
+</form>
+<script src="../../js/min-loader-next.js"></script>
+<script>
+	function testNewPage() {
+		// 打开新增页面
+		deleteTabPage('101006-01');
+	}
+	layui.use('form', function(){
+		var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
+		$.request({
+			action : 'RoleManageAction/roleQueryByBranchId',
+			data : { },
+			success : function(data) {
+				var selectName ="roleid";
+				var html = '<select lay-verify="roleid" name="';
+				html = html + selectName;
+				html = html + '" lay-filter="';
+				html = html + '"';
+				html = html + '><option value="">请选择</option>';
+				$.each(data.MINQueryResult, function(i, j) {
+					html = html + '<option ';
+					html = html + 'value="';
+					html = html + j.id + '">';
+					html = html + j.name+ '</option>';
+				})
+				html = html + '</select>';
+				$("#zcySelect").html(html);
+				form.render();
+			},
+		});
+	});
+
+	function renderForm(){
+		layui.use('form', function(){
+			var form = layui.form();//高版本建议把括号去掉,有的低版本,需要加()
+			form.render();
+		});
+	}
+	layui.use(['form', 'layedit', 'laydate','layer'], function() {
+		var form = layui.form,
+				layer = layui.layer,
+				layedit = layui.layedit,
+				laydate = layui.laydate;
+
+		//自定义验证规则
+		form.verify({
+			name: function(value) {
+				if (isEmpty(value)) {
+					return   '游戏名称不能为空!';
+				}
+			},
+			type: function(value) {
+				if (isEmpty(value)) {
+					return   '游戏类型不能为空!';
+				}
+			}
+
+		});
+		//监听提交
+		form.on('submit(demo1)', function(data) {
+			alert(JSON.stringify(data.field));
+			$.request({
+				action : '../../GameSetupManageAction/addGameSetup',
+				data :  data.field ,
+				success : function(data) {
+					layer.alert('保存成功!',  function(){
+						deleteTabPage('101006-01');
+					});
+				},
+				error : function(data) {
+					layer.alert(data.MINErrorMessage, {
+						icon: 5,
+						title: "提示"
+					});
+				}
+			});
+			return false;
+		});
+
+		layui.form.on('radio(type)', function(data){
+			var value = data.value;
+			if(value == '0'){
+				$("#rewardGame").css("display","none");
+			}else if(value == '1'){
+				$("#rewardGame").css("display","none");
+			}else if(value == '2'){
+				$("#rewardGame").css("display","block");//显示div
+			}
+		})
+
+	});
+
+</script>
+</body>
+</html>