119 行
4.6 KiB
HTML
可执行文件
119 行
4.6 KiB
HTML
可执行文件
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>优惠券管理</title>
|
|
<!--<link href="__PUBLIC__/user/css/base.css" rel="stylesheet">-->
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css"/>
|
|
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
|
|
<script src="__PUBLIC__/layui/layui.js"></script>
|
|
<link href="__PUBLIC__/user/css/reset.css" rel="stylesheet">
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
|
|
|
|
<style>
|
|
.vipgrade {
|
|
display: inline-block;
|
|
padding: 4px 18px 4px 8px;
|
|
margin: 6px;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
position: relative;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.vipgradetitle {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 4px 18px 4px 8px;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
|
|
font-weight: bold;
|
|
}
|
|
.btnhide{
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="layui-tab layui-tab-brief">
|
|
<ul class="layui-tab-title">
|
|
<li class="layui-this titleli">发放记录</li>
|
|
<li class="titleli">使用记录</li>
|
|
<li class="titleli">过期记录</li>
|
|
</ul>
|
|
<div class="layui-tab-content">
|
|
<!--查询框-->
|
|
</div>
|
|
<div class="layui-tab-content">
|
|
<table id="recordlist" lay-filter="recordlist"></table>
|
|
<script type="text/html" id="storelist">
|
|
<button type="button" class="layui-btn layui-btn-xs" lay-event="showmsg">查看</button>
|
|
<button type="button" class="layui-btn layui-btn-xs {{d.type!=3?'':'btnhide'}}" lay-event="launchcoupon">投放</button>
|
|
<button type="button" class="layui-btn layui-btn-xs" lay-event="coupon">优惠券记录</button>
|
|
<botton type="button" class="layui-btn layui-btn-xs {{d.status==1?'':'btnhide'}}" lay-event="makeend">使失效</botton>
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div id="listshowalert" style="display: none;padding: 20px;">
|
|
|
|
</div>
|
|
<input type="hidden" id="couponid" value="{$id}">
|
|
</body>
|
|
<script type="text/javascript">
|
|
var couponid = $('#couponid').val();
|
|
layui.use(['layer', 'table'], function () {
|
|
var layer = layui.layer;
|
|
var table = layui.table;
|
|
$('#addmcoupon').click(function () {
|
|
layer.open({
|
|
type: 2,
|
|
content: "{:U('Mcoupon/addMcoupon')}",
|
|
title: "优惠券管理-添加",
|
|
area: ["100%", '100%'],
|
|
end: function () {
|
|
table.reload('testReload', {});
|
|
}
|
|
})
|
|
})
|
|
table.render({
|
|
elem: '#recordlist'
|
|
, url: "{:U('Retail/Mcoupon/recordlist')}" //数据接口
|
|
, where:{id:couponid}
|
|
, page: true //开启分页
|
|
, cols: [[ //表头
|
|
{field: 'id', title: 'ID', width: 80}
|
|
, {field: 'vip', title: '会员', width: 180}
|
|
, {field: 'mobile_phone', title: '会员手机号', width: 180}
|
|
, {field: 'coupon_name', title: '优惠券名称', width: 180}
|
|
, {field: 'needmoney', title: '优惠门槛', width: 120}
|
|
, {field: 'reducemoney', title: '优惠金额', width: 120}
|
|
, {field: 'canusetime', title: '有效期', width: 350}
|
|
, {field: 'addtime', title: '发放时间', width: 177}
|
|
, {field: 'isuse', title: '使用？', width: 77}
|
|
, {field: 'usetime', title: '使用时间？', width: 100}
|
|
, {field: 'usestore', title: '使用门店？', width: 100}
|
|
// ,{field: 'maxnum', title: '最大领取次数', width: 135, sort: true}
|
|
// , {templet: '#storelist', title: '操作', fixed: 'right', width: 300}
|
|
]]
|
|
});
|
|
$('.titleli').click(function () {
|
|
if ($(this).hasClass('layui-this')) {
|
|
table.reload('recordlist');
|
|
return;
|
|
} else {
|
|
$('.titleli').removeClass('layui-this');
|
|
$(this).addClass('layui-this');
|
|
}
|
|
var index = $(this).index();
|
|
index = index*1+1;
|
|
table.reload('recordlist', {
|
|
page: {
|
|
curr: 1 //重新从第 1 页开始
|
|
}
|
|
, where: {
|
|
type: index
|
|
}
|
|
}
|
|
);
|
|
})
|
|
})
|
|
</script>
|
|
</html>
|