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();
    //初始化下拉选
    initOrgSelect();
    getRoleSelect();
    pages(1, 10, 1);
    $(".layui-add").click(function () {
        layer.open({
            title: '新增用户',
            type: 2,
            area: ['40%', '70%'],
            content: '../../../html/base/user/userAdd.html',
            cancel: function () {
                // layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', {time: 5000, icon:6});
            },
            btn: ['确定', '取消'] //只是为了演示
            , yes: function (index, leyuo) {
                var body = layer.getChildFrame('body', index);
                body.find('#add-user').click();
            }
            , btn2: function () {
                layer.closeAll();
            }
        });
    })
    $("#query").off().click(function () {
        pages(1, limitSize)
        return;
    })
    //重置
    $("#reset").off().click(function () {
        $("#keyWord").val('')
        $("#orgId").val('')
        $("#roleId").val('')
        $("#status").val('')
        pages(1, limitSize)
    })

    // 头工具栏事件
    table.on('tool(user-table)', function (obj) {
        console.log(obj);
        var event = obj.event;
        var key = obj.data.userId;//唯一值
        var status = obj.data.status;//唯一值
        if (event == 'detail') {//查看详情
            layer.open({
                title: '用户详情',
                type: 2,
                area: ['40%', '70%'],
                content: '../../../html/base/user/userDetail.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) {
                    layer.closeAll();
                }
                , btn2: function () {
                    layer.closeAll();
                }
            });

        } else if (event == 'update') {//修改数据
            layer.open({
                title: '修改用户',
                type: 2,
                area: ['40%', '70%'],
                content: '../../../html/base/user/userEdit.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-user').click();
                }
                , btn2: function () {
                    layer.closeAll();
                }
            });

        } else if (event == 'del') {//删除数据
            if (status == '1') {
                layer.msg('该账户已注销', {
                    icon: 1,
                    time: 2000 //2秒关闭（如果不配置，默认是3秒）
                });
                return;
            }
            if (status == '2') {
                layer.msg('该账户已锁定', {
                    icon: 1,
                    time: 2000 //2秒关闭（如果不配置，默认是3秒）
                });
                return;
            }

            layer.msg('确定注销该账号?', {
                time: 10000, //10s后自动关闭
                btn: ['确定', '取消']
                , yes: function (index, leyuo) {
                    //	console.log("确定");、
                    layer.closeAll();
                    delData(key)
                }
            });
        } else if (event == 'updatepwd') {//修改密码
            layer.open({
                title: '修改密码',
                type: 2,
                area: ['29%', '35%'],
                content: '../../../html/base/user/updatePwd.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-user').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/userManage/getUserList?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: 'userTable',
        elem: '#user-table',
        height: "full-220",
        data: dataList,
        limit: limit,
        cols: [[ //表头
            {type: 'checkbox', fixed: 'left'},
            // ,{field: 'userId', title: 'ID', width:80, fixed: 'left', align:'center'}
            {field: 'userName', title: '用户名', align: 'center'},
            {field: 'loginName', title: '登陆名',  align: 'center'},
            {
                field: 'sex', title: '性别',  totalRow: true, align: 'center', templet: function (d) {
                    var sex = d.sex;
                    if (sex == '0') {
                        return '女';
                    } else {
                        return '男';
                    }
                }
            },
            {field: 'phone', title: '手机号',  align: 'center'},
            {field: 'unit', title: '单位',  align: 'center'},
            {field: 'orgName', title: '组织机构',  align: 'center'},
            {field: 'roleName', title: '角色',  align: 'center'},
            {
                field: 'status', title: '状态',  align: 'center', templet: function (d) {
                    var status = d.status;
                    if (status == '0') {
                        return '正常';
                    } else if (status == '1') {
                        return '已注销';
                    } else {
                        return '已锁定';
                    }
                }
            },
            {fixed: 'right', title: '操作',  align: 'center', toolbar: '#user-bar'}
        ]]
    });
}

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

//删除数据
function delData(userId) {
    let objParams = {
        params: userId + ''
    }
    Ajax().post({
        headers: {
            "encrypt": sm3(JSON.stringify(objParams))
        },
        url: dataUrl + 'system/userManage/deleteUser',
        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);
}

//角色下拉选
function getRoleSelect() {
    Ajax().post({
        headers: {
            "encrypt": sm3(JSON.stringify({
                params: '1'
            }))
        },
        url: dataUrl + 'system/sys/selected/getRoleSelected',
        data: {
            params: '1'
        },
        async: true,
        success: function (data) {
            var html = "";
            $(".roleId").empty();
            html += "<option value=''>请选择角色</option>"
            if (data != null && data.length > 0) {
                for (var i = 0; i < data.length; i++) {  //循环LIST
                    var code = data[i].code;//获取LIST里面的对象
                    var name = data[i].name;//获取LIST里面的对象
                    html += "<option value='" + code + "'>" + name + "</option>";
                }
                ;
            }
            $(".roleId").append(html);
            form.render();
        }

    });
}

//组织机构下拉选
function initOrgSelect() {
    Ajax().post({
        headers: {
            "encrypt": sm3(JSON.stringify({
                params: '2'
            }))
        },
        url: dataUrl + 'system/sys/selected/getOrgSelected',
        data: {
            params: '2'
        },
        async: true,
        success: function (data) {
            var html = "";
            $(".orgId").empty();
            html += "<option value=''>请选择组织机构</option>"
            if (data != null && data.length > 0) {
                for (var i = 0; i < data.length; i++) {  //循环LIST
                    var code = data[i].code;//获取LIST里面的对象
                    var name = data[i].name;//获取LIST里面的对象
                    html += "<option value='" + code + "'>" + name + "</option>";
                }
                ;
            }
            $(".orgId").append(html);
            form.render();
        }

    });
}