From 85e204ffc471a73fd9cab58470f906e1ef3c13c4 Mon Sep 17 00:00:00 2001 From: KKSU <15274802129@163.com> Date: Thu, 29 Feb 2024 10:14:59 +0800 Subject: [PATCH] 抽奖 --- src/main/resources/templates/febs/views/modules/mallMember/mallMemberList.html | 206 ++++++++++++++++++++++++++++++++------------------ 1 files changed, 131 insertions(+), 75 deletions(-) diff --git a/src/main/resources/templates/febs/views/modules/mallMember/mallMemberList.html b/src/main/resources/templates/febs/views/modules/mallMember/mallMemberList.html index 6f8ef47..9fd8b69 100644 --- a/src/main/resources/templates/febs/views/modules/mallMember/mallMemberList.html +++ b/src/main/resources/templates/febs/views/modules/mallMember/mallMemberList.html @@ -1,4 +1,4 @@ -<div class="layui-fluid layui-anim febs-anim" id="febs-user" lay-title="会员列表"> +<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"> @@ -8,25 +8,21 @@ <div class="layui-col-md10"> <div class="layui-form-item"> <div class="layui-inline"> + <label class="layui-form-label">账号:</label> <div class="layui-input-inline"> - <input type="text" placeholder="用户名" name="name" autocomplete="off" class="layui-input"> + <input type="text" placeholder="手机号码/邀请码" name="account" autocomplete="off" class="layui-input"> </div> </div> - <div class="layui-inline"> - <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="accountStatus"> - <option value="">请选择</option> - <option value="1">正常</option> - <option value="2">禁用</option> - </select> - </div> - </div> +<!-- <div class="layui-inline">--> +<!-- <label class="layui-form-label">账户状态:</label>--> +<!-- <div class="layui-input-inline">--> +<!-- <select name="accountStatus">--> +<!-- <option value="">请选择</option>--> +<!-- <option value="1">正常</option>--> +<!-- <option value="2">禁用</option>--> +<!-- </select>--> +<!-- </div>--> +<!-- </div>--> </div> </div> <div class="layui-col-md2 layui-col-sm12 layui-col-xs12 table-action-area"> @@ -45,30 +41,52 @@ </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 type="text/html" id="mallmember-option"> + <button class="layui-btn layui-btn-normal layui-btn-xs" type="button" shiro:hasPermission="moneyFlow:update" lay-event="moneyFlow">资金流水</button> +</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> +<style> + .layui-form-onswitch { + background-color: #5FB878 !important; + } +</style> +<script type="text/html" id="tableMemberBar"> + <div class="layui-btn-container"> + <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" shiro:hasPermission="addMember:update" lay-event="registMember">添加会员</button> + <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" shiro:hasPermission="mallSystemPay:update" lay-event="balance">拨付余额</button> + <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" shiro:hasPermission="resetPwd:update" lay-event="resetPwd">重置登录密码</button> + </div> </script> <!-- 表格操作栏 end --> <script data-th-inline="none" type="text/javascript"> // 引入组件并初始化 - layui.use([ 'jquery', 'form', 'table', 'febs'], function () { + layui.use([ 'jquery', 'form', 'table', 'upload','febs'], function () { var $ = layui.jquery, febs = layui.febs, form = layui.form, table = layui.table, - $view = $('#febs-user'), + $view = $('#febs-member-list'), $query = $view.find('#query'), $reset = $view.find('#reset'), $searchForm = $view.find('form'), sortObject = {field: 'phone', type: null}, tableIns; + //结合表格操作栏是否有内容,来控制数据列是否显示 + let toolbarMallmember = $.trim($("#mallmember-option").html())==="" ? true : false; + // alert($.trim($("#mallmember-option").html())); form.render(); + let currPageMember = 1;//首先默认值为1,防止出错 + //获取当前页 + currPageMember = $view.find(".layui-laypage-em").next().html(); // 表格初始化 initTable(); @@ -77,6 +95,7 @@ table.on('tool(userTable)', function (obj) { var data = obj.data, layEvent = obj.event; + if (layEvent === 'close') { febs.modal.confirm('禁用', '确认禁用该账号?', function () { closeAccount(data.id); @@ -87,16 +106,13 @@ openAccount(data.id); }); } - if (layEvent === 'see') { - febs.modal.open( '个人信息', 'modules/mallMember/detail/' + data.id, { - maxmin: true, - }); - } + if (layEvent === 'moneyFlow') { febs.modal.open( '用户资金流水', 'modules/mallMember/moneyFlow/' + data.id, { maxmin: true, }); } + }); function closeAccount(id) { febs.get(ctx + 'admin/mallMember/closeAccount/' + id, null, function () { @@ -111,18 +127,25 @@ }); } + function resetPwd(id, type) { + febs.post(ctx + 'admin/mallMember/resetPwdNew/' + type + "/"+ 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}}); + tableIns.reload({where: params, page: {curr: currPageMember}}); }); // 刷新按钮 $reset.on('click', function () { $searchForm[0].reset(); sortObject.type = 'null'; - tableIns.reload({where: getQueryParams(), page: {curr: 1}, initSort: sortObject}); + tableIns.reload({where: getQueryParams(), page: {curr: currPageMember}, initSort: sortObject}); }); function initTable() { @@ -130,59 +153,92 @@ elem: $view.find('table'), id: 'userTable', url: ctx + 'admin/mallMember/getMallMemberList', + toolbar:"#tableMemberBar", + // defaultToolbar:[], + totalRow: true ,// 开启合计行 cols: [[ - {field: 'phone', title: '手机号', minWidth: 150,align:'left'}, - // {field: 'email', title: '邮箱', minWidth: 150,align:'left'}, - {field: 'name', title: '名称', minWidth: 100,align:'left'}, - {field: 'inviteId', title: '邀请码', minWidth: 100,align:'left'}, - {field: 'referrerId', title: '推荐人邀请码', minWidth: 100,align:'left'}, - {field: 'accountType', title: '账号类型', - templet: function (d) { - if (d.accountType === 2) { - return '<span style="color:red;">测试账号</span>' - } else if (d.accountType === 1) { - return '<span style="color:green;">正常账号</span>' - }else{ - return '' - } - }, minWidth: 80,align:'center'}, - {field: 'accountStatus', title: '账号状态', - templet: function (d) { - if (d.accountStatus === 1) { - return '<span style="color:green;">正常</span>' - } else if (d.accountStatus === 2) { - return '<span style="color:red;">禁用</span>' - }else{ - return '' - } - }, minWidth: 80,align:'center'}, - {field: 'createdTime', title: '注册时间', minWidth: 180,align:'center'}, - {title: '操作', - templet: function (d) { - if (d.accountStatus === 1) { - return '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="see" shiro:hasPermission="user:update">详情</button>' - +'<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="close" shiro:hasPermission="user:update">禁用</button>' - +'<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="moneyFlow" shiro:hasPermission="user:update">资金流水</button>' - - }else{ - return '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="see" shiro:hasPermission="user:update">详情</button>' - +'<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="open" shiro:hasPermission="user:update">启用</button>' - +'<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="moneyFlow" shiro:hasPermission="user:update">资金流水</button>' - - } - },minWidth: 300,align:'center'} + {type: 'checkbox'}, + {field: 'phone', title: '账号', minWidth: 150,align:'left',hide:toolbarMallmember}, + {field: 'balance', title: '余额', minWidth: 100,align:'left',totalRow: '{{= parseInt(d.balance) }}'}, + {field: 'accountStatus', title: '账号状态', templet: '#switchStatus', minWidth: 100,align:'left',hide:toolbarMallmember}, + {field: 'createdTime', title: '注册时间', minWidth: 180,align:'left'}, + {title: '操作', minWidth: 200 ,toolbar: '#mallmember-option',hide:toolbarMallmember,align:'left', fixed:'right'} ]] + }); + } + + 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; + } + + if (layEvent === 'resetPwd') { + var checkData = table.checkStatus('userTable').data; + if (checkData.length <= 0) { + febs.alert.warn('请选择需要的用户'); + return; + } + febs.modal.confirm('重置登录密码', '是否重置选中账号登录密码为【a123456】?', function () { + var ids = []; + layui.each(checkData, function (key, item) { + ids.push(item.id) + }); + resetPwd(ids.join(','), 2); + }); + } + + if (layEvent === 'balance') { + var checkData = table.checkStatus('userTable').data; + if (checkData.length <= 0) { + febs.alert.warn('请选择需要的用户'); + return; + } + if (checkData.length > 1) { + febs.alert.warn('请选择一个用户'); + return; + } + systemPay("拨付余额", checkData[0].id, 1); + } + }); + + + 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 { - name: $searchForm.find('input[name="name"]').val().trim(), account: $searchForm.find('input[name="account"]').val().trim(), - accountStatus: $searchForm.find("select[name='accountStatus']").val(), }; } - + form.on('switch(switchStatus)', function (data) { + if (data.elem.checked) { + openAccount(data.value); + } else { + closeAccount(data.value); + } + }) }) </script> \ No newline at end of file -- Gitblit v1.9.1