generated from root/miduo_server
195 lines
8.0 KiB
HTML
195 lines
8.0 KiB
HTML
<!--_meta 作为公共模版分离出去-->
|
||
<!DOCTYPE HTML>
|
||
<!--suppress ALL -->
|
||
<html xmlns:th="http://www.thymeleaf.org">
|
||
<head>
|
||
<meta charset="utf-8"/>
|
||
<meta name="renderer" content="webkit|ie-comp|ie-stand"/>
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
||
<meta name="viewport"
|
||
content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
||
<link rel="Bookmark" href="../favicon.ico"/>
|
||
<link rel="Shortcut Icon" href="../favicon.ico"/>
|
||
<!--[if lt IE 9]>
|
||
<script type="text/javascript" src="../static/lib/html5shiv.js"></script>
|
||
<script type="text/javascript" src="../static/lib/respond.min.js"></script>
|
||
<![endif]-->
|
||
<link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css"/>
|
||
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css"/>
|
||
<link rel="stylesheet" type="text/css" href="../static/lib/Hui-iconfont/1.0.8/iconfont.css"/>
|
||
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin"/>
|
||
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css"/>
|
||
<!-- 引入layui.css -->
|
||
<link rel="stylesheet" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css">
|
||
<link rel="stylesheet" type="text/css" href="../static/tips/help.css">
|
||
<!--[if IE 6]>
|
||
<script type="text/javascript" src="../static/lib/DD_belatedPNG_0.0.8a-min.js"></script>
|
||
<script>DD_belatedPNG.fix('*');</script>
|
||
<![endif]-->
|
||
<!--/meta 作为公共模版分离出去-->
|
||
|
||
<title>单笔充值活动礼包配置</title>
|
||
</head>
|
||
<body>
|
||
<nav class="breadcrumb">
|
||
<a href="javascript:;" onclick="history.go(-2)">
|
||
<i class="Hui-iconfont"></i> 活动首页
|
||
</a>
|
||
<a href="javascript:;" onclick="history.go(-1)">
|
||
<span class="c-gray en">></span> 上一页
|
||
</a>
|
||
<span class="c-gray en">></span> 单笔充值活动礼包配置
|
||
<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
|
||
href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont"></i></a>
|
||
</nav>
|
||
<div class="page-container">
|
||
<form class="form form-horizontal" id="form-article-add" action="#" method="post">
|
||
<div class="tabBar cl">
|
||
<span>单笔充值活动礼包配置</span>
|
||
</div>
|
||
<div class="row cl">
|
||
<label class="form-label col-xs-4 col-sm-2">
|
||
<span class="c-red">*</span>排序:
|
||
</label>
|
||
<div class="formControls col-xs-8 col-sm-9">
|
||
<input type="number" style="width: 500px;" th:id="sortId" placeholder="排序越小档位越先验证,id重复则随机排序" value="" class="input-text"/>
|
||
</div>
|
||
</div>
|
||
<div class="row cl">
|
||
<label class="form-label col-xs-4 col-sm-2">
|
||
<span class="c-red">*</span>礼包:
|
||
</label>
|
||
<div class="formControls col-xs-8 col-sm-9">
|
||
<!-- 服务器列表 -->
|
||
<div th:id="giftId" style="float: left;width: 230px;"></div>
|
||
</div>
|
||
</div>
|
||
<div class="row cl">
|
||
<label class="form-label col-xs-4 col-sm-2">
|
||
<span class="c-red">*</span>礼包名称:
|
||
</label>
|
||
<div class="formControls col-xs-8 col-sm-9">
|
||
<input type="text" th:id="name" placeholder="" value="" class="input-text"/>
|
||
</div>
|
||
</div>
|
||
<div class="row cl">
|
||
<label class="form-label col-xs-4 col-sm-2">
|
||
<span class="c-red">*</span>折扣描述:
|
||
</label>
|
||
<div class="formControls col-xs-8 col-sm-9">
|
||
<input type="text" th:id="discount" placeholder="" value="" class="input-text"/>
|
||
</div>
|
||
</div>
|
||
<div class="row cl">
|
||
<label class="form-label col-xs-4 col-sm-2">
|
||
<span class="c-red">*</span>限购次数:
|
||
</label>
|
||
<div class="formControls col-xs-8 col-sm-9">
|
||
<input type="number" th:id="buyLimitCount" placeholder="" value="" class="input-text"/>
|
||
</div>
|
||
</div>
|
||
<div class="row cl">
|
||
<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
|
||
<input th:id="activityId" th:value="${activityId}" type="hidden" />
|
||
<button onClick="return upsertMission();" class="btn btn-primary radius" type="button">
|
||
<i class="Hui-iconfont"></i> 确认
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
|
||
<!--_footer 作为公共模版分离出去-->
|
||
<script type="text/javascript" src="../static/lib/jquery/1.9.1/jquery.min.js"></script>
|
||
<script type="text/javascript" src="../static/lib/layer/2.4/layer.js"></script>
|
||
<script type="text/javascript" src="../static/h-ui/js/H-ui.min.js"></script>
|
||
<script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
|
||
|
||
<!--请在下方写此页面业务相关的脚本-->
|
||
<script type="text/javascript" src="../static/lib/My97DatePicker/4.8/WdatePicker.js"></script>
|
||
<script type="text/javascript" src="../static/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
|
||
<script type="text/javascript" src="../static/lib/jquery.validation/1.14.0/validate-methods.js"></script>
|
||
<script type="text/javascript" src="../static/lib/jquery.validation/1.14.0/messages_zh.js"></script>
|
||
|
||
<!--多选框-->
|
||
<script src="../static/xmSelect/js/xm-select.js"></script>
|
||
<!-- 引入layui.js -->
|
||
<script scr="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script>
|
||
|
||
<script th:inline="javascript">
|
||
|
||
$(function () {
|
||
$('.skin-minimal input').iCheck({
|
||
checkboxClass: 'icheckbox-blue',
|
||
radioClass: 'iradio-blue',
|
||
increaseArea: '20%'
|
||
});
|
||
$("#tab-system").Huitab({
|
||
index: 0
|
||
});
|
||
});
|
||
|
||
var props = xmSelect.render({
|
||
el: '#giftId',
|
||
template({name, value}){
|
||
return name + '<span style="position: absolute; right: 10px; color: #8799a3">'+value+'</span>'
|
||
},
|
||
filterable: true,
|
||
radio: true,
|
||
clickClose: true,
|
||
tips: '选择礼包', // 让默认值不是“请选择”,而是“选择校区”
|
||
height:'260px',
|
||
theme: { color: '#0081ff' },
|
||
model: { label: { type: 'text' } },
|
||
prop: {
|
||
name: 'name',
|
||
value: 'id',
|
||
},
|
||
data: function () {
|
||
return [[${giftList}]];
|
||
},
|
||
})
|
||
|
||
function upsertMission() {
|
||
// ID
|
||
let giftId = props.getValue("valueStr");
|
||
let id = Number(giftId);
|
||
let activityId = document.getElementById("activityId").value;
|
||
let sortId = document.getElementById("sortId").value;
|
||
let name = document.getElementById("name").value;
|
||
let discount = document.getElementById("discount").value;
|
||
let buyLimitCount = document.getElementById("buyLimitCount").value;
|
||
|
||
$.ajax({
|
||
type: "POST",
|
||
data:
|
||
JSON.stringify({
|
||
"id": id,
|
||
"sort": sortId,
|
||
"name": name,
|
||
"discount": discount,
|
||
"buyLimitCount": buyLimitCount,
|
||
"activityId": activityId
|
||
})
|
||
,
|
||
url: "/addGiftMission",
|
||
dataType: "json",
|
||
contentType: 'application/json',
|
||
success: function (data) {
|
||
if (data == 1) {
|
||
layer.msg('成功!', {icon: 6, time: 1000});
|
||
}
|
||
},
|
||
error:function () {
|
||
layer.msg('参数异常,请重试!', {icon: 6, time: 1000});
|
||
}
|
||
}
|
||
)
|
||
}
|
||
</script>
|
||
<!--/请在上方写此页面业务相关的脚本-->
|
||
</body>
|
||
</html>
|