文件
mashangyoujiu/Application/Retail/View/Coupon/couponLogs.html

102 行
3.0 KiB
HTML
可执行文件

<!DOCTYPE html>
<html>
<!--[1.7.14]-->
<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/coupons.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
</head>
<body>
<div class="goodsBox">
<div class="goods_title">
<div class="goods_title_inner">
优惠券领取记录
</div>
</div>
<div class="goods_edit">
<div class="gA_inner_right">
<input type="text" name="keyword" id="keyword" value="" placeholder="用户昵称"/>
</div>
<div class="layui-btn " id="serach_icon" style="margin-left: 10px;" data-type="reload">搜索
</div>
</div>
<div></div>
</div>
<div class="goods_table">
<table class="layui-hide" id="test" lay-filter="demo"></table>
</div>
</body>
<script src="__PUBLIC__/jquery/js/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
<script type="text/javascript">
layui.use('table', function () {
var table = layui.table;
//展示已知数据
table.render({
elem: '#test',
url: "{:U('Coupon/couponLogsList')}",
method: 'post',
cols: [
[ //标题栏
{
field: 'key',
title: '序号',
width: 60
}, {
field: 'coupon_name',
title: '优惠券名称',
}, {
field: 'vip_name',
title: '用户昵称'
}, {
field: 'addtime',
title: '领取时间',
}, {
field: 'effective',
title: '优惠券状态'
}, {
field: 'end_time',
title: '优惠券过期时间',
width: 280
}, {
field: 'status_name',
title: '是否使用'
}
]
],
id: 'couponReload',
page: {
layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
}, //是否开启分页
});
var $ = layui.$, active = {
reload: function () {
var keyword = $('#keyword').val();
//执行重载
table.reload('couponReload', {
page: {
curr: 1 //重新从第 1 页开始
}
, where: {
keyword: keyword
}
});
}
};
$('#serach_icon').on('click', function () {
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
})
</script>
</html>