let table, form, layer, rate, util, user = getUser();
let pageNum = 1, limitSize = 30;
let data = '';
let teamState = [{
    "name": '正常',
    "value": '01'
}, {
    "name": '解散',
    "value": '02'
}];
//getPer();
$(function () {
    layui.config({
        base: "../../js/layui/", //此处路径请自行处理, 可以使用绝对路径
    }).extend({
        formSelects: 'formSelects-v4'

    }).use(['rate', 'layer', 'formSelects', 'form', 'table', 'util'], function () {
        layer = layui.layer;
        form = layui.form;
        rate = layui.rate;
        table = layui.table;
        util = layui.util;
        formSelects = layui.formSelects;
        formSelects.data('teamState', 'local', {
            arr: teamState
        });
        util.event('lay-active', {
            query: function () {
                pages(1, limitSize);
            },
            reset: function () {
                $('#keyword').val('');
                $('#teamName').val('');
                $('#foreman').val('');
                $('#projectName').val('');
                formSelects.value('teamState', []);
                form.render();
                pages(1, limitSize);
            },
            export: function () {
                exportData();
            }
        });
        form.render();
        getPerNum();
        pages(1, 30, 1);
        table.on("sort(teamTable)", function (obj) {
            $(".layui-laypage-skip").css("display", "none");
            for (let i = 0; i < data.length; i++) {
                rate.render({
                    elem: '#test' + i
                    , value: data[i].zhpj / 2
                    , readonly: true
                    , half: true,
                    theme: '#2F82FB'
                });
                table.render()
            }

        });
        //触发单元格工具事件
        table.on('tool(teamTable)', function (obj) { // 双击 toolDouble
            let data = obj.data;
            if (obj.event === 'detail') {
                toEvaluatePage(data.classId, data.idNumber, data.teamName,data.teamId);
            } else if (obj.event === 'edit') {
                layer.prompt({
                    formType: 2,
                    title: '拉黑说明 '
                }, function (value, index) {
                    /**
                     * 拉黑操作
                     */
                    Ajax().post({
                        headers: {
                            "encrypt": sm3(JSON.stringify({
                                idNumber: data.idNumber,
                                content: value,
                                userId: JSON.parse(decrypt(us)).userId + "",
                            }))
                        },
                        url: dataUrl + 'proteam/pot/team/insertTeamBlack',
                        data: {
                            idNumber: data.idNumber,
                            content: value,
                            userId: JSON.parse(decrypt(us)).userId + "",
                        },
                        success: function (data) {
                            if (data.code === 200) {
                                layer.msg(data.msg, {
                                    icon: 1,
                                    time: 2000 //2秒关闭（如果不配置，默认是3秒）
                                }, function () {
                                    pages(1, limitSize);
                                    layer.close(index);
                                });
                            } else {
                                layer.msg(data.msg, {icon: -1});
                            }
                        },
                        async: false
                    });

                });
            }
        });
    });


});

