feat(mall): 重构轮播图模块

Administrator

2025-05-09 286c0308534688baf50d93c1fc8c2f372912bd40

 src/main/resources/templates/febs/views/modules/leader/leaderList.html

@@ -20,6 +20,7 @@
                                                <option value="1">通过</option>
                                                <option value="2">不通过</option>
                                                <option value="3">申请中</option>
                                                <option value="4">取消</option>
                                            </select>
                                        </div>
                                    </div>
@@ -61,6 +62,20 @@
    <a lay-event="edit" shiro:hasPermission="user:update"><i
            class="layui-icon febs-edit-area febs-blue">&#xe7a5;</i></a>
</script>
<script type="text/html" id="onlineStateSwitch">
    {{# if(d.onlineState === 1) { }}
    <input type="checkbox" value={{d.id}} lay-text="在线|离线" checked lay-skin="switch" lay-filter="onlineStateSwitch">
    {{# } else { }}
    <input type="checkbox" value={{d.id}} lay-text="在线|离线" lay-skin="switch" lay-filter="onlineStateSwitch">
    {{# } }}
</script>
<script type="text/html" id="profitSwitch">
    {{# if(d.profitSwitch === 1) { }}
    <input type="checkbox" value={{d.id}} lay-text="开启|关闭" checked lay-skin="switch" lay-filter="profitSwitch">
    {{# } else { }}
    <input type="checkbox" value={{d.id}} lay-text="开启|关闭" lay-skin="switch" lay-filter="profitSwitch">
    {{# } }}
</script>
<!-- 表格操作栏 end -->
<script data-th-inline="none" type="text/javascript">
    // 引入组件并初始化
@@ -85,6 +100,18 @@
        table.on('tool(leaderTable)', function (obj) {
            var data = obj.data,
                layEvent = obj.event;
            if (layEvent === 'leaderGoodsUpdate') {
                febs.modal.open('编辑', 'modules/leader/leaderGoodsUpdate/' + data.id, {
                    btn: ['提交', '取消'],
                    area:['100%','100%'],
                    yes: function (index, layero) {
                        $('#febs-leaderGoods-update').find('#submit').trigger('click');
                    },
                    btn2: function () {
                        layer.closeAll();
                    }
                });
            }
            if (layEvent === 'leaderUpdate') {
                febs.modal.open('编辑', 'modules/leader/leaderUpdate/' + data.id, {
                    btn: ['提交', '取消'],
@@ -95,6 +122,23 @@
                    btn2: function () {
                        layer.closeAll();
                    }
                });
            }
            if (layEvent === 'fenceAdd') {
                febs.modal.open('设置配送范围', 'modules/leader/fenceAdd/' + data.id, {
                    btn: ['提交', '取消'],
                    area:['100%','100%'],
                    yes: function (index, layero) {
                        $('#user-addLeaderFence').find('#submit').trigger('click');
                    },
                    btn2: function () {
                        layer.closeAll();
                    }
                });
            }
            if (layEvent === 'leaderCancel') {
                febs.modal.confirm('拉黑', '团长被拉黑，将无法再次申请团长', function () {
                    leaderCancel(data.id);
                });
            }
            if (layEvent === 'seeImgThumb') {
@@ -113,6 +157,13 @@
                });
            }
        });

        function leaderCancel(id) {
            febs.get(ctx + 'admin/leader/leaderCancel/' + id, null, function () {
                febs.alert.success('操作成功');
                $query.click();
            });
        }

        // 查询按钮
        $query.on('click', function () {
@@ -140,6 +191,13 @@
                        templet: function (d) {
                            return '<a lay-event="seeImgThumb"><img id="seeImgThumb'+d.id+'" src="'+d.addressPic+'" alt=""></a>';
                        }, minWidth: 150,align:'center'},
                    {field: 'addressArea', title: '自提点名称', minWidth: 150,align:'left'},
                    {field: 'detailAddress', title: '自提点地址', minWidth: 150,align:'left'},
                    // {field: 'totalProfit', title: '收益', minWidth: 150,align:'left'},
                    {field: 'onlineState', title: '在线状态', templet: '#onlineStateSwitch', minWidth: 100,align:'center'},
                    // {field: 'profitSwitch', title: '是否返利', templet: '#profitSwitch', minWidth: 100,align:'center'},
                    // {field: 'bonusPercent', title: '返利比例', minWidth: 150,align:'left'},
                    // {field: 'phone', title: '电话', minWidth: 150,align:'left'},
                    {field: 'state', title: '状态',
                        templet: function (d) {
                            if (d.state === 1) {
@@ -148,6 +206,8 @@
                                return '<span style="color:red;">拒绝</span>'
                            }else if (d.state === 3) {
                                return '<span style="color:blue;">待审核</span>'
                            }else if (d.state === 4) {
                                return '<span style="color:blue;">已取消资格</span>'
                            }else{
                                return ''
                            }
@@ -157,22 +217,66 @@
                            if (d.state === 3) {
                                return ''
                                    + '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="leaderUpdate" shiro:hasPermission="user:update">审核</button>'
                            }else if(d.state === 1) {
                                return ''
                                    + '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="leaderUpdate" shiro:hasPermission="user:update">修改</button>'
                                    + '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="fenceAdd" shiro:hasPermission="user:update">设置配送范围</button>'
                                    + '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="leaderCancel" shiro:hasPermission="user:update">拉黑</button>'
                                    // + '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="leaderGoodsUpdate" shiro:hasPermission="user:update">团长商品设置</button>'
                            }else{
                                return '';
                            }
                        },minWidth: 160,align:'center'}
                        },minWidth: 200,align:'center'}
                ]]
            });
        }

        form.on('switch(startOrCloseSwitch)', function (data) {
        form.on('switch(onlineStateSwitch)', function (data) {
            if (data.elem.checked) {
                startAct(data.value);
                startOnline(data.value);
            } else {
                closeAct(data.value);
                closeOnline(data.value);
            }
            $query.click();
        })

        function startOnline(id) {
            febs.get(ctx + 'admin/leader/startOnline/' + id, null, function () {
                febs.alert.success('在线成功');
                $query.click();
            });
        }

        function closeOnline(id) {
            febs.get(ctx + 'admin/leader/closeOnline/' + id, null, function () {
                febs.alert.success('离线成功');
                $query.click();
            });
        }

        form.on('switch(profitSwitch)', function (data) {
            if (data.elem.checked) {
                startProfit(data.value);
            } else {
                closeProfit(data.value);
            }
            $query.click();
        })

        function startProfit(id) {
            febs.get(ctx + 'admin/leader/startProfit/' + id, null, function () {
                febs.alert.success('开启成功');
                $query.click();
            });
        }

        function closeProfit(id) {
            febs.get(ctx + 'admin/leader/closeProfit/' + id, null, function () {
                febs.alert.success('关闭成功');
                $query.click();
            });
        }

        // 获取查询参数
        function getQueryParams() {
            return {