var element;
//全局的页面遮盖
let loadingMsg;

//第几次复审
let number = '3';

let id = localStorage.getItem("id");
let oneReviewTime = localStorage.getItem("oneReviewTime");
let reviewNum = localStorage.getItem("reviewNum");

layui.use(['form', 'upload'], function () {
    var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
    var upload1 = layui.upload;
    form.render();
    setData();
    //多图片上传
    var uploadcom1 = upload1.render({
        elem: '#test1',
        url: ctxPath + '/certificate/uploadFile', //改成您自己的上传接口
        multiple: true,   //是否允许多文件上传，默认未false
        dataType: "json",
        exts: 'jpg|png|jpeg',
        //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) {
            uploadcom1.config.elem.next()[0].value = '';
            files = obj.pushFile();
            $("#preview1").css({"display":""});
            obj.preview(function (index, file, result) {
                var length = $('#demo1 img').length;
                if (length > 2) {
                    return layer.msg("附件为1-3张，请勿过多上传", {icon: 5});
                }
                $('#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: number
            };
            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) {
                top.layer.close(loadingMsg);
                top.layer.msg('文件保存成功', {icon: 1, time: 1000});
                setTimeout("reloading()", 1100);
        },
        error: function (e) {
            //请求异常回调
            console.log(e)
        }
    });

    // 验证成功后才会执行下面的操作
    form.on('submit(formDemo)', function (data) {
        insertCertificatePhoto();
    });

});

//新增分包商
function insertCertificatePhoto() {
    if ($("#demo1").children().length != 1) {
        parent.layer.msg("请按要求上传附件", {icon: 2, time: 2000});
    }else {
        // 加载提示
        loadingMsg = top.layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});
        $("#hideUpload1").trigger("click");
    }
}



// 表单赋值
function setData() {
    $("#id").val(id);
    $("#recheckTime").val(oneReviewTime); // 分包商名称
    if(reviewNum == "第一次复审"){
        number = '3';
    }else if(reviewNum == "第二次复审"){
        number = '4';
    }else if(reviewNum == "第三次复审"){
        number = '5';
    }
    $("#reviewNum").html(reviewNum); // 分包商名称
}

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

var deletePhoto = [];
function delPhoto(i) {
    var parentcolor = document.getElementById("demo" + i);
    var childcolor = document.getElementById(i + "");
    var path = childcolor.name;
    deletePhoto.push(path);
    parentcolor.removeChild(childcolor);
    var photoNum = $("#demo" + i).children().length;
    if (photoNum == 0) {
        $("#preview" + i).css("display", "none");
    }
}