miduo_gm/src/main/resources/templates/activity/AddGiftMission.html

195 lines
8.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!--_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">&#xe67f;</i> 活动首页
</a>
<a href="javascript:;" onclick="history.go(-1)">
<span class="c-gray en">&gt;</span> 上一页
</a>
<span class="c-gray en">&gt;</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">&#xe68f;</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">&#xe632;</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>