premium/public/static/admin/js/menuRecycle.js

layui.use(['laytp'], function () {
    const funRecycleController = {};
    //静态页面地址前缀
    window.htmlPrefix = "/admin/menu/";
    //后端接口地址前缀
    window.apiPrefix  = "/admin.menu/";

    //表格渲染
    funRecycleController.tableRender = function (where, page) {
        layui.table.render({
            elem: "#laytp-recycle-table"
            , limit: facade.getLimit('/admin/menu/recycle')
            , id: "laytp-recycle-table"
            , url: facade.url("/admin.menu/recycle",{paging:1})
            , toolbar: "#recycle-default-toolbar"
            , defaultToolbar: [{
                title: '刷新',
                layEvent: 'recycle-refresh',
                icon: 'layui-icon-refresh',
            }, 'filter', 'print', 'exports']
            , where: where
            , method: "GET"
            , cellMinWidth: 80
            , skin: 'line'
            , loading: false
            , page: {
                curr: page
            }
            , parseData: function (res) { //res 即为原始返回的数据
                layui.laytpTable.setLimit('/admin/menu/recycle', res.data.per_page);
                return facade.parseTableData(res, true);
            }
            , cols: [[ //表头
                {type: 'checkbox'}
                , {field: 'id', title: 'ID', align: 'center', width: 60}
                , {field: 'pid', title: '上级ID', align: 'center', width: 80}
                , {field: 'name', title: '名称'}
                , {field: 'rule', title: '规则'}
                , {field: "icon", title: "图标", align: "center", width: 80, templet: function (d) {
                    return "<i class=\"" + d.icon + "\"></i>";
                }}
                , {field: 'sort', title: '排序', align: 'center', width: 60}
                , {
                    field: 'is_menu', title: '菜单', align: 'center', width: 90, templet: function (d) {
                        return laytpForm.tableForm.recycleSwitch('is_menu', d, {
                            "open": {"value": 1, "text": "是"},
                            "close": {"value": 0, "text": "否"}
                        });
                    }
                }
                , {
                    field: 'is_show', title: '显示', align: 'center', width: 90, templet: function (d) {
                        return laytpForm.tableForm.recycleSwitch('is_show', d, {
                            "open": {"value": 1, "text": "是"},
                            "close": {"value": 0, "text": "否"}
                        });
                    }
                }
                , {
                    field: 'operation',
                    title: '操作',
                    toolbar: '#recycle-default-bar',
                    fixed: 'right',
                    align: 'center',
                    width: 180
                }
            ]]
        });

        //监听数据表格顶部左侧按钮点击事件
        layui.table.on('toolbar(laytp-recycle-table)', function (obj) {
            if (obj.event === "restore") {
                let checkStatus = layui.table.checkStatus(obj.config.id);
                let checkData = checkStatus.data;
                if (checkData.length === 0) {
                    facade.error("请选择数据");
                    return false;
                }
                let key;
                let ids = [];
                for (key in checkData) {
                    ids.push(checkData[key].id);
                }
                facade.ajax({
                    route: window.apiPrefix + "restore",
                    data: {ids: ids.join(",")},
                    showLoading: true
                }).done(function (res) {
                    if (res.code === 0) {
                        parent.funController.tableRender();
                        funRecycleController.tableRender();
                        parent.parent.renderMenu();//重新渲染菜单
                    }
                });
            }else{
                var defaultTableToolbar = layui.context.get("defaultTableToolbar");
                if (defaultTableToolbar.indexOf(obj.event) !== -1) {
                    //默认按钮点击事件
                    laytp.tableToolbar(obj);
                } else {
                    // //自定义按钮点击事件
                    // switch(obj.event){
                    // //自定义按钮点击事件
                    // case '':
                    //
                    //     break;
                    // }
                }
            }
        });

        //监听数据表格[操作列]按钮点击事件
        layui.table.on('tool(laytp-recycle-table)', function (obj) {
            if (obj.event === "restore") {
                facade.ajax({route: window.apiPrefix + "restore", data: {ids: [obj.data.id]}}).done(function (res) {
                    if (res.code === 0) {
                        parent.funController.tableRender();
                        funRecycleController.tableRender();
                        parent.parent.parent.renderMenu();//重新渲染菜单
                    }
                });
            } else {
                var defaultTableTool = layui.context.get("defaultTableTool");
                if (defaultTableTool.indexOf(obj.event) !== -1) {
                    laytp.tableTool(obj);
                } else {
                    // //自定义按钮
                    // switch(obj.event){
                    // //自定义按钮点击事件
                    // case '':
                    //
                    //     break;
                }
            }
        });
    };

    funRecycleController.tableRender();

    window.funRecycleController = funRecycleController;
});