var from;
var ids;
var nums = 2;
var flag = true;
$(function () {
    layui.use(['form', 'laydate','layer', 'upload'], function () {
        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
        var upload = layui.upload;
        var laydate = layui.laydate;
        var layer = layui.layer;
        form.render();
        //多图片上传
        var uploadcom1 =upload.render({
            elem: '#test1',
            url: smz_ht_url + '/OwnCertificate/uploadFile', //改成您自己的上传接口
            multiple: false,   //是否允许多文件上传，默认未false
            dataType: "json",
            exts: 'jpg|png|jpeg',
            auto: false,  //是否自动上传 ，默认为true
            // number: 2,  //最大上传数量
            size: 1024*5, //最大文件大小，单位k
            bindAction: '#hideUpload1', //绑定的按钮
            field: 'file', //传到后台的字段名,默认file
            choose: function (obj) {
                flag = false;
                var suffixType = ''; //后缀类型
                uploadcom1.config.elem.next()[0].value = '';
                files = obj.pushFile();
                obj.preview(function (index, file, result) {
                    var length = $('#demo1 img').length;
                    if (length > 0) {
                        return layer.msg("附件为1张，请勿过多上传", {icon: 5});
                    }
                    $("#preview1").css("display","");
                    $('#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 photoNum = $("#demo1").children().length;
                        if(photoNum === 0){
                            $("#preview1").css("display","none");
                        }
                    });
                });
            },
            before: function (obj) {
                this.data = {
                    id: ids,
                    accessoryType: "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) {
                nums -= 1;
                if(nums == 0 || $("#id").val() != ''){
                    reloading();
                    top.layer.msg('保存成功', {icon: 1, time: 2000});
                    nums = 2;
                }
            },
            allDone: function (data) {
            },
            error: function (e) {
                //请求异常回调
                console.log(e)
            }
        });

        // 验证成功后才会执行下面的操作
        form.on('submit(formDemo)', function (data) {
            var id = $("#ids").val();
            if (id == '') {
                inserts(data); // 新增
            }else {
                updates(data);//修改
            }
        });

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

            }
        });
    });
});

//新增
function inserts(formData) {

    if($("#demo1").children().length == 0){
        parent.layer.msg("请上传其他证件", {icon: 2, time: 2000});
    }else{
        // 加载提示
        var loadingMsg = parent.layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});
        // form请求地址
        var formUrl = smz_ht_url + "/OwnCertificate/saveInfo";
        $.ajax({
            type: 'POST',
            async: true, // 默认异步true,false表示同步
            url: formUrl, // 请求地址
            contentType: "application/json; charset=utf-8",
            dataType: 'text', // 服务器返回数据类型
            data: JSON.stringify(formData.field), //获取提交的表单字段
            success: function (data) {
                var dataJson = JSON.parse(data);
                var res = dataJson.resMsg;
                if(dataJson.resMsg == "保存成功"){
                    ids = dataJson.obj;
                    $("#hideUpload1").trigger("click");
                }else{
                    layer.msg(res,{icon:1,time:2000});
                    setTimeout("reloading()", 3100);
                }
                parent.layer.close(loadingMsg);  //关闭提示层
            },
            error: function (XMLHttpRequest, textStatus, e) {
                parent.layer.close(loadingMsg);  //关闭提示层
                layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
            }
        });
    }
}

//修改
function updates(formData) {
    if($("#demo1").children().length == 0){
        parent.layer.msg("请上传其他证件", {icon: 2, time: 2000});
    }else{
        // 加载提示
        var loadingMsg = layer.msg('数据请求中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});
        // form请求地址
        var formUrl = smz_ht_url + "/OwnCertificate/updates";
        $.ajax({
            type: 'POST',
            async: false, // 默认异步true,false表示同步
            url: formUrl, // 请求地址
            contentType: "application/json; charset=utf-8",
            dataType: 'json', // 服务器返回数据类型
            data: JSON.stringify(formData.field), //获取提交的表单字段
            success: function (data) {
                if (data.resMsg == "修改成功"){
                    if(flag){
                        reloading();
                        top.layer.msg('保存成功', {icon: 1, time: 2000});
                    }
                    ids = $("#id").val();
                    $("#hideUpload1").trigger("click");
                } else if (data.resMsg == "修改失败") {
                    parent.layer.msg('修改失败', {icon: 2, time: 2000});
                    setTimeout("reloading()", 2100);
                } else {
                    parent.layer.msg(data.resMsg, {icon: 2, time: 2000});
                    setTimeout("reloading()", 2100);
                }
                parent.layer.close(loadingMsg);  //关闭提示层
            },
            error: function (XMLHttpRequest, textStatus, e) {
                layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
            }
        });
    }
}

// 表单赋值
function setData(id) {
    $("#id").val(id);
}

// 表单赋值
function setDatas(data) {
    $("#id").val(data.id);
    $("#ids").val(data.workerId);
    $("#name").val(data.name); //证件名称
    $("#acquisitionTime").val(data.acquisitionTime); //获取证件时间
    $("#level").val(data.level); //证件等级

    var path1 = smz_ht_url +"/"+data.filePath;
    $("#preview1").css("display","");
    var demo1 = $("#demo1");
    var html = '';
    html += '<img src="' + path1 + '" id="1"  name="1" ondblclick="delPhoto(1)" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
    demo1.append(html);
};

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");
    }
}

//设置弹窗关闭
function reloading() {
    var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
    parent.layer.close(index); //再执行关闭
    window.parent.example.ajax.reload( null, false ); // 刷新页面
}