200 lines
8.1 KiB
HTML
Executable File
200 lines
8.1 KiB
HTML
Executable File
{include file="Public/meta" /}
|
|
<title>奖励列表</title>
|
|
</head>
|
|
<body>
|
|
<div class="layui-fluid">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">奖励列表</div>
|
|
<div class="layui-card-body">
|
|
<div class="layui-form toolbar">
|
|
<div class="layui-form-item">
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label w-auto">奖励类型：</label>
|
|
<div class="layui-input-inline mr0">
|
|
<select name="reward_type" lay-filter="reward_type">
|
|
<option value="">全部</option>
|
|
<option value="1" {if $reward_type=='1'}selected{/if}>优惠券</option>
|
|
<option value="2" {if $reward_type=='2'}selected{/if}>钻石</option>
|
|
<option value="3" {if $reward_type=='3'}selected{/if}>货币1</option>
|
|
<option value="4" {if $reward_type=='4'}selected{/if}>货币2</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label w-auto">关键词：</label>
|
|
<div class="layui-input-inline mr0">
|
|
<input name="keyword" class="layui-input" type="text" placeholder="输入奖励标题"/>
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<button class="layui-btn icon-btn" lay-filter="formSearch" lay-submit>
|
|
<i class="layui-icon"></i>搜 索
|
|
</button>
|
|
<button class="layui-btn icon-btn" id="btnAdd">
|
|
<i class="layui-icon"></i>添 加
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<table class="layui-table" id="tableList" lay-filter="tableList"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 表格操作列 -->
|
|
<script type="text/html" id="tableOpBar">
|
|
<a class="layui-btn layui-btn-sm" lay-event="edit">编辑</a>
|
|
<a class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del">删除</a>
|
|
</script>
|
|
|
|
<!-- 表格状态列 -->
|
|
<script type="text/html" id="tableStateBar">
|
|
<input type="checkbox" lay-filter="ckState" value="{{d.id}}" lay-skin="switch"
|
|
lay-text="正常|禁用" {{d.status==1?'checked':''}}/>
|
|
</script>
|
|
|
|
<!-- 奖励类型 -->
|
|
<script type="text/html" id="rewardTypeTpl">
|
|
{{# if(d.reward_type == 1){ }}
|
|
<span class="layui-badge layui-bg-blue">优惠券</span>
|
|
{{# } else if(d.reward_type == 2){ }}
|
|
<span class="layui-badge layui-bg-green">钻石</span>
|
|
{{# } else if(d.reward_type == 3){ }}
|
|
<span class="layui-badge layui-bg-orange">货币1</span>
|
|
{{# } else if(d.reward_type == 4){ }}
|
|
<span class="layui-badge layui-bg-red">货币2</span>
|
|
{{# } }}
|
|
</script>
|
|
|
|
{include file="Public/footer" /}
|
|
|
|
<script>
|
|
layui.use(['layer', 'form', 'table', 'util', 'admin'], function () {
|
|
var $ = layui.jquery;
|
|
var layer = layui.layer;
|
|
var form = layui.form;
|
|
var table = layui.table;
|
|
var util = layui.util;
|
|
var admin = layui.admin;
|
|
|
|
// 渲染表格
|
|
var insTb = table.render({
|
|
elem: '#tableList',
|
|
url: '{:url("reward")}',
|
|
page: true,
|
|
cellMinWidth: 100,
|
|
cols: [[
|
|
{field: 'id', title: 'ID', width: 80},
|
|
{field: 'title', title: '奖励标题'},
|
|
{field: 'reward_type', title: '奖励类型', width: 100, templet: '#rewardTypeTpl'},
|
|
{field: 'reward_value', title: '奖励值', width: 100},
|
|
{
|
|
field: 'reward_id', title: '关联ID', width: 100,
|
|
templet: function(d){
|
|
if(d.reward_type == 1 && d.coupon){
|
|
return '券ID: ' + d.reward_id + ' (' + d.coupon.title + ')';
|
|
} else {
|
|
return '-';
|
|
}
|
|
}
|
|
},
|
|
{
|
|
field: 'create_time', title: '创建时间', width: 160,
|
|
templet: function(d){
|
|
return util.toDateString(d.create_time*1000);
|
|
}
|
|
},
|
|
{field: 'status', title: '状态', width: 90, templet: '#tableStateBar'},
|
|
{title: '操作', width: 120, align: 'center', toolbar: '#tableOpBar'}
|
|
]]
|
|
});
|
|
|
|
// 搜索按钮点击事件
|
|
form.on('submit(formSearch)', function (data) {
|
|
insTb.reload({where: data.field, page: {curr: 1}});
|
|
return false;
|
|
});
|
|
|
|
// 添加按钮点击事件
|
|
$('#btnAdd').click(function () {
|
|
showEditModel();
|
|
});
|
|
|
|
// 监听工具条
|
|
table.on('tool(tableList)', function (obj) {
|
|
var data = obj.data;
|
|
var layEvent = obj.event;
|
|
|
|
if (layEvent === 'edit') { // 修改
|
|
showEditModel(data.id);
|
|
} else if (layEvent === 'del') { // 删除
|
|
doDel(data.id);
|
|
}
|
|
});
|
|
|
|
// 修改状态
|
|
form.on('switch(ckState)', function (obj) {
|
|
var loadIndex = layer.load(2);
|
|
$.post('{:url("reward_status")}', {
|
|
id: obj.value,
|
|
status: obj.elem.checked ? 1 : 0
|
|
}, function (res) {
|
|
layer.close(loadIndex);
|
|
if (res.code === 0) {
|
|
layer.msg(res.msg, {icon: 1});
|
|
} else {
|
|
layer.msg(res.msg, {icon: 2});
|
|
$(obj.elem).prop('checked', !obj.elem.checked);
|
|
form.render('checkbox');
|
|
}
|
|
}, 'json');
|
|
});
|
|
|
|
// 显示编辑弹窗
|
|
function showEditModel(id) {
|
|
var title = id ? '修改奖励' : '添加奖励';
|
|
var url = id ? '{:url("reward_edit")}?id=' + id : '{:url("reward_add")}';
|
|
admin.popupRight({
|
|
title: title,
|
|
area: '500px',
|
|
path: url,
|
|
finish: function () {
|
|
table.reload('tableList');
|
|
}
|
|
});
|
|
}
|
|
|
|
// 删除
|
|
function doDel(id) {
|
|
layer.confirm('确定要删除此奖励吗？', {
|
|
skin: 'layui-layer-admin'
|
|
}, function (i) {
|
|
layer.close(i);
|
|
var loadIndex = layer.load(2);
|
|
$.post('{:url("reward_delete")}', {
|
|
id: id
|
|
}, function (res) {
|
|
layer.close(loadIndex);
|
|
if (res.code === 0) {
|
|
layer.msg(res.msg, {icon: 1});
|
|
insTb.reload();
|
|
} else {
|
|
layer.msg(res.msg, {icon: 2});
|
|
}
|
|
}, 'json');
|
|
});
|
|
}
|
|
|
|
// 奖励类型切换
|
|
form.on('select(reward_type)', function(data){
|
|
insTb.reload({
|
|
where: {
|
|
reward_type: data.value
|
|
},
|
|
page: {curr: 1}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |