let table;
var userTable;
let form;
var per;
let pageNum = 1, limitSize = 10; // 默认第一页，分页数量为10
layui.use(['layer', 'form', 'element'], function () {
    var layer = layui.layer; //弹层
    var laypage = layui.laypage; //分页
    table = layui.table; //表格
    form = layui.form;
    // per = getPer();
    pages(1, 10, 1);
    // initTable();
    $(".layui-add").click(function () {
        layer.open({
            title: '新增角色',
            type: 2,
            area: ['30%', '40%'],
            content: '../../../html/base/role/roleAdd.html',
            cancel: function () {
                // layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', {time: 5000, icon:6});
            },
            btn: ['确定', '取消'] //只是为了演示
            , yes: function (index, leyuo) {
                var body = layer.getChildFrame('body', index);
                body.find('#add-role').click();
            }
            , btn2: function () {
                layer.closeAll();
            }
        });
    })
    $("#query").off().click(function () {
        pages(1, limitSize)
        return;
    })
    //重置
    $("#reset").off().click(function () {
        $("#keyWord").val('')
        pages(1, limitSize)
    })

    // 头工具栏事件
    table.on('tool(role-table)', function (obj) {
        console.log(obj);
        var event = obj.event;
        var key = obj.data.roleId;//唯一值
        if (event == 'update') {//修改数据
            layer.open({
                title: '修改角色',
                type: 2,
                area: ['30%', '40%'],
                content: '../../../html/base/role/roleAdd.html',
                btn: ['确定', '取消']
                , success: function (layero, index) {
                    var body = layer.getChildFrame('body', index);
                    var iframeWin = window[layero.find('iframe')[0]['name']];//获得iframe页的窗口对象，执行iframe页的方法：
                    iframeWin.setForm(key);//调用子页面的方法，页面锁定
                }
                , yes: function (index, leyuo) {
                    var body = layer.getChildFrame('body', index);
                    body.find('#add-role').click();
                }
                , btn2: function () {
                    layer.closeAll();
                }
            });

        } else if (event == 'del') {//删除数据
            layer.msg('确定删除改角色?', {
                time: 10000, //10s后自动关闭
                btn: ['确定', '取消']
                , yes: function (index, leyuo) {
                    layer.closeAll();
                    delData(key)
                }
            });
        } else if (event == 'auz') {//修改密码
            layer.open({
                title: '授权',
                type: 2,
                area: ['25%', '80%'],
                content: '../../../html/base/role/auz.html',
                btn: ['确定', '取消']
                , success: function (layero, index) {
                    var body = layer.getChildFrame('body', index);
                    var iframeWin = window[layero.find('iframe')[0]['name']];//获得iframe页的窗口对象，执行iframe页的方法：
                    iframeWin.initTree(key);//调用子页面的方法，页面锁定
                }
                , yes: function (index, leyuo) {
                    var body = layer.getChildFrame('body', index);
                    body.find('#add-auz').click();
                }
                , btn2: function () {
                    layer.closeAll();
                }
            });

        }
    })
    //查询按钮


})


function pages(pageNum, pageSize, typeNum) {
    let params = getReqParams(pageNum, pageSize, typeNum);
    $.ajax({
        headers: {
            "encrypt": sm3(JSON.stringify(params))
        },
        url: dataUrl + 'system/sys/role/getRoleList?token=' + token,
        data: params,
        type: 'POST',
        async: false,
        success: function (result) {
            console.log(result)
            if (result.code === 200) {
                if (result.data) {
                    initTable(result.data, result.limit, result.curr)
                    laypages(result.count, result.curr, result.limit)
                }
            } else if (result.code === 500) {
                layer.alert(result.msg, {icon: 2})
            } else if (result.code === 401) {
                logout(1);
            }
        }, error: function () {
        }
    });
}

function laypages(total, page, limit) {
    layui.use(['laypage'], function () {
        let laypage = layui.laypage;
        laypage.render({
            elem: 'voi-page',
            count: total,
            curr: page,
            limit: limit,
            limits: [10,20,50,100,200,500],
            layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'],
            groups: 5,
            jump: function (obj, first) {
                if (!first) {
                    pageNum = obj.curr, limitSize = obj.limit;
                    pages(obj.curr, obj.limit, null);
                }
            }
        });
    })
}

//初始化表格
function initTable(dataList, limit, page) {
    // 执行一个 table 实例
    userTable = table.render({
        id: 'roleTable',
        elem: '#role-table',
        height: "full-220",
        data: dataList,
        limit: limit,
        cols: [[ //表头
            {type: 'checkbox', fixed: 'left'},
            {field: 'roleName', title: '角色名称', align: 'center'},
            {field: 'roleCode', title: '角色编码', align: 'center'},
            {field: 'remarks', title: '备注', align: 'center'},
            {field: 'createUser', title: '创建人', align: 'center'},
            {field: 'createTime', title: '创建时间', align: 'center'},
            {fixed: 'right', title: '操作', align: 'center', toolbar: '#role-bar'}
        ]]
    });
}

function getReqParams(page, limit, type) {
    let obj = {};
    if (!type) {
        obj = {
            page: page + "",
            limit: limit + "",
            keyWord: $("#keyWord").val(),
        };
    } else {
        obj = {
            page: '1',
            limit: '10',
            keyWord: '',
        };
    }
    return obj;
}

//删除数据
function delData(roleId) {
    let objParams = {
        params: roleId + ''
    }
    Ajax().post({
        headers: {
            "encrypt": sm3(JSON.stringify(objParams))
        },
        url: dataUrl + 'system/sys/role/deleteRole',
        data: objParams,
        async: true,
        success: function (data) {
            if (data.code == '200') {
                layer.msg(data.msg, {
                    icon: 1,
                    time: 2000 //2秒关闭（如果不配置，默认是3秒）
                });
                reloadTable();
            } else if (data.code === 401) {
                logout(1)
            } else {
                layer.msg(data.msg, {
                    icon: 2,
                    time: 2000 //2秒关闭（如果不配置，默认是3秒）
                });
            }
        }
    });


}

function reloadTable() {
    pages(pageNum, limitSize)
}