文件

768 行
32 KiB
HTML
可执行文件

此文件含有模棱两可的 Unicode 字符

此文件含有可能会与其他字符混淆的 Unicode 字符。 如果您是想特意这样的,可以安全地忽略该警告。 使用 Escape 按钮显示他们。

<!DOCTYPE html>
<html>
<!--[1.2.7]-->
<head>
<meta charset="UTF-8">
<title>红包</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/goodsList.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
<!--编译器-->
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/UEditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/UEditor/ueditor.all.js"></script>
<style>
.btn {
width: 88px;
background-color: #009688;
padding: 5px;
margin: auto;
color: white;
display: flex;
align-items: center;
justify-content: space-between;
}
.btn a {
color: white;
}
.btn span {
color: white;
}
/*#FF5722*/
.btn a.del {
color: white;
}
.gA_inner01 > input {
margin-left: 0;
}
.supplier {
width: 200px;
margin-left: 30px;
height: 30px;
border: 1px solid #ccc;
border-radius: 5px;
}
.layui-form .gA_inner01 > select {
display: none;
}
.layui-form-item {
margin-bottom: 0px;
}
.label_radio {
height: 18px;
align-items: center;
font-size: 14px;
position: relative;
cursor: pointer;
line-height: 19px;
color: #313131;
margin-right: 20px;
}
.label_radio > input {
width: 16px;
height: 16px;
opacity: 0;
margin-right: 4px;
}
.label_radio > span {
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #ccc;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
box-sizing: border-box;
}
.label_radio > input:checked + span:after {
background-color: #009688 !important;
}
.label_radio > input:checked + span {
border-color: #009688 !important;
}
.label_radio > span::after {
position: absolute;
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ddd;
top: 4px;
left: 4px;
transition: .5s;
}
.gA_inner01 > span {
display: inline-block;
width: 120px;
text-align: right;
margin-right: 20px;
}
.gA_inner01 > input {
width: 200px;
}
.layui-input {
width: 200px;
}
.edit_add {
margin-left: 296px;
}
.tips {
width: 265px !important;
font-size: 12px;
color: #8E8E8E;
text-align: left !important;
margin-left: 5px;
}
.goods_edit{
box-sizing: border-box;
padding: 10px 25px 0px 5px;
display: flex;
align-items: center;
}
.goods_table{
box-sizing: border-box;
padding: 0px 25px;
display: flex;
align-items: center;
}
</style>
</head>
<body>
<div class="goodsBox">
<div class="goods_edit">
<if condition="$authArr['editad'] eq true">
<div class="goods_edit_add" id="newlyIncreased">新增红包</div>
</if>
</div>
<div class="goods_table">
<table class="layui-hide" id="test" lay-filter="demo"></table>
<script type="text/html" id="barDemo">
<if condition="$authArr['reward_details'] eq true">
<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">领取详情</a>
</if>
<if condition="$authArr['redDelete'] eq true">
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="deleteGoods">删除</a>
</if>
</script>
<script type="text/html" id="switchTpl3">
<input type="checkbox" <if condition="$authArr['redSwitch'] neq true">disabled </if> name="type" id="types" value="{{d.status}}" data-id="{{d.id}}" lay-skin="switch"
lay-text="开启|关闭"
lay-filter="statusDemo" {{ d.status== 1? 'checked' : '' }}>
</script>
</div>
</div>
<!--添加商品弹框-->
<div class="goodsAlert">
<div class="layui-tab layui-tab-card">
<ul class="layui-tab-title">
<li class="layui-this">公众号会员通知栏红包</li>
<li>会员支付红包</li>
<li>小程序商城红包</li>
</ul>
<div class="layui-tab-content">
<!--公众号红包内容-->
<div class="layui-tab-item layui-show">
<form class="formSet1" class="layui-form">
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>红包总金额</span>
<input type="" name="money" id="money" value="" class="layui-input"/>
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>红包数量</span>
<input type="" name="number" id="number" value="" class="layui-input"/>
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>最小金额</span>
<input type="" name="minmoney" id="minmoney" value="" class="layui-input"/>
<span class="tips"><i style="color: red;">* </i>红包最小金额必须小于总金额除以总数量</span>
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01" style="width: 100%;">
<span>最大金额</span>
<input type="" name="maxmoney" id="maxmoney" value="" class="layui-input"/>
<span class="tips"><i style="color: red;">* </i>红包最大金额必须大于总金额除以总数量</span>
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>活动开始时间</span>
<input type="text" class="layui-input" name="starttime" id="actime" placeholder="开始时间">
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>活动结束时间</span>
<input type="text" class="layui-input" name="endtime" id="endtime" placeholder="结束时间">
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>每天都能领取 </span>
<label class="label_radio">
<input type="radio" class="is_everyday radio" name="is_everyday" value="0" title="否"
checked>否
<span></span>
</label>
<label class="label_radio">
<input type="radio" class="is_everyday radio" name="is_everyday" value="1" title="是">是
<span></span>
</label>
<span class="tips"><i style="color: red;">* </i>每个会员是否每天能够领取红包</span>
</div>
</div>
<div class="gA_inner layui-form-item itmes" style="display: none">
<div class="gA_inner01">
<span>用户每天领取次数</span>
<input type="" name="day_max_time" id="day_max_time" value="" class="layui-input"/>
<span class="tips"><i style="color: red;">* </i>会员每天能够领取红包的次数</span>
</div>
</div>
<div class="gA_inner layui-form-item itmes" style="display: none">
<div class="gA_inner01">
<span>用户最多领取次数</span>
<input type="" name="sum_max_time" id="sum_max_time" value="" class="layui-input"/>
<span class="tips"><i style="color: red;">* </i>这个红包活动会员最多能够领取的次数</span>
</div>
</div>
<input type="hidden" name="type" value="1">
<div class="goods_edit_add edit_add" data-type="1">添加</div>
</form>
</div>
<!--会员支付红包-->
<div class="layui-tab-item">
<form class="formSet2" class="layui-form">
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>红包总金额</span>
<input type="" name="money" id="moneys" value="" class="layui-input"/>
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>红包数量</span>
<input type="" name="number" id="numbers" value="" class="layui-input"/>
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>消费金额</span>
<input type="" name="needmoney" id="needmoney" value="" class="layui-input"/>
<span class="tips"><i style="color: red;">* </i>会员需消费多少钱能够参加红包活动</span>
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>最小金额</span>
<input type="" name="minmoney" id="minmoneys" value="" class="layui-input"/>
<span class="tips"><i style="color: red;">* </i>红包最小金额必须小于总金额除以总数量</span>
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>最大金额</span>
<input type="" name="maxmoney" id="maxmoneys" value="" class="layui-input"/>
<span class="tips"><i style="color: red;">* </i>红包最大金额必须大于总金额除以总数量</span>
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>活动开始时间</span>
<input type="text" class="layui-input" name="starttime" id="actimes" placeholder="开始时间">
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>活动结束时间</span>
<input type="text" class="layui-input" name="endtime" id="endtimes" placeholder="结束时间">
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>每天都能领取 </span>
<label class="label_radio">
<input type="radio" class="is_everyday radio" name="is_everyday" value="0" title="否"
checked>否
<span></span>
</label>
<label class="label_radio">
<input type="radio" class="is_everyday radio" name="is_everyday" value="1" title="是">是
<span></span>
</label>
<span class="tips"><i style="color: red;">* </i>每个会员是否每天能够领取红包</span>
</div>
</div>
<div class="gA_inner layui-form-item itmes" style="display: none">
<div class="gA_inner01">
<span>用户每天领取次数</span>
<input type="" name="day_max_time" id="day_max_times" value="" class="layui-input"/>
<span class="tips"><i style="color: red;">* </i>会员每天能够领取红包的次数</span>
</div>
</div>
<div class="gA_inner layui-form-item itmes" style="display: none">
<div class="gA_inner01">
<span>用户最多领取次数</span>
<input type="" name="sum_max_time" id="sum_max_times" value="" class="layui-input"/>
<span class="tips"><i style="color: red;">* </i>这个红包活动会员最多能够领取的次数</span>
</div>
</div>
<input type="hidden" name="type" value="2">
<div class="goods_edit_add edit_add" data-type="2">添加</div>
</form>
</div>
<!--小程序商城红包-->
<div class="layui-tab-item">
<form class="formSet3" class="layui-form">
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>红包总金额</span>
<input type="" name="money" id="moneyss" value="" class="layui-input"/>
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>红包数量</span>
<input type="" name="number" id="numberss" value="" class="layui-input"/>
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>最小金额</span>
<input type="" name="minmoney" id="minmoneyss" value="" class="layui-input"/>
<span class="tips"><i style="color: red;">* </i>红包最小金额必须小于总金额除以总数量</span>
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>最大金额</span>
<input type="" name="maxmoney" id="maxmoneyss" value="" class="layui-input"/>
<span class="tips"><i style="color: red;">* </i>红包最大金额必须大于总金额除以总数量</span>
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>活动开始时间</span>
<input type="text" class="layui-input" name="starttime" id="actimess" placeholder="开始时间">
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>活动结束时间</span>
<input type="text" class="layui-input" name="endtime" id="endtimess" placeholder="结束时间">
</div>
</div>
<div class="gA_inner layui-form-item">
<div class="gA_inner01">
<span>每天都能领取 </span>
<label class="label_radio">
<input type="radio" class="is_everyday radio" name="is_everyday" value="0" title="否"
checked>否
<span></span>
</label>
<label class="label_radio">
<input type="radio" class="is_everyday radio" name="is_everyday" value="1" title="是">是
<span></span>
</label>
<span class="tips"><i style="color: red;">* </i>每个会员是否每天能够领取红包</span>
</div>
</div>
<div class="gA_inner layui-form-item itmes" style="display: none">
<div class="gA_inner01">
<span>用户每天领取次数</span>
<input type="" name="day_max_time" id="day_max_timess" value="" class="layui-input"/>
<span class="tips"><i style="color: red;">* </i>会员每天能够领取红包的次数</span>
</div>
</div>
<div class="gA_inner layui-form-item itmes" style="display: none">
<div class="gA_inner01">
<span>用户最多领取次数</span>
<input type="" name="sum_max_time" id="sum_max_timess" value="" class="layui-input"/>
<span class="tips"><i style="color: red;">* </i>这个红包活动会员最多能够领取的次数</span>
</div>
</div>
<input type="hidden" name="type" value="3">
<div class="goods_edit_add edit_add" data-type="3">添加</div>
</form>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/UEditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/UEditor/ueditor.all.js"></script>
<script src="__PUBLIC__/jquery/js/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
<script type="text/javascript">
// var resets = function () {
// document.getElementById("formEdit").reset()
// }
layui.use(['table', 'form', 'upload', 'laydate', 'element'], function () {
var table = layui.table;
var form = layui.form;
var laydate = layui.laydate;
var element = layui.element;
//展示已知数据
table.render({
elem: '#test',
url: "{:U('Retail/Plug/redlist')}",
method:'post',
cols: [
[ //标题栏
{
field: 'phase',
title: '活动名称',
align: 'center',
}, {
field: 'starttime',
title: '活动开始时间',
align: 'center',
}, {
field: 'endtime',
title: '活动结束时间',
align: 'center',
}, {
field: 'lessmoney',
title: '剩余金额',
align: 'center',
}, {
field: 'money',
title: '总金额',
align: 'center',
}, {
field: 'lessnumber',
title: '剩余红包个数',
align: 'center',
}, {
field: 'number',
title: '总红包个数',
align: 'center',
}, {
field: 'typename',
title: '红包类型',
align: 'center',
}, {
title: '是否开启',
align: 'center',
templet: '#switchTpl3', unresize: true
}, {fixed: 'right', title: '操作', align: 'center', toolbar: '#barDemo', width: 180}
]
],
page: {
layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
} //是否开启分页
, id: 'testReload'
});
// $('#back').click(function(){
// var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
// parent.layer.close(index); // 关闭layer
// })
//监听switch操作 开启一个必须关闭所有活动
form.on('switch(statusDemo)', function (obj) {
// this.value = this.value == 1 ? 1 : 2;
var status = this.value;
var that = this;
var id = $(obj.elem).attr('data-id');
// console.log(status);
// console.log(id);
$.ajax({
url: "{:U('Retail/Plug/redSwitch')}",
type: 'POST',
data: {
id: id,
status: status
},
success: function (res) {
$(obj.elem).val(res.value);
if (res.value == 1) {
layer.msg(res.msg, {time: 1000});
// obj.update({
// status: res.value
// })
$(obj.elem).parent().find('div').addClass('layui-form-onswitch');
$(obj.elem).parent().find('em').html('开启');
} else {
layer.msg(res.msg, {time: 1500});
$(obj.elem).parent().find('div').removeClass('layui-form-onswitch');
$(obj.elem).parent().find('em').html('关闭');
}
}
})
});
$("#newlyIncreased").click(function () {
// reset();
$("#image_upload").attr("src", '/public/retail/goods/default.png');
layer.open({
type: 1,
content: $('.goodsAlert'),
title: "红包-新增",
area: ["800px", '70%'],
btnAlign: 'c',
yes: function () {
}
})
})
$('.edit_add').click(function () {
var status = $(this).attr('data-type');
console.log(status);
if (status == 1) {
var info = $(".formSet1").serialize();
} else if (status == 2) {
var info = $(".formSet2").serialize();
} else {
var info = $(".formSet3").serialize();
}
if (info) {
if (status == 1) {
var money = parseFloat($('#money').val());
var number = parseFloat($('#number').val());
var minmoney = parseFloat($('#minmoney').val());
var maxmoney = parseFloat($('#maxmoney').val());
var actime = $('#actime').val();
var endtime = $('#endtime').val();
} else if (status == 2) {
var actime = $('#actimes').val();
var endtime = $('#endtimes').val();
var money = parseFloat($('#moneys').val());
var number = parseFloat($('#numbers').val());
var minmoney = parseFloat($('#minmoneys').val());
var maxmoney = parseFloat($('#maxmoneys').val());
var needmoney = parseFloat($('#needmoney').val());
if (!parseFloat(needmoney) || parseFloat(needmoney) < 0.01 || parseFloat(needmoney).toFixed(2) != parseFloat(needmoney)) {
layer.msg('消费金额设置有误', {icon: 3, time: 2000})
return false;
}
} else {
var money = parseFloat($('#moneyss').val());
var number = parseFloat($('#numberss').val());
var minmoney = parseFloat($('#minmoneyss').val());
var maxmoney = parseFloat($('#maxmoneyss').val());
var actime = $('#actimess').val();
var endtime = $('#endtimess').val();
}
if (number > 1000) {
layer.msg('红包数量最大上限为1000', {icon: 3, time: 2000})
return false;
} else if (number == 1) {
if (minmoney != maxmoney || minmoney != money) {
layer.msg('红包数量为1,所有金额设置须相等', {icon: 3, time: 2000})
return false;
}
}
if (maxmoney == minmoney) {
if (maxmoney - (money / number) < 0 || (maxmoney - (money / number) > 0)) {
layer.msg('红包最大最小金额必须等于(' + money / number + '元)', {icon: 3, time: 2000})
return false;
}
} else {
if (minmoney - (money / number) >= 0 || minmoney < 0.01) {
layer.msg('红包最小金取值(0.01~' + (money / number - 0.01).toFixed(2) + '元)', {
icon: 3,
time: 2000
})
return false;
}
var temp = parseFloat((money - (minmoney * number) + minmoney).toFixed(2));
if (maxmoney - (money / number) <= 0 || maxmoney > temp) {
layer.msg('红包最大金额取值(' + (money / number + 0.01).toFixed(2) + '~' + temp + '元)', {
icon: 3,
time: 2000
})
return false;
}
}
if (actime > endtime || !actime || !endtime) {
layer.msg("请选择正确的开始和结束时间!", {icon: 2});
return false;
}
$.ajax({
url: "{:U('Retail/Plug/editad')}",
type: "POST",
data: info,
success: function (data) {
if (data.status == 1) {
layer.msg(data.msg, {
icon: 1,
time: 1000 //2秒关闭(如果不配置,默认是3秒)
}, function () {
layer.closeAll();
$("input").val('');
window.location.reload()
});
} else {
layer.msg(data.msg, {icon: 2});
}
}
})
}
})
$('.is_everyday').click(function () {
var types = $(this).val();
if (types == 0) {
$('.itmes').hide();
} else {
$('.itmes').show();
}
})
//监听工具条
table.on('tool(demo)', function (obj) {
var data = obj.data;
var mydata = data;
if (obj.event === 'detail') {
layer.msg('ID:' + data.id + ' 的查看操作');
} else if (obj.event === 'deleteGoods') {
console.log(data.id);
layer.confirm("您确认要删除该红包吗?", function (index) {
$.ajax({
url: "{:U('Retail/Plug/redDelete')}",
type: "POST",
data: {id: data.id},
success: function (res) {
if (res.status == 1) {
layer.msg(res.msg, {
icon: 1,
time: 1000
}, function () {
layer.close(index);
obj.del();
})
} else {
layer.msg(res.msg, {
icon: 2,
time: 1000
})
}
}
})
})
} else if (obj.event === 'edit') {
layer.open({
type: 2,
content: "{:U('Plug/reward_details')}?id=" + data.id,
title: "领取详情",
area: ["800px", '60%'],
btnAlign: 'c',
end: function () {
}
})
}
});
laydate.render({
elem: '#actime'
});
laydate.render({
elem: '#endtime'
});
laydate.render({
elem: '#actimes'
});
laydate.render({
elem: '#endtimes'
});
laydate.render({
elem: '#actimess'
});
laydate.render({
elem: '#endtimess'
});
$('#delbutton').on('click', function () {
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
$("#can_exchange_retail").click(function () {
if ($(this).prop("checked") == true) {
console.log('aa');
$("#vip_retail_state").fadeIn(500)
$("#max_swap_change").fadeIn(600)
} else {
$("#vip_retail_state").hide()
$("#max_swap_change").hide()
}
})
$("#can_exchange_online").click(function () {
if ($(this).prop("checked") == true) {
$("#vip_online_state").fadeIn(500)
$("#max_swap_change").fadeIn(600)
} else {
$("#vip_online_state").hide()
$("#max_swap_change").hide()
}
})
$("#can_exchange_retails").click(function () {
if ($(this).prop("checked") == true) {
$("#vip_retail_states").fadeIn(500)
$("#max_swap_change").fadeIn(600)
} else {
$("#vip_retail_states").hide()
$("#max_swap_change").hide()
}
})
$("#can_exchange_onlines").click(function () {
if ($(this).prop("checked") == true) {
$("#vip_online_states").fadeIn(500)
$("#max_swap_change").fadeIn(600)
} else {
$("#vip_online_states").hide()
$("#max_swap_change").hide()
}
})
//重置表单
// var reset = function () {
// document.getElementById("formSet").reset()
// }
})
</script>
</html>