var id = localStorage.getItem("id");
var num = 0;
var photoCount = 2;
//全局的页面遮盖
let loadingMsg;

//证件list
let cerList;
let form;
let postId;
$(function () {
    layui.use(['form', 'laydate', 'upload'], function () {
        form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
        var laydate = layui.laydate;
        var upload1 = layui.upload;
        var upload2 = layui.upload;

        form.render();
        form.verify({certificateId: [/^(?!-).*$/, '请选择证件类型'],});
        // setData();
        // getPostSelect(form, certificateId);
        //二级联动
        form.on('select(listenIsUpload)', function (data) {
            certificateId = data.value;
            setIsUploadSelect(form,data.value);
            for (var i = 0; i < cerList.length; i++) {
                if (certificateId == cerList[i].id) {
                    setHiddenData(cerList[i]);
                }
            }

        });

        // 验证成功后才会执行下面的操作
        form.on('submit(formDemo)', function (data) {
            //新增
            console.log(id)
            if (id !="-1") {
                updateCertificateType(data);
            } else {
                insertCertificateType(data);
            }
        });

        laydate.render({
            elem: '#dateGroup',
            range: ['#startDate', '#stopDate'],
            type: 'date',
            done: function (value, date) {//时间回调
            var dateGroup = value.split(" - ");
            if (dateGroup != null) {
                let basicDate = new Date(dateGroup[0]);
                let interval1 = $("#recheckInterval1").val();
                let interval2 = $("#recheckInterval2").val();
                let interval3 = $("#recheckInterval3").val();
                if(interval1!=0 && interval1!=null){
                    let date1 = DateAdd( "y ",Number.parseInt(interval1),basicDate);
                    $("#oneReviewTime").val(date1);
                    if(interval2!=0 && interval1!=null){
                        let date2 = DateAdd( "y ",Number.parseInt(interval2),basicDate);
                        $("#twoReviewTime").val(date2);
                        if(interval3!=0 && interval1!=null){
                            let date3 = DateAdd( "y ",Number.parseInt(interval3),basicDate);
                            $("#threeReviewTime").val(date3);
                        }
                    }
                }
            }
        }
        });

        //多图片上传
        var uploadcom1 = upload1.render({
            elem: '#test1',
            url: ctxPath + '/certificate/uploadFile', //改成您自己的上传接口
            multiple: true,   //是否允许多文件上传，默认未false
            dataType: "json",
            exts: 'jpg|png|jpeg|pdf',
            //acceptMime: 'image/jpg,image/png,image/jpeg,file/pdf,file/xlsx',
            auto: false,  //是否自动上传 ，默认为true
            number: 3,  //最大上传数量
            size: 1024 * 5, //最大文件大小，单位k
            bindAction: '#hideUpload1', //绑定的按钮
            // field: 'filePath', //传到后台的字段名,默认file
            choose: function (obj) {
                CODE_1 = 1;
                uploadcom1.config.elem.next()[0].value = '';
                files = obj.pushFile();
                obj.preview(function (index, file, result) {
                    console.log(index); //得到文件索引
                    console.log(file.name); //得到文件对象
                    $('#demo1').append('<img src="' + result + '" id="' + index + '" alt="' + file.name + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">');
                    $('#' + index).bind('dblclick', function () {//双击删除指定预上传图片
                        delete files[index];//删除指定图片
                        $(this).remove();
                    });
                    var imgNum = $("#demo1 img").length;
                    $("#test1").text(imgNum + "个文件");
                });
            },
            before: function (obj) {
                this.data = {
                    id: id,
                    uploadType: "1"
                };
                if ($("[name='brand']").val() == '') {
                    return false;
                } else {
                    console.log(files);
                    var names = '';
                    layui.each(files, function (index, file) {
                        console.log(file.name)
                        names += file.name + ',';
                    });
                    $("[name='image']").val(names)
                    console.log(names);
                }
                return true;
            },
            done: function (data) {
            },
            allDone: function (data) {
                num++;
                console.log("num:"+num)
                if (num == photoCount) {
                    num = 0;
                    top.layer.close(loadingMsg);
                    top.layer.msg('文件保存成功', {icon: 1, time: 2000});
                    setTimeout("reloading()", 2100);
                }

            },
            error: function (e) {
                //请求异常回调
                console.log(e)
            }
        });

        var uploadcom2 = upload2.render({
            elem: '#test2',
            url: ctxPath + '/certificate/uploadFile', //改成您自己的上传接口
            multiple: true,   //是否允许多文件上传，默认未false
            dataType: "json",
            exts: 'jpg|png|jpeg|pdf|doc|docx',
            //acceptMime: 'image/jpg,image/png,image/jpeg,file/pdf,file/xlsx',
            auto: false,  //是否自动上传 ，默认为true
            number: 3,  //最大上传数量
            size: 1024 * 5, //最大文件大小，单位k
            bindAction: '#hideUpload2', //绑定的按钮
            // field: 'filePath', //传到后台的字段名,默认file
            choose: function (obj) {
                CODE_2 = 3;
                var suffixType = ''; //后缀类型
                uploadcom2.config.elem.next()[0].value = '';
                files = obj.pushFile();
                obj.preview(function (index, file, result) {
                    console.log(index); //得到文件索引
                    console.log(file.name); //得到文件对象
                    $('#demo2').append('<img src="' + result + '" id="' + index + '" alt="' + file.name + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">');
                    $('#' + index).bind('dblclick', function () {//双击删除指定预上传图片
                        delete files[index];//删除指定图片
                        $(this).remove();
                    });
                    var imgNum = $("#demo2 img").length;
                    $("#test2").text(imgNum + "个文件");
                });
            },
            before: function (obj) {
                this.data = {
                    id: id,
                    uploadType: "2"
                };
                if ($("[name='brand']").val() == '') {
                    return false;
                } else {
                    console.log(files);
                    var names = '';
                    layui.each(files, function (index, file) {
                        console.log(file.name)
                        names += file.name + ',';

                    });
                    $("[name='image']").val(names)
                    console.log(names);
                }
                return true;
            },
            done: function (data) {
            },
            allDone: function (data) {
                num++;
                console.log("num:"+num)
                if (num == photoCount) {
                    num = 0;
                    top.layer.close(loadingMsg);
                    top.layer.msg('文件保存成功', {icon: 1, time: 2000});
                    setTimeout("reloading()", 2100);
                }
            },
            error: function (e) {
                //请求异常回调
                console.log(e)
            }
        });

        laydate.render({
            elem: '#oneReviewTime' //指定元素  元素选择器
            , type: 'date'  //选择时间类型 可选值:year(年) month(年月)  date(年月日)  time(时分秒)  datetime(年月日时分秒)
            , trigger: 'click'
            , btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
        });

        laydate.render({
            elem: '#twoReviewTime' //指定元素  元素选择器
            , type: 'date'  //选择时间类型 可选值:year(年) month(年月)  date(年月日)  time(时分秒)  datetime(年月日时分秒)
            , trigger: 'click'
            , format: 'yyyy-MM-dd'  //时间格式  常用时间格式:yyyy-MM-dd HH:mm:ss
            , btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
        });

        laydate.render({
            elem: '#threeReviewTime' //指定元素  元素选择器
            , type: 'date'  //选择时间类型 可选值:year(年) month(年月)  date(年月日)  time(时分秒)  datetime(年月日时分秒)
            , trigger: 'click'
            , format: 'yyyy-MM-dd'  //时间格式  常用时间格式:yyyy-MM-dd HH:mm:ss
            , btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
        });

    });
});

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

// function initData() {
//     $("#name").val(name);
//     $("#idNumber").val(idNumber);
//     $("#postName").val(postName);
//     $("#name").attr("disabled",true)
//     $("#idNumber").attr("disabled",true)
//     $("#postName").attr("disabled",true)
//     $("#isUpload").attr("disabled",true);
//     if(id != "-1"){
//         selectCheck();
//     }
// }

function setData() {
    var formUrl = ctxPath + "/certificate/getWorkerCertificateRecheckData";
    var item = localStorage.getItem("token");
    console.log(item);
    $.ajax({
        type: 'POST',
        async: false, // 默认异步true,false表示同步
        url: formUrl, // 请求地址
        contentType: "application/json; charset=utf-8",
        dataType: 'json', // 服务器返回数据类型
        data: JSON.stringify({id:id}), //获取提交的表单字段
        success: function (data) {
            if (data.resMsg == "数据获取成功") {
                postId = data.obj.postId;
                $("#name").val(data.obj.name);
                $("#idNumber").val(data.obj.idNumber);
                $("#postName").val(data.obj.postName);
                getPostSelect(form, data.obj.certificateId);
                $("#startDate").val(data.obj.startDate);
                $("#stopDate").val(data.obj.stopDate);

                $("#oneReviewTime").val(data.obj.oneReviewTime);
                $("#twoReviewTime").val(data.obj.twoReviewTime);
                $("#threeReviewTime").val(data.obj.threeReviewTime);
                $("#isUpload").val(data.obj.isUpload);
                //回显图片
                loadingPhoto(data.obj);
            } else {
                parent.layer.msg('照片查询失败', {icon: 2, time: 2000});
            }
        },
        error: function (XMLHttpRequest, textStatus, e) {
            layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
        }
    });
    // layui.form.render();
}

function loadingPhoto(data) {
    var demo1 = $("#demo1");

    var yulan = "http://140.210.209.102:1918/gzrbmw/gzRealName/yulan.png"
    let certificateFile = data.certificateFile
    if (!!certificateFile) {
        var html = '';
        var path = '';
        if (certificateFile.indexOf("http") != -1) {
            path = certificateFile;
        } else {
            path = dataPath+"/" + certificateFile;
        }
        if(certificateFile.indexOf(".pdf") != -1 || certificateFile.indexOf(".doc") != -1 || certificateFile.indexOf(".docx") != -1){
            html += '<img  src="' + yulan + '" id ="certificateFile"  onclick="lookAttachment(\'' + path + '\')" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
        }else{
            html += '<img  src="' + path + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
        }
        demo1.append(html);
    }

    var demo2 = $("#demo2");
    let certificateTypeFile = data.certificateTypeFile;
    if (!!certificateTypeFile) {
        var html = '';
        var path = '';
        if (certificateTypeFile.indexOf("http") != -1) {
            path = certificateTypeFile;
        } else {
            path = dataPath+"/" + certificateTypeFile;
        }
        if(certificateTypeFile.indexOf(".pdf") != -1 || certificateTypeFile.indexOf(".doc") != -1 || certificateTypeFile.indexOf(".docx") != -1){
            html += '<img  src="' + yulan + '" onclick="lookAttachment(\'' + path + '\')" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
        }else{
            html += '<img  src="' + path + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
        }
        demo2.append(html);
    }

    var demo3 = $("#demo3");
    let oneFile = data.oneFile;
    if (!!oneFile) {
        var html = '';
        var path = '';
        if (oneFile.indexOf("http") != -1) {
            path = oneFile;
        } else {
            path = dataPath+"/" + oneFile;
        }
        if(oneFile.indexOf(".pdf") != -1 || oneFile.indexOf(".doc") != -1 || oneFile.indexOf(".docx") != -1){
            html += '<img  src="' + yulan + '" onclick="lookAttachment(\'' + path + '\')" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
        }else{
            html += '<img  src="' + path + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
        }
        demo3.append(html);
    }

    var demo4 = $("#demo4");
    let twoFile = data.twoFile;
    if (!!twoFile) {
        var html = '';
        var path = '';
        if (twoFile.indexOf("http") != -1) {
            path = twoFile;
        } else {
            path = dataPath+"/" + twoFile;
        }
        if(twoFile.indexOf(".pdf") != -1 || twoFile.indexOf(".doc") != -1 || twoFile.indexOf(".docx") != -1){
            html += '<img  src="' + yulan + '" onclick="lookAttachment(\'' + path + '\')" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
        }else{
            html += '<img  src="' + path + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
        }
        demo4.append(html);
    }

    var demo5 = $("#demo5");
    let threeFile = data.threeFile;
    if (!!threeFile) {
        var html = '';
        var path = '';
        if (threeFile.indexOf("http") != -1) {
            path = threeFile;
        } else {
            path = dataPath+"/" + threeFile;
        }
        if(threeFile.indexOf(".pdf") != -1 || threeFile.indexOf(".doc") != -1 || threeFile.indexOf(".docx") != -1){
            html += '<img  src="' + yulan + '" onclick="lookAttachment(\'' + path + '\')" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
        }else{
            html += '<img  src="' + path + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
        }
        demo5.append(html);
    }


}


function delPhoto1(i) {
    var parentcolor = document.getElementById("demo1");
    var childcolor = document.getElementById(i+"");
    parentcolor.removeChild(childcolor);
}
function delPhoto2(i) {
    var parentcolor = document.getElementById("demo2");
    var childcolor = document.getElementById(i+"");
    parentcolor.removeChild(childcolor);
}

function lookAttachment(filePath) {
    filePreview(filePath);
}

/**
 * 获取岗位证件
 * */
function getPostSelect(form, certificateId) {
    $("#certificateId").empty();
    $.ajax({
        type: 'POST',
        url: ctxPath + '/certificate/getPostBindingCertificate',
        contentType:"application/json",
        data: JSON.stringify({postId: postId}),
        dataType: 'json',
        success: function (data) {
            if (data != null && data.length > 0) {
                var str = '<option value="-1">请选择证件</option>';
                cerList = data;
                for (var i = 0; i < data.length; i++) {
                    if (certificateId == data[i].id) {
                        str += '<option selected value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
                        setIsUploadSelect(form,data[i].id);
                        setHiddenData(data[i]);
                    } else {
                        str += '<option value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
                    }
                }
            } else {
                var str = '<option value="-1">岗位未绑定证件</option>';
            }
            $("#certificateId").html(str);
            form.render();
        }
    })
}

/**
 * 获取岗位证件
 * */
function setIsUploadSelect(form, certificateId) {
    $.ajax({
        type: 'POST',
        url: ctxPath + '/certificate/getPostBindingCertificate',
        contentType:"application/json",
        data: JSON.stringify({postId: postId,id:certificateId}),
        dataType: 'json',
        success: function (data) {
            if (data != null && data.length > 0) {
                for (var i = 0; i < data.length; i++) {
                    $("#isUpload").find('option[value=\'' + data[i].isUpload + '\']').prop("selected", "selected");
                    $("#remark").html(data[i].remark);
                    if(data[i].isUpload === '1'){
                        $("#test2").text("文件上传");
                        $("#test2").css("color","white")
                        $("#test2").attr("disabled",false)
                        photoCount = 2;
                    }else{
                        $("#test2").text("无需上传");
                        $("#test2").css("color","yellow")
                        $("#test2").attr("disabled",true)
                        $("#demo2").empty();
                        photoCount = 1;
                    }
                }

            }
            form.render();
        }
    })
}

function setHiddenData(data) {
    $("#recheckNum").val(data.recheckNum);
    $("#recheckInterval1").val(data.recheckInterval1);
    $("#recheckInterval2").val(data.recheckInterval2);
    $("#recheckInterval3").val(data.recheckInterval3);
    dynamicRecheck(data.recheckNum);
}

function DateAdd(interval,number,date)
{
    /*
      *   功能:实现VBScript的DateAdd功能.
      *   参数:interval,字符串表达式，表示要添加的时间间隔.
      *   参数:number,数值表达式，表示要添加的时间间隔的个数.
      *   参数:date,时间对象.
      *   返回:新的时间对象.
      *   var   now   =   new   Date();
      *   var   newDate   =   DateAdd( "d ",5,now);
      *---------------   DateAdd(interval,number,date)   -----------------
      */
    switch(interval)
    {
        case   "y "   :   {
            let taskStartTime;
            date.setFullYear(date.getFullYear()+number);
            if (date.getMonth() < 9) {
                taskStartTime = date.getFullYear() + "-0" + (date.getMonth() + 1) + "-"
            } else {
                taskStartTime = date.getFullYear() + "-" + (date.getMonth() + 1) + "-"
            }
            if (date.getDate() < 10) {
                taskStartTime += "0" + date.getDate()
            } else {
                taskStartTime += date.getDate()
            }
            return  taskStartTime;
            break;
        }
        case   "q "   :   {
            date.setMonth(date.getMonth()+number*3);
            return   date;
            break;
        }
        case   "m "   :   {
            date.setMonth(date.getMonth()+number);
            return   date;
            break;
        }
        case   "w "   :   {
            date.setDate(date.getDate()+number*7);
            return   date;
            break;
        }
        case   "d "   :   {
            date.setDate(date.getDate()+number);
            return   date;
            break;
        }
        case   "h "   :   {
            date.setHours(date.getHours()+number);
            return   date;
            break;
        }
        case   "m "   :   {
            date.setMinutes(date.getMinutes()+number);
            return   date;
            break;
        }
        case   "s "   :   {
            date.setSeconds(date.getSeconds()+number);
            return   date;
            break;
        }
        default   :   {
            date.setDate(date.getDate()+number);
            return   date;
            break;
        }
    }
}

function dynamicRecheck(recheckNum) {
    if (recheckNum == 1) {
        $("#timeDiv").css("display", "");
        $("#twoReview").css("display", "none");
        $("#threeReview").css("display", "none");
        $("#twoReview").val("");
        $("#threeReview").val("");
    } else if (recheckNum == 2) {
        $("#timeDiv").css("display", "")
        $("#twoReview").css("display", "")
        $("#threeReview").css("display", "none")
        $("#threeReview").val("");
    } else if (recheckNum == 3) {
        $("#timeDiv").css("display", "")
        $("#twoReview").css("display", "")
        $("#threeReview").css("display", "")
    } else if(recheckNum == 0) {
        $("#timeDiv").css("display", "none")
        $("#oneReview").val("");
        $("#twoReview").val("");
        $("#threeReview").val("");
    }else{
        layer.msg("复审次数不在范围")
    }
}