From 5071992d0f6935288bf5f9f772a423dde3c0b8d3 Mon Sep 17 00:00:00 2001
From: Administrator <15274802129@163.com>
Date: Wed, 21 May 2025 11:15:07 +0800
Subject: [PATCH] refactor(mall): 优化会员收藏商品的删除逻辑
---
src/main/resources/templates/febs/views/modules/mallMember/mallMemberList.html | 521 ++++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 454 insertions(+), 67 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 752d935..ea5e7ee 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,22 +8,52 @@
<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="name" 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">
- <input type="text" placeholder="手机号/邮箱/邀请码" name="account" autocomplete="off" class="layui-input">
+ <input type="text" placeholder="联系方式" name="phone" 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="director" class="director-type">
+ <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="storeMaster" class="storeMaster-type">
+ <option value="">请选择</option>
+ </select>
</div>
</div>
<div class="layui-inline">
- <label class="layui-form-label layui-form-label-sm">账户状态</label>
+ <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>
+ <option value="1">启用</option>
+ <option value="2">停用</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="checkOrder">
+ <option value="">请选择</option>
+ <option value="0">否</option>
+ <option value="1">是</option>
</select>
</div>
</div>
@@ -40,6 +70,12 @@
</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>
@@ -53,30 +89,132 @@
<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="accountStatusSwitch">
+ {{# if(d.accountStatus === 1) { }}
+ <input type="checkbox" value={{d.id}} lay-text="启用|停用" checked lay-skin="switch" lay-filter="accountStatusSwitch">
+ {{# } else { }}
+ <input type="checkbox" value={{d.id}} lay-text="启用|停用" lay-skin="switch" lay-filter="accountStatusSwitch">
+ {{# } }}
+</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>
+
+<script type="text/html" id="checkOrderSwitch">
+ {{# if(d.checkOrder === 1) { }}
+ <input type="checkbox" value={{d.id}} lay-text="是|否" checked lay-skin="switch" lay-filter="checkOrderSwitch">
+ {{# } else { }}
+ <input type="checkbox" value={{d.id}} lay-text="是|否" lay-skin="switch" lay-filter="checkOrderSwitch">
+ {{# } }}
+</script>
+
+<script type="text/html" id="isDoctorSwitch">
+ {{# if(d.doctorState === 1) { }}
+ <input type="checkbox" value={{d.id}} lay-text="是|否" checked lay-skin="switch" lay-filter="isDoctorSwitch">
+ {{# } else { }}
+ <input type="checkbox" value={{d.id}} lay-text="是|否" lay-skin="switch" lay-filter="isDoctorSwitch">
+ {{# } }}
+</script>
+<style>
+ .layui-form-onswitch {
+ background-color: #5FB878 !important;
+ }
+</style>
+<script type="text/html" id="memberToolbar">
+ <div class="layui-btn-container">
+<!-- <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" lay-event="updateReferer">修改推荐人</button>-->
+ <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" shiro:hasPermission="updateMemberLevel:update" lay-event="updateMemberLevel">修改会员等级</button>
+ <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" shiro:hasPermission="updateSaleLevel:update" lay-event="updateSaleLevel">修改分销等级</button>
+ <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" shiro:hasPermission="wallet:update" lay-event="balance">余额修改</button>
+ <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" shiro:hasPermission="wallet:update" lay-event="prizeScore">积分修改</button>
+ <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" shiro:hasPermission="wallet:update" lay-event="commission">佣金修改</button>
+<!-- <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" lay-event="addCoupon">优惠券派送</button>-->
+ </div>
+</script>
+
+<script type="text/html" id="memberOption">
+<!-- <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" shiro:hasPermission="user:update" lay-event="memberOut">注销</button>-->
+</script>
<!-- 表格操作栏 end -->
<script data-th-inline="none" type="text/javascript">
// 引入组件并初始化
- layui.use([ 'jquery', 'form', 'table', 'febs'], function () {
+ layui.use([ 'jquery', 'form', 'table', 'febs', 'laydate'], 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},
+ laydate = layui.laydate,
tableIns;
form.render();
+ laydate.render({
+ elem: '#febs-member-benefits-list-birthday-start',
+ format:'MM-dd'
+ });
+ //(下拉框)
+ $.get(ctx + 'admin/level/levelAll', function (res) {
+ var data = res.data;
+ for (let k in data)
+ {
+ $(".director-type").append("<option value='" + data[k].code + "'>" + data[k].name + "</option>");
+ }
+ layui.use('form', function () {
+ var form = layui.form;
+ form.render();
+ });
+ });
+ //(下拉框)
+ $.get(ctx + 'admin/level/saleLevelAll', function (res) {
+ var data = res.data;
+ for (let k in data)
+ {
+ $(".storeMaster-type").append("<option value='" + data[k].code + "'>" + data[k].name + "</option>");
+ }
+ layui.use('form', function () {
+ var form = layui.form;
+ form.render();
+ });
+ });
+
// 表格初始化
- initTable();
+ initMemberListTable();
// 初始化表格操作栏各个按钮功能
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);
@@ -88,24 +226,8 @@
});
}
- if (layEvent === 'edit') {
- febs.modal.open('身份认证', 'modules/member/memberDetail/' + data.id, {
- btn: ['提交', '取消'],
- yes: function (index, layero) {
- $('#user-update').find('#submit').trigger('click');
- },
- btn2: function () {
- layer.closeAll();
- }
- });
- }
if (layEvent === 'see') {
febs.modal.open( '个人信息', 'modules/mallMember/detail/' + data.id, {
- maxmin: true,
- });
- }
- if (layEvent === 'addCoin') {
- febs.modal.open( '拨币', 'modules/member/addCoin/' + data.id, {
btn: ['提交', '取消'],
yes: function (index, layero) {
$('#user-update').find('#submit').trigger('click');
@@ -115,25 +237,129 @@
}
});
}
- if (layEvent === 'examine') {
- febs.modal.open( '个人数据详情', 'modules/member/memberDetailInfo/' + data.inviteId, {
+
+ if (layEvent === 'addLeader') {
+ febs.modal.open( '团长新增', 'modules/leader/addLeader/' + data.id, {
+ btn: ['提交', '取消'],
+ yes: function (index, layero) {
+ $('#user-addLeader').find('#submit').trigger('click');
+ },
+ btn2: function () {
+ layer.closeAll();
+ }
+ });
+ }
+
+ if (layEvent === 'agentSelect') {
+ febs.modal.open('推销员设置', 'modules/mallMember/agentSelect/' + data.id, {
+ btn: ['提交', '取消'],
+ yes: function (index, layero) {
+ $('#agent-select').find('#submit').trigger('click');
+ },
+ btn2: function () {
+ layer.closeAll();
+ }
+ });
+ }
+
+ if (layEvent === 'moneyFlow') {
+ febs.modal.open( '用户资金流水', 'modules/mallMember/moneyFlow/' + data.id, {
maxmin: true,
});
}
+
+
+
});
+ 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('禁用成功');
+ febs.alert.success('操作成功');
$query.click();
});
}
function openAccount(id) {
febs.get(ctx + 'admin/mallMember/openAccount/' + id, null, function () {
- febs.alert.success('开启成功');
+ 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(checkOrderSwitch)', function (data) {
+ if (data.elem.checked) {
+ checkOrder(data.value);
+ } else {
+ checkOrder(data.value);
+ }
+ })
+
+ form.on('switch(isSalesmanSwitch)', function (data) {
+ if (data.elem.checked) {
+ upSale(data.value);
+ } else {
+ downSale(data.value);
+ }
+ })
+
+ form.on('switch(isDoctorSwitch)', function (data) {
+ if (data.elem.checked) {
+ doctorStateChange(data.value);
+ } else {
+ doctorStateChange(data.value);
+ }
+ })
+
+ function doctorStateChange(id) {
+ febs.get(ctx + 'admin/mallMember/doctorStateChange/' + id, null, function () {
+ febs.alert.success('操作成功');
+ $query.click();
+ });
+ }
+
+ function checkOrder(id) {
+ febs.get(ctx + 'admin/mallMember/checkOrder/' + id, null, function () {
+ febs.alert.success('操作成功');
+ $query.click();
+ });
+ }
+
+ 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 () {
@@ -148,51 +374,186 @@
tableIns.reload({where: getQueryParams(), page: {curr: 1}, initSort: sortObject});
});
- function initTable() {
+ function initMemberListTable() {
tableIns = febs.table.init({
elem: $view.find('table'),
id: 'userTable',
url: ctx + 'admin/mallMember/getMallMemberList',
+ toolbar:"#memberToolbar",
+ defaultToolbar:[],
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'},
+ {type: 'checkbox'},
+ {type: 'numbers', title: '', width: 80},
+ {field: 'checkOrder', title: '状态', templet: '#accountStatusSwitch', minWidth: 100,align:'center'},
+ {field: 'checkOrder', title: '核销员', templet: '#checkOrderSwitch', minWidth: 100,align:'center'},
+ {field: 'isSalesman', title: '推销员设置', templet: '#isSalesmanSwitch', minWidth: 100,align:'center'},
+ // {title: '操作', toolbar: '#memberOption', minWidth: 200, align: 'center'},
+ {field: 'name', title: '用户名', minWidth: 100,align:'center'},
+ {field: 'realName', title: '真实姓名', minWidth: 100,align:'center'},
+ {field: 'phone', title: '联系方式', minWidth: 150,align:'center'},
+ {field: 'balance', title: '余额', minWidth: 150,align:'center'},
+ {field: 'score', title: '会员经验', minWidth: 150,align:'center'},
+ {field: 'prizeScore', title: '积分', minWidth: 150,align:'center'},
+ {field: 'commission', title: '可用佣金', minWidth: 150,align:'center'},
+ {field: 'totalScore', title: '总佣金', minWidth: 150,align:'center'},
+ {field: 'directorName', title: '会员等级', minWidth: 150,align:'center'},
+ {field: 'storeMasterName', title: '分销等级', minWidth: 150,align:'center'},
+ {field: 'inviteId', title: '邀请码', minWidth: 100,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>'
-
- }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>'
-
- }
- },minWidth: 300,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 == 'updateReferer') {
+ if (checkData.length > 1) {
+ febs.alert.warn('每次只能修改一个用户');
+ return;
+ }
+ febs.modal.open( '修改推荐人', 'modules/mallMember/updateReferer/' + checkData[0].id, {
+ btn: ['提交', '取消'],
+ yes: function (index, layero) {
+ $('#referer-update').find('#submit').trigger('click');
+ },
+ btn2: function () {
+ layer.closeAll();
+ }
+ });
+ }
+
+ if (layEvent === 'updateSaleLevel') {
+ var checkData = table.checkStatus('userTable').data;
+ if (checkData.length > 1) {
+ febs.alert.warn('每次只能修改一个用户');
+ return;
+ }
+ febs.modal.open('设置分销等级', 'modules/mallMember/saleLevelSetting/' + checkData[0].id, {
+ btn: ['确认', '取消'],
+ yes: function (index, layero) {
+ $('#sale-level-set').find('#submit').trigger('click');
+ },
+ btn2: function () {
+ layer.closeAll();
+ }
+ });
+ }
+
+ if (layEvent === 'updateMemberLevel') {
+ var checkData = table.checkStatus('userTable').data;
+ if (checkData.length > 1) {
+ febs.alert.warn('每次只能修改一个用户');
+ return;
+ }
+ 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('重置登录密码', '是否重置选中账号登录密码？', function () {
+ var ids = [];
+ layui.each(checkData, function (key, item) {
+ ids.push(item.id)
+ });
+ resetPwd(ids.join(','), 2);
+ });
+ }
+
+ if (layEvent === 'resetPayPwd') {
+ febs.modal.confirm('重置交易密码', '是否重置选中账号交易密码？', 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 === 'prizeScore') {
+ if (checkData.length > 1) {
+ febs.alert.warn('请选择一个用户');
+ }
+ systemPay("积分", checkData[0].id, 2);
+ }
+
+ if (layEvent === 'commission') {
+ if (checkData.length > 1) {
+ febs.alert.warn('请选择一个用户');
+ }
+ systemPay("佣金", checkData[0].id, 3);
+ }
+
+ if (layEvent === 'agentLevel') {
+ febs.modal.open('设置代理级别', 'modules/mallMember/agentLevelSet/' + checkData[0].id, {
+ btn: ['确认', '取消'],
+ yes: function (index, layero) {
+ $('#agent-level-set').find('#submit').trigger('click');
+ },
+ btn2: function () {
+ layer.closeAll();
+ }
+ });
+ }
+
+ if (layEvent === 'addCoupon') {
+ febs.modal.open('添加优惠券', 'modules/mallMember/addCoupon/' + checkData[0].id, {
+ btn: ['确认', '取消'],
+ yes: function (index, layero) {
+ $('#member-coupon-select').find('#submit').trigger('click');
+ },
+ btn2: function () {
+ layer.closeAll();
+ }
+ });
+ }
+ });
+
+ 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();
+ }
});
}
@@ -200,10 +561,36 @@
function getQueryParams() {
return {
name: $searchForm.find('input[name="name"]').val().trim(),
- account: $searchForm.find('input[name="account"]').val().trim(),
+ phone: $searchForm.find('input[name="phone"]').val().trim(),
+ checkOrder: $searchForm.find("select[name='checkOrder']").val(),
accountStatus: $searchForm.find("select[name='accountStatus']").val(),
+ director: $searchForm.find("select[name='director']").val(),
+ storeMaster: $searchForm.find("select[name='storeMaster']").val(),
};
}
+ form.on('switch(accountStatusSwitch)', function (data) {
+ if (data.elem.checked) {
+ openAccount(data.value);
+ } else {
+ closeAccount(data.value);
+ }
+ })
+
+ form.on('switch(switchStoreMaster)', function (data) {
+ if (data.elem.checked) {
+ changeIdentityYes(2, data.value);
+ } else {
+ changeIdentityNo(2, 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