From b06418c37c2b9e3c01c8e382fb311d35629f1d9a Mon Sep 17 00:00:00 2001 From: Administrator <15274802129@163.com> Date: Wed, 23 Apr 2025 17:53:03 +0800 Subject: [PATCH] feat(mall): 添加活动报名状态字段 --- src/main/resources/templates/febs/views/modules/votesActivity/discountAudit.html | 199 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 199 insertions(+), 0 deletions(-) diff --git a/src/main/resources/templates/febs/views/modules/votesActivity/discountAudit.html b/src/main/resources/templates/febs/views/modules/votesActivity/discountAudit.html new file mode 100644 index 0000000..a2a8c15 --- /dev/null +++ b/src/main/resources/templates/febs/views/modules/votesActivity/discountAudit.html @@ -0,0 +1,199 @@ +<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> -- Gitblit v1.9.1