<div class="layui-fluid layui-anim febs-anim" id="febs-activity" lay-title="佳丽列表">
|
<div class="layui-row febs-container">
|
<div class="layui-col-md12">
|
<div class="layui-card">
|
<div class="layui-card-body febs-table-full">
|
<form class="layui-form layui-table-form" lay-filter="activity-table-form">
|
<div class="layui-row">
|
<div class="layui-col-md10">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<div class="layui-input-inline">
|
<input type="hidden" placeholder="activityId" name="activityId"
|
autocomplete="off" class="layui-input" id="activityId"
|
th:value="${activityId}">
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md2 layui-col-sm12 layui-col-xs12 table-action-area" style="display: none;">
|
<button class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain" id="queryAudit">
|
<i class="layui-icon"></i> 查询
|
</button>
|
</div>
|
</div>
|
</form>
|
<table id="activityAuditTable" lay-filter="activityAuditTable"></table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<script type="text/html" id="activityOptionAudit">
|
<button class="layui-btn layui-btn-primary layui-btn-sm" type="button" lay-event="activityAuditEvent">审核</button>
|
<button class="layui-btn layui-btn-sm layui-btn-normal" type="button" lay-event="activityDetailEvent">查看详情</button>
|
</script>
|
|
<style>
|
.layui-form-onswitch {
|
background-color: #5FB878 !important;
|
}
|
</style>
|
|
<script data-th-inline="none" type="text/javascript">
|
layui.use(['jquery', 'form', 'table', 'febs'], function () {
|
var $ = layui.jquery,
|
febs = layui.febs,
|
form = layui.form,
|
table = layui.table,
|
ctx = '', // 这里需要定义你的 `ctx`
|
$view = $('#febs-activity'),
|
$query = $('#queryAudit'),
|
$searchForm = $view.find('form'),
|
sortObject = { field: 'phone', type: null },
|
tableIns;
|
|
form.render();
|
initTable();
|
|
// 监听表格操作按钮
|
table.on('tool(activityAuditTable)', function (obj) {
|
var data = obj.data,
|
layEvent = obj.event;
|
|
if (layEvent === 'activityAuditEvent') {
|
febs.modal.confirm('审批', '确认通过审批？', function () {
|
auditAct(data.id, 1);
|
});
|
} else if (layEvent === 'activityDetailEvent') {
|
if (!data.id || !data.activityId) {
|
febs.alert.error('数据异常，无法打开详情页面');
|
return;
|
}
|
openDetailModal(data.id, data.activityId);
|
}
|
});
|
|
// 审批
|
function auditAct(id, status) {
|
febs.get(ctx + 'admin/votesOption/auditOption/' + id + '/' + status, null, function (data) {
|
febs.alert.success(data.message);
|
tableIns.reload({ page: { curr: 1 } });
|
});
|
}
|
|
// 删除活动
|
function deleteAct(id) {
|
febs.get(ctx + 'admin/votesActivity/delActivity/' + id, null, function (data) {
|
febs.alert.success(data.message);
|
tableIns.reload({ page: { curr: 1 } });
|
});
|
}
|
|
|
// 查询按钮点击事件
|
$query.on('click', function (e) {
|
e.preventDefault();
|
var params = getQueryParams();
|
params = $.extend(params, { field: sortObject.field, order: sortObject.type });
|
|
tableIns.reload({
|
where: params,
|
page: { curr: 1 }
|
});
|
});
|
|
// 初始化表格
|
function initTable() {
|
tableIns = febs.table.init({
|
elem: '#activityAuditTable',
|
id: 'activityAuditTable',
|
url: ctx + 'admin/votesOption/list/',
|
where: getQueryParams(), // 传递查询参数
|
page: true,
|
cols: [[
|
{ field: 'beautyName', title: '名称', minWidth: 150, align: 'left' },
|
{ field: 'number', title: '编号', minWidth: 50, align: 'left' },
|
{
|
field: 'image',
|
title: '图片',
|
templet: function (d) {
|
return '<a lay-event="seeImgThumb">' +
|
'<img id="seeImgThumb' + d.id + '" src="' + d.image +
|
'" alt="图片" style="width: 50px; height: 50px; object-fit: cover; border-radius: 5px; cursor: pointer;">' +
|
'</a>';
|
},
|
minWidth: 150,
|
align: 'center'
|
},
|
|
{
|
field: 'videoUrl',
|
title: '视频',
|
templet: function (d) {
|
return '<a lay-event="seeVideoThumb">' +
|
'<video id="seeVideoThumb' + d.id + '" src="' + d.videoUrl +
|
'" style="width: 100px; height: 100px; object-fit: cover; border-radius: 5px; cursor: pointer;" ' +
|
'muted playsinline></video>' +
|
'</a>';
|
},
|
minWidth: 150,
|
align: 'center'
|
},
|
{ field: 'description', title: '描述', minWidth: 200, align: 'left' },
|
{
|
field: 'audit',
|
title: '是否审核',
|
minWidth: 50,
|
align: 'left',
|
templet: function (d) {
|
if (d.audit === 0) {
|
return '未审核';
|
} else if (d.audit === 1) {
|
return '已审核';
|
} else if (d.audit === 2) {
|
return '已拒绝';
|
} else {
|
return '其他';
|
}
|
}
|
},
|
{
|
title: '操作',
|
minWidth: 200,
|
align: 'center',
|
templet: function (d) {
|
var btns = '';
|
if (d.audit === 0) {
|
btns += '<button class="layui-btn layui-btn-primary layui-btn-sm" type="button" lay-event="activityAuditEvent">审核</button>';
|
}
|
btns += '<button class="layui-btn layui-btn-sm layui-btn-normal" type="button" lay-event="activityDetailEvent">查看详情</button>';
|
return btns;
|
|
}
|
}
|
|
|
]]
|
});
|
}
|
|
// 打开详情页面
|
function openDetailModal(id,activityId) {
|
var detailUrl = ctx + 'modules/votesActivity/votesoptionDetail/' + encodeURIComponent(id) + '/' + encodeURIComponent(activityId);
|
febs.modal.open('详情', detailUrl, {
|
area: ['80%', '80%'],
|
maxmin: true
|
});
|
}
|
|
// 获取查询参数
|
function getQueryParams() {
|
return {
|
// activityId: $searchForm.find('input[name="activityId"]').val().trim(),
|
activityId: $("#activityId").val().trim(), // 从前端 input 获取值
|
};
|
}
|
});
|
</script>
|