function pages(pageNum, pageSize, typeNum) {
    let params = getReqParams(pageNum, pageSize);
    $.ajax({
        headers: {
            "encrypt": sm3(JSON.stringify(params))
        },
        url: dataUrl + "proteam/pot/team/getTeamList" + '?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: total,
            curr: page,
            limit: limit,
            limits: [30, 50, 100],
            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) {
    console.log(page + "," + limit)
    let obj = {
        pageNum: page + "",
        pageSize: limit + "",
        keyWord: $('#keyword').val(),
        teamName: $('#teamName').val(),
        fzrName: $('#foreman').val(),
        proName: $('#projectName').val(),
        status: formSelects.value('teamState', 'val').toString(),
        currentUserId: user.userId + "",
        isSup: user.isSup,
        currentUserOrgId: user.orgId

    };
    return obj;
}

function initTable(dataList, limit, page) {
    table.render({
        elem: "#teamTable",
        id: "teamTable",
        height: "full-175",
        data: dataList,
        cols: [
            [//表头
                {
                    title: "序号",
                    minWidth: 140,
                    unresize: true,
                    align: "center",
                    templet: function (d) {
                        return (page - 1) * limit + d.LAY_INDEX;
                    }
                },
                {
                    field: "teamName",
                    title: "班组名称",
                    unresize: false,
                    sort: true,
                    minWidth: 200,
                    align: "center",
                },
                {
                    field: 'fzrName',
                    title: "班组长",
                    unresize: false,
                    sort: true,
                    minWidth: 200,
                    align: "center",
                    templet: function (d) {
                        return "<span>" + d.fzrName + "</span><br><span>" + d.phone + "</span>";
                    },
                },
                {
                    field: "zhpj",
                    title: "班组星级",
                    minWidth: 200,
                    unresize: false,
                    sort: true,
                    templet: function (d) {
                        return '<div id="test' + d.LAY_TABLE_INDEX + '"></div>'
                    },
                    align: "center",
                },
                {
                    field: "proName",
                    title: "当前所在工程",
                    unresize: false,
                    sort: true,
                    minWidth: 200,
                    align: "center",
                },
                {
                    field: "status",
                    title: "状态",
                    unresize: false,
                    sort: true,
                    minWidth: 80,
                    align: "center",
                },
                {
                    field: "dayNum",
                    title: "今日站班会人数",
                    unresize: false,
                    sort: true,
                    minWidth: 200,
                    templet: function (d) {
                        return "<span onclick='toTodayPage(\""+ d.teamId + "\")' style='color: blue;cursor: pointer;'>" + d.dayNum + "</span>";
                    },
                    align: "center",
                },
                {
                    field: "yeNum",
                    title: "昨日站班会人数",
                    unresize: false,
                    sort: true,
                    minWidth: 200,
                    align: "center",
                },
                {
                    field: "vzNum",
                    title: "累计违章次数",
                    unresize: false,
                    sort: true,
                    minWidth: 200,
                    templet: function (d) {
                        // return '<span onclick="toViolationsPage(\'' + d.classId + '\')" style="color: blue;cursor: pointer;">' + (isEmpty(d.vzNum) ? "0" : d.vzNum) + '</span>';
                        // return (isEmpty(d.vzNum) ? "0" : d.vzNum);
                        return '<div style="cursor: pointer;color: #2F82FB" ' +
                                'onclick="openTeamVoi(\'' + d.idNumber + '\',\'' + d.classId + '\',\''+ d.teamId +'\')"><span>' + d.vzNum + ' </span></div>';
                    },
                    align: "center",
                },
                {
                    fixed: 'right',
                    title: "操作",
                    align: 'center',
                    minWidth: 200,
                    toolbar: '#barDemo'
                }
            ],
        ],
        limit: limit,
        done: function (res, curr, count) {
            $(".layui-laypage-skip").css("display", "none");
            data = res.data;
            for (let i = 0; i < res.data.length; i++) {
                rate.render({
                    elem: '#test' + i
                    , value: res.data[i].zhpj / 2
                    , readonly: true
                    , half: true,
                    theme: '#2F82FB'
                });
                table.render()
            }

        },
    });
}

/* 班组违章详情 */
function openTeamVoi(teamLeaderNumber,classId,teamId){
	console.log(teamId)
    let layerIndex = layer.open({
        type: 2,
        id:'teamVoi',
        title: ['<div style="border-left: 3px solid #2F82FB;display: flex;align-items: center;height: 20px;padding: 0 10px;">班组历史违章</div>', 'font-size:16px;background-color:#f0f0f0;display: flex;align-items: center;'],
        // closeBtn: true,
        content: "../dutyTask/violation/teamVoiDetail.html",
        shadeClose: false,
        area: ['1600px', '750px'],
        move: false,
        success: function () {
            let iframeWin = window["layui-layer-iframe" + layerIndex];
            iframeWin.setParams(teamLeaderNumber,classId,teamId);
        }
    });
}


/**
 * 跳转违章页面
 * @param teamId 班组id
 */
function toViolationsPage(classId) {
    let width = '100%', height = '100%';
    layer.open({
        /* color:#253E78;font-size:24px;background-color:rgb(37 62 120 / 22%);*/
        title: ['违章统计', 'font-size:24px;'],
        type: 2,
        skin: 'shadows',
        content: 'child/teamStatistics.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(classId);//调用子页面的方法，页面锁定
        }
    });
}

/**
 * 跳转今日人员页面
 * @param teamId 班组id
 */
function toTodayPage(teamId) {
    let width = '90%', height = '80%';
    layer.open({
        /* color:#253E78;font-size:24px;background-color:rgb(37 62 120 / 22%);*/
        title: ['班组人员', 'font-size:24px;'],
        type: 2,
        skin: 'shadows',
        content: '../../html/teamInformation/child/teamPersonnel.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(teamId);//调用子页面的方法，页面锁定
        }
    });
}

