From 74315c8cc145e30c33f2c2b3fd9074c446e6699c Mon Sep 17 00:00:00 2001 From: KKSU <15274802129@163.com> Date: Mon, 03 Mar 2025 15:38:46 +0800 Subject: [PATCH] feat(mall): 添加会员列表页面 --- src/main/java/cc/mrbird/febs/mall/controller/ViewMallMemberController.java | 10 + src/main/resources/templates/febs/views/modules/mallMember/mallMrbirdList.html | 397 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 407 insertions(+), 0 deletions(-) diff --git a/src/main/java/cc/mrbird/febs/mall/controller/ViewMallMemberController.java b/src/main/java/cc/mrbird/febs/mall/controller/ViewMallMemberController.java index a37da31..a1df9fb 100644 --- a/src/main/java/cc/mrbird/febs/mall/controller/ViewMallMemberController.java +++ b/src/main/java/cc/mrbird/febs/mall/controller/ViewMallMemberController.java @@ -51,6 +51,16 @@ * 会员列表 * @return */ + @GetMapping("mallMrbirdList") + @RequiresPermissions("mallMrbirdList:view") + public String mallMrbirdList() { + return FebsUtil.view("modules/mallMember/mallMrbirdList"); + } + + /** + * 会员列表 + * @return + */ @GetMapping("mallMemberList") @RequiresPermissions("mallMemberList:view") public String mallMember() { diff --git a/src/main/resources/templates/febs/views/modules/mallMember/mallMrbirdList.html b/src/main/resources/templates/febs/views/modules/mallMember/mallMrbirdList.html new file mode 100644 index 0000000..4659eb4 --- /dev/null +++ b/src/main/resources/templates/febs/views/modules/mallMember/mallMrbirdList.html @@ -0,0 +1,397 @@ +<div class="layui-fluid layui-anim febs-anim" id="febs-member-list" 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="user-table-form"> + <div class="layui-row"> + <div class="layui-col-md10"> + <div class="layui-form-item"> + <div class="layui-inline"> + <label class="layui-form-label layui-form-label-sm">手机号码</label> + <div class="layui-input-inline"> + <input type="text" placeholder="手机号码" name="account" autocomplete="off" class="layui-input"> + </div> + </div> + <div class="layui-inline"> + <label class="layui-form-label layui-form-label-sm">会员类型</label> + <div class="layui-input-inline"> + <select name="levelType" class="vip-level-set-level-member"> + <option value="">请选择</option> + </select> + </div> + </div> + <div class="layui-inline"> + <label class="layui-form-label layui-form-label-sm">节点</label> + <div class="layui-input-inline"> + <select name="directorState"> + <option value="">请选择</option> + <option value="1">是</option> + <option value="0">否</option> + </select> + </div> + </div> + </div> + </div> + <div class="layui-col-md2 layui-col-sm12 layui-col-xs12 table-action-area"> + <div class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain table-action" id="query"> + <i class="layui-icon"></i> + </div> + <div class="layui-btn layui-btn-sm layui-btn-primary febs-button-green-plain table-action" id="reset"> + <i class="layui-icon"></i> + </div> + </div> + </div> + </form> + <table lay-filter="userTable" lay-data="{id: 'userTable'}"></table> + <style type="text/css"> + ::-webkit-scrollbar { + height: 20px !important; + background-color: #f4f4f4; + } + </style> + </div> + </div> + </div> + </div> +</div> +<!-- 表格操作栏 start --> +<script type="text/html" id="user-option"> + <span shiro:lacksPermission="user:view,user:update,user:delete"> + <span class="layui-badge-dot febs-bg-orange"></span> 无权限 + </span> + <a lay-event="edit" shiro:hasPermission="user:update"><i + class="layui-icon febs-edit-area febs-blue"></i></a> +</script> +<script type="text/html" id="switchStatus"> + {{# if(d.accountStatus === 1) { }} + <input type="checkbox" value={{d.id}} lay-text="正常|禁用" checked lay-skin="switch" lay-filter="switchStatus"> + {{# } else { }} + <input type="checkbox" value={{d.id}} lay-text="正常|禁用" lay-skin="switch" lay-filter="switchStatus"> + {{# } }} +</script> +<script type="text/html" id="switchStoreMaster"> + {{# if(d.storeMaster === 1) { }} + <input type="checkbox" value={{d.id}} lay-text="是|否" checked lay-skin="switch" lay-filter="switchStoreMaster"> + {{# } else { }} + <input type="checkbox" value={{d.id}} lay-text="是|否" lay-skin="switch" lay-filter="switchStoreMaster"> + {{# } }} +</script> +<script type="text/html" id="switchDirector"> + {{# if(d.director === 1) { }} + <input type="checkbox" value={{d.id}} lay-text="是|否" checked lay-skin="switch" lay-filter="switchDirector"> + {{# } else { }} + <input type="checkbox" value={{d.id}} lay-text="是|否" lay-skin="switch" lay-filter="switchDirector"> + {{# } }} +</script> + +<script type="text/html" id="isSalesmanSwitch"> + {{# if(d.isSale === 1) { }} + <input type="checkbox" value={{d.id}} lay-text="是|否" checked lay-skin="switch" lay-filter="isSalesmanSwitch"> + {{# } else { }} + <input type="checkbox" value={{d.id}} lay-text="是|否" lay-skin="switch" lay-filter="isSalesmanSwitch"> + {{# } }} +</script> +<style> + .layui-form-onswitch { + background-color: #5FB878 !important; + } +</style> +<script type="text/html" id="toolbar"> + <div class="layui-btn-container"> + <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" lay-event="registMember">添加会员</button> + <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" lay-event="balance">碳币拨付</button> + <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" lay-event="score">碳积分拨付</button> + <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" lay-event="resetPwd">登录密码重置</button> + <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" lay-event="resetPayPwd">资金密码重置</button> + <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" lay-event="updateVipLevel">修改会员等级</button> + </div> +</script> +<!-- 表格操作栏 end --> +<script data-th-inline="none" type="text/javascript"> + // 引入组件并初始化 + layui.use([ 'jquery', 'form', 'table', 'febs', 'laydate'], function () { + var $ = layui.jquery, + febs = layui.febs, + form = layui.form, + table = layui.table, + $view = $('#febs-member-list'), + $query = $view.find('#query'), + $reset = $view.find('#reset'), + $searchForm = $view.find('form'), + sortObject = {field: 'phone', type: null}, + laydate = layui.laydate, + tableIns; + + form.render(); + + laydate.render({ + elem: '#febs-member-benefits-list-birthday-start', + format:'MM-dd' + }); + + //(下拉框) + $.get(ctx + 'admin/runVip/allVipList', function (res) { + var data = res.data; + for (var k in data) + { + $(".vip-level-set-level-member").append("<option value='" + data[k].vipCode + "'>" + data[k].vipName + "</option>"); + } + layui.use('form', function () { + var form = layui.form; + form.render(); + }); + }); + + // 表格初始化 + initTable(); + + // 初始化表格操作栏各个按钮功能 + table.on('tool(userTable)', function (obj) { + var data = obj.data, + layEvent = obj.event; + + if (layEvent === 'memberOut') { + febs.modal.confirm('注销', '确认注销该账号?', function () { + memberOut(data.id); + }); + } + + if (layEvent === 'close') { + febs.modal.confirm('禁用', '确认禁用该账号?', function () { + closeAccount(data.id); + }); + } + if (layEvent === 'open') { + febs.modal.confirm('开启', '确认开启该账号?', function () { + openAccount(data.id); + }); + } + }); + function memberOut(id) { + febs.get(ctx + 'admin/mallMember/memberOut/' + id, null, function () { + febs.alert.success('操作成功'); + $query.click(); + }); + } + function closeAccount(id) { + febs.get(ctx + 'admin/mallMember/closeAccount/' + id, null, function () { + febs.alert.success('操作成功'); + $query.click(); + }); + } + function openAccount(id) { + febs.get(ctx + 'admin/mallMember/openAccount/' + id, null, function () { + febs.alert.success('操作成功'); + $query.click(); + }); + } + + function changeIdentityYes(type, id) { + febs.get(ctx + 'admin/mallMember/changeIdentityYes/' + type + "/" + id, null, function () { + febs.alert.success('操作成功'); + $query.click(); + }); + } + function changeIdentityNo(type, id) { + febs.get(ctx + 'admin/mallMember/changeIdentityNo/' + type + "/" + id, null, function () { + febs.alert.success('操作成功'); + $query.click(); + }); + } + + function resetPwd(id, type) { + febs.post(ctx + 'admin/mallMember/resetPwdNew/' + type + "/"+ id, null, function () { + febs.alert.success('操作成功'); + $query.click(); + }); + } + + form.on('switch(isSalesmanSwitch)', function (data) { + if (data.elem.checked) { + upSale(data.value); + } else { + downSale(data.value); + } + }) + + function upSale(id) { + febs.get(ctx + 'admin/mallMember/upSale/' + id, null, function () { + febs.alert.success('操作成功'); + $query.click(); + }); + } + function downSale(id) { + febs.get(ctx + 'admin/mallMember/downSale/' + id, null, function () { + febs.alert.success('操作成功'); + $query.click(); + }); + } + + // 查询按钮 + $query.on('click', function () { + var params = $.extend(getQueryParams(), {field: sortObject.field, order: sortObject.type}); + tableIns.reload({where: params, page: {curr: 1}}); + }); + + // 刷新按钮 + $reset.on('click', function () { + $searchForm[0].reset(); + sortObject.type = 'null'; + tableIns.reload({where: getQueryParams(), page: {curr: 1}, initSort: sortObject}); + }); + + function initTable() { + tableIns = febs.table.init({ + elem: $view.find('table'), + id: 'userTable', + url: ctx + 'admin/mallMember/getMallMemberList', + toolbar:"#toolbar", + defaultToolbar:[], + totalRow : true, + cols: [[ + {type: 'checkbox'}, + {field: 'phone', title: '账号', minWidth: 150,align:'left',totalRowText:"合计"}, + {field: 'name', title: '昵称', minWidth: 100,align:'left'}, + {field: 'inviteId', title: '邀请码', minWidth: 100,align:'left'}, + {field: 'commission', title: 'USDT', minWidth: 100,align:'left', totalRow:true}, + {field: 'balance', title: '碳币', minWidth: 100,align:'left', totalRow:true}, + {field: 'score', title: '碳积分', minWidth: 100,align:'left', totalRow:true}, + {field: 'directCnt', title: '直推', minWidth: 100,align:'left', totalRow:true}, + {field: 'teamCnt', title: '团队', minWidth: 100,align:'left', totalRow:true}, + {field: 'achieveCnt', title: '业绩', minWidth: 100,align:'left', totalRow:true}, + {field: 'referrerName', title: '推荐人', minWidth: 100,align:'left'}, + {field: 'levelName', title: '会员等级', minWidth: 100,align:'left'}, + {field: 'director', title: '节点', templet: '#switchDirector', minWidth: 100,align:'center'}, + {field: 'directorTime', title: '节点时间', minWidth: 180,align:'center'}, + // {field: 'vipLevelTime', title: '到期时间', minWidth: 180,align:'center'}, + {field: 'createdTime', title: '注册时间', minWidth: 180,align:'center'}, + {field: 'accountStatus', title: '账号状态', templet: '#switchStatus', minWidth: 100,align:'center'}, + {title: '操作', + templet: function (d) { + return '' + +'<button class="layui-btn layui-btn-normal layui-btn-xs febs-bg-red" lay-event="memberOut" shiro:hasPermission="user:update">注销</button>' + },minWidth: 200,align:'center'} + ]] + }); + } + + table.on('toolbar(userTable)', function(obj){ + var data = obj.data, + layEvent = obj.event; + + if (layEvent === 'registMember') { + febs.modal.open( '添加会员', 'modules/mallMember/addMember', { + btn: ['提交', '取消'], + yes: function (index, layero) { + $('#member-add').find('#submit').trigger('click'); + }, + btn2: function () { + layer.closeAll(); + } + }); + + return; + } + + var checkData = table.checkStatus('userTable').data; + if (checkData.length <= 0) { + febs.alert.warn('请选择需要的用户'); + return; + } + + if (layEvent === 'updateVipLevel') { + var checkData = table.checkStatus('userTable').data; + if (checkData.length > 1) { + febs.alert.warn('每次只能修改一个用户'); + return; + } + // var idList = []; + // for (var i = 0; i < checkData.length; i++) { + // idList.push(checkData[i].id); + // } + febs.modal.open('设置会员等级', 'modules/mallMember/vipLevelSetting/' + checkData[0].id, { + btn: ['确认', '取消'], + yes: function (index, layero) { + $('#vip-level-set').find('#submit').trigger('click'); + }, + btn2: function () { + layer.closeAll(); + } + }); + } + + if (layEvent === 'resetPwd') { + febs.modal.confirm('重置登录密码', '是否重置选中账号登录密码为:【a123456】?', function () { + var ids = []; + layui.each(checkData, function (key, item) { + ids.push(item.id) + }); + resetPwd(ids.join(','), 2); + }); + } + + if (layEvent === 'resetPayPwd') { + febs.modal.confirm('重置交易密码', '是否重置选中账号交易密码为:【123456】?', function () { + var ids = []; + layui.each(checkData, function (key, item) { + ids.push(item.id) + }); + + resetPwd(ids.join(','), 1); + }); + } + + if (layEvent === 'balance') { + if (checkData.length > 1) { + febs.alert.warn('请选择一个用户'); + } + systemPay("碳币拨付", checkData[0].id, 1); + } + + if (layEvent === 'score') { + if (checkData.length > 1) { + febs.alert.warn('请选择一个用户'); + } + systemPay("碳积分拨付", checkData[0].id, 2); + } + }); + + function systemPay(text, id, type) { + febs.modal.open(text, 'modules/mallMember/mallSystemPay/' + type +'/'+ id, { + btn: ['提交', '取消'], + yes: function (index, layero) { + $('#systemPay-update').find('#submit').trigger('click'); + }, + btn2: function () { + layer.closeAll(); + } + }); + } + + // 获取查询参数 + function getQueryParams() { + return { + account: $searchForm.find('input[name="account"]').val(), + level: $searchForm.find("select[name='levelType']").val(), + director: $searchForm.find("select[name='directorState']").val(), + }; + } + + form.on('switch(switchStatus)', function (data) { + if (data.elem.checked) { + openAccount(data.value); + } else { + closeAccount(data.value); + } + }) + + form.on('switch(switchDirector)', function (data) { + if (data.elem.checked) { + changeIdentityYes(1,data.value); + } else { + changeIdentityNo(1,data.value); + } + }) + }) +</script> \ No newline at end of file -- Gitblit v1.9.1