let table, form, layer, rate, util, laydate
let pageNum = 1, limitSize = 10;
let data = '';
$(function () {
    layui.config({
        base: "../../js/layui/", //此处路径请自行处理, 可以使用绝对路径
    }).extend({
        formSelects: 'formSelects-v4'
    }).use(['rate', 'laydate', 'layer', 'form', 'formSelects', 'table', 'util'], function () {
        layer = layui.layer;
        form = layui.form;
        rate = layui.rate;
        table = layui.table;
        util = layui.util;
        laydate = layui.laydate;
        formSelects = layui.formSelects;
        //日期范围
        laydate.render({
            elem: '#startTime'
            , type: 'date'
            , range: '~'
            , format: 'yyyy-MM-dd',
            value: getNowTime() + ' ~ ' + getNowTime(),
            max: Date.parse(new Date()),
        });
        util.event('lay-active', {
            query: function () {
                pages(1, limitSize);
            },
            reset: function () {
                $('#checkName').val('');
                $('#loginName').val('');
                $('#startTime').val(getNowTime() + ' ~ ' + getNowTime());
                form.render();
                pages(1, limitSize);
            }
        });
        pages(1, 10, 1);
        //触发单元格工具事件
        table.on('tool(table)', function (obj) { // 双击 toolDouble
            let data = obj.data;
            console.log(data);
            if (obj.event === 'detail') {
                toAddPage(data.checkUser);
            }
        });
    });
})

function pages(pageNum, pageSize, typeNum) {
    let params = getReqParams(pageNum, pageSize);
    $.ajax({
        headers: {
            "encrypt": sm3(JSON.stringify(params))
        },
        url: dataUrl + "proteam//pot/allocation/getList" + '?token=' + token,
        data: params,
        type: 'POST',
        async: false,
        success: function (result) {
            console.log(result);
            if (result.code === 200) {
                if (result.rows) {
                    initTable(result.rows, limitSize, pageNum)
                    laypages(result.total, pageNum, limitSize)
                }
            } 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: 0,
            curr: 0,
            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 getReqParams(page, limit) {
    let startTime = isEmpty($('#startTime').val().split('~')[0]) ? "" : $('#startTime').val().split('~')[0];
    let endTime = isEmpty($('#startTime').val().split('~')[1]) ? "" : $('#startTime').val().split('~')[1];
    return {
        pageNum: page + "",
        pageSize: limit + "",
        startTime: startTime.trim(),
        endTime: endTime.trim(),
        checkName: $('#checkName').val(),
        loginName: $('#loginName').val()
    };
}

function initTable([], limit, page) {
    table.render({
        elem: "#table",
        id: "table",
        height: "full-175",
        data: [],
        cols: [
            [//表头
                {
                    title: "序号",
                    width: 80,
                    unresize: true,
                    align: "center",
                    templet: function (d) {
                        return (page - 1) * limit + d.LAY_INDEX;
                    }
                },
                {
                    field: "checkName",
                    title: "工程名称",
                    unresize: false,
                    sort: true,
                    minWidth: 200,
                    align: "center",
                },
                {
                    field: 'loginName',
                    title: "告警类型",
                    unresize: false,
                    sort: true,
                    minWidth: 200,
                    align: "center"
                },
                {
                    field: 'num',
                    title: "时间",
                    unresize: false,
                    sort: true,
                    minWidth: 200,
                    align: "center",
                    /*templet: function (d) {
                        return "<span onclick='toPage(" + d.checkUser + ")'  style='color: blue;cursor: pointer;'>" + d.num + "</span>";
                    }*/
                }
            ],
        ],
        limit: limit,
        done: function (res, curr, count) {
        },
    });
}


/**
 * 跳转今日人员页面
 * @param userId
 */
function toPage(userId) {
    let width = '90%', height = '80%';
    layer.open({
        title: ['任务详情', 'font-size:24px;'],
        type: 2,
        skin: 'shadows',
        content: '../../html/allocation/child/allocationChild.html',
        area: [width, height],
        maxmin: false,
        success: function (layero, index) {
            let body = layer.getChildFrame('body', index);
            let iframeWin = window[layero.find('iframe')[0]['name']];//获得iframe页的窗口对象，执行iframe页的方法：
            iframeWin.setForm(userId);//调用子页面的方法，页面锁定
        },
        end: function () {
            pages(pageNum, limitSize);
        }
    });
}

/**
 * 跳转今日人员页面
 * @param userId
 */
function toAddPage(userId) {
    let width = '90%', height = '80%';
    layer.open({
        title: ['任务详情', 'font-size:24px;'],
        type: 2,
        skin: 'shadows',
        content: '../../html/allocation/child/allocationAdd.html',
        area: [width, height],
        maxmin: false,
        success: function (layero, index) {
            let body = layer.getChildFrame('body', index);
            let iframeWin = window[layero.find('iframe')[0]['name']];//获得iframe页的窗口对象，执行iframe页的方法：
            iframeWin.setForm(userId);//调用子页面的方法，页面锁定
        }, end: function () {
            pages(pageNum, limitSize);
        }
    });
}