/**
 * 跳转班组评价页面
 * @param classId 站班会id
 * @param idNumber 身份证号
 * @param teamName 班组名称
 */
function toEvaluatePage(classId, idNumber, teamName,teamId) {
	console.log(teamId)
    let width = '100%', height = '100%';
    layer.open({
        id: 'abc',
        /* color:#253E78;font-size:24px;background-color:rgb(37 62 120 / 22%);*/
        // title: ['班组评价', 'font-size:24px;'],
        title: false,
        type: 2,
        skin: 'shadows',
        content: '../../html/teamInformation/child/teamEvaluate.html',
        area: [width, height],
        maxmin: false,
        move: false,
        closeBtn: 0,
        success: function (layero, index) {
            let body = layer.getChildFrame('body', index);
            let iframeWin = window[layero.find('iframe')[0]['name']];//获得iframe页的窗口对象，执行iframe页的方法：
            iframeWin.setForm(classId, idNumber, teamName,teamId);//调用子页面的方法，页面锁定
        },
        end: function () {
           pages(1, 30, 1);
        },
    });
}

//导出
function exportData() {
    let loadingMsg = layer.msg("数据导出中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
    let url = dataUrl + "proteam/pot/team/exportTeamData?" + setData(getReqParams(pageNum, limitSize)) + '&token=' + token;
    let xhr = new XMLHttpRequest();
    let a = document.createElement("a");
    xhr.open("get", url, true);
    xhr.responseType = "blob"; // 转换流
    xhr.setRequestHeader("encrypt",
        sm3(JSON.stringify(
            getReqParams(pageNum, limitSize)
        )));
    xhr.onload = function () {
        layer.close(loadingMsg);
        if (this.status === 200) {
            let url = window.URL.createObjectURL(new Blob([this.response]))
            let link = document.createElement('a')
            link.style.display = 'none'
            link.href = url
            link.setAttribute('download', "班组明细.xlsx")
            document.body.appendChild(link)
            link.click()
            // 释放URL对象所占资源
            window.URL.revokeObjectURL(url)
            // 用完即删
            document.body.removeChild(link)
        } else {
            layer.msg("数据发生异常,请稍后重试", {icon: 16, scrollbar: false, time: 2000});
        }
    };
    xhr.send();
}

function getPerNum() {
    $.ajax({
        headers: {
            "encrypt": sm3(JSON.stringify({
                params: encrypt(JSON.stringify({
                    currentUserId: user.userId,
                    isSup: user.isSup,
                    currentUserOrgId: user.orgId
                }))
            }))
        },
        url: dataUrl + 'proteam/pot/team/getPerNum' + '?token=' + token,
        type: 'post',
        data: {
            params: encrypt(JSON.stringify({
                currentUserId: user.userId,
                isSup: user.isSup,
                currentUserOrgId: user.orgId
            }))
        },
        success: function (obj) {
            if (obj.code === 200) {
                $.each(obj.data, function (index, item) {
                    $("#dTeam").html(item.dTeam);
                    $("#dZTeam").html(item.dZTeam);
                    $("#dPer").html(item.dPer);
                    $("#dZPer").html(item.dZPer);
                    $("#dWTeam").html(item.dWTeam);
                    $("#xZteam").html(item.xZteam);
                    $("#yTeam").html(item.yTeam);
                    $("#yPer").html(item.yPer);
                })
            }
        }
    });

}

// 展开/收起
function isShow(type) {
    if (type === 1) {
        $("#basic-info").slideLeftHide();
        setTimeout(() => {
            $("#show").removeAttr("style");
        }, 510);
        $(".basic-info-box").animate({backgroundColor: "#fff"}, "500");
    } else if (type === 2) {
        $("#show").css("display", "none");
        $(".basic-info-box").animate({backgroundColor: "#EEF5FF"}, "500");
        $("#basic-info").slideLeftShow();
    }
}