var example = null;
var pers = null;
var isSelected = [];
var proId = localStorage.getItem("proId");
var proName = localStorage.getItem("proName");
var days = localStorage.getItem("days");
$(function () {
    layui.use(['layer', 'laydate', 'form'], function () {
        var layer = layui.layer;
        var laydate = layui.laydate;
        var form = layui.form;
        document.getElementById("proName").innerHTML=proName;
        getTeam(proId,"");
        init();
        pers = checkPermission();
        $("#searchBt").click(function () {
            example.ajax.reload();
        });

        $("#download").click(function () {
            getDownloads();
        });
    });
})
function init() {
    example =
        $('#dt-table').DataTable({
            "sort": false,
            'paging':false, //取消分页
            "searching": false,
            "processing": true, //加载数据时显示进度状态
            "serverSide": true,
            "language": {
                "url": ctxPath + "/js/plugin/datatables/Chinese.lang"
            },
            "ajax": {
                "url": ctxPath + "/salaryApproval/getSalaryApprovalByPro",
                "type": "get",
                "data": function (d) {
                    console.log(proId)
                    d.teamId = $("#teamId").val();
                    d.proId = proId;
                    d.keyWord = $("#keyWord").val();
                    d.days = days;
                },
                "error": function (xhr, textStatus, errorThrown) {
                    var msg = xhr.responseText;
                    var response = JSON.parse(msg);
                    var code = response.code;
                    var message = response.message;
                    if (code == 400) {
                        layer.msg(message);
                    } else if (code == 401) {
                        localStorage.removeItem("token");
                        layer.msg("token过期，请先登录", {shift: -1, time: 1000}, function () {
                            location.href = ctxPath + '/login.html';
                        });
                    } else if (code == 403) {
                        console.log("未授权:" + message);
                        layer.msg('未授权');
                    } else if (code == 500) {
                        console.log('系统错误：' + message);
                    }
                }
            },
            "dom": "<'dt-toolbar'r>t<'dt-toolbar-footer'<'col-sm-4 col-xs-4 hidden-xs'i><'col-xs-8 col-sm-8' p v>>",
            "columns": [
                {
                    width: '5%',
                    data: function (row, type, set, meta) {
                        var c = meta.settings._iDisplayStart + meta.row + 1;
                        return c;
                    }
                },
                {"data": "personName","width": '6%',},
                {"data": "sex","width": '8%',},
                {"data": "subName","width": '6%',},
                {"data": "teamName","width": '6%',},
                {"data": "postName","width": '6%',},
                {"data": "idNumber","width": '6%',},
                {"data": "bankName","width": '6%',},
                {"data": "bankCardId","width": '6%',},
                {"data": "payCycle","width": '6%',},
                {"data": "payDate","width": '6%',},
                {"data": "contactInfo","width": '8%',},
            ],
            "order": [ [1, "asc"]]  //在栏目列上显示排序功能
        });
}

function getTeam(proId,teamId) {
    $("#teamId").empty();
    $.ajax({
        type: 'POST',
        url: ctxPath + '/wagesGrant/getTeam',
        data: {
            id: proId
        },
        dataType: 'json',
        success: function (data) {
            if(data.length>0){
                var str = '<option selected  value="-1">请选择班组</option>';
                for(var i = 0; i < data.length; i++) {
                    if(teamId == data[i].id) {
                        str += '<option selected  value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
                    } else {
                        str += '<option value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
                    }
                }
                $("#teamId").append(str);
                layui.form.render('select');  //这里就是我们要渲染的地方了
            }
        }
    })
}

//设置弹窗关闭
function reloading() {
    var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
    parent.layer.close(index); //再执行关闭
    window.parent.location.reload();
}

/**
 * 下载
 */
function getDownloads() {
    var token = localStorage.getItem("token");
    var loadingMsg = layer.msg('下载中,请稍候...', {icon: 16, scrollbar: false, time: 0});
    var url = ctxPath + "/salaryApproval/exportSalaryApproval?proId=" + proId  + "&days=" + days + "&token=" + token;
    var xhr = new XMLHttpRequest();
    xhr.open("get", url, true);
    xhr.responseType = "blob";  // 转换流
    xhr.onload = function () {
        layer.close(loadingMsg);
        if (this.status === 200) {
            var blob = this.response;
            var a = document.createElement("a");
            var url = window.URL.createObjectURL(blob);
            a.href = url;
            a.download = "工资信息报审表-"+ proName + ".xlsx"; // 文件名
        }else {
            layer.msg('导出发生异常,请稍后重试', {icon: 16, scrollbar: false, time: 2000});
        }
        a.click()
        window.URL.revokeObjectURL(url)
    };
    xhr.send();
}