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();
        form.verify({
            orgName:[/^[\u4e00-\u9fa5_a-zA-Z]{1,100}$/,'请输入1-100位中英文'],//企业事业单位名称
            registerAddress:[/(^$)|^[\u4e00-\u9fa5_a-zA-Z]{1,200}$/,'请输入1-200位中英文'],//注册地址
            name:[/^[\u4e00-\u9fa5_]{2,20}$/,'请输入2-20位中文真实姓名'],//2-20位中文真实姓名
            floatNumber:[/(^$)|^\d+(.\d{1,2})?$/, '最大保留2位小数'],//数字保留两位小数
        });

        //多图片上传
        var uploadcom1 =upload.render({
            elem: '#test1',
            url: ctxPath + '/companyManage/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)
            }
        });

        //多图片上传
        var uploadcom2 =upload.render({
            elem: '#test2',
            url: ctxPath + '/companyManage/uploadFile', //改成您自己的上传接口
            multiple: false,   //是否允许多文件上传，默认未false
            dataType: "json",
            exts: 'jpg|png|jpeg',
            auto: false,  //是否自动上传 ，默认为true
            // number: 2,  //最大上传数量
            size: 1024*5, //最大文件大小，单位k
            bindAction: '#hideUpload2', //绑定的按钮
            field: 'file', //传到后台的字段名,默认file
            choose: function (obj) {
                flag = false;
                var suffixType = ''; //后缀类型
                uploadcom2.config.elem.next()[0].value = '';
                files = obj.pushFile();
                obj.preview(function (index, file, result) {
                    var length = $('#demo2 img').length;
                    if (length > 0) {
                        return layer.msg("附件为1张，请勿过多上传", {icon: 5});
                    }
                    $("#preview2").css("display","");
                    $('#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 photoNum = $("#demo2").children().length;
                        if(photoNum === 0){
                            $("#preview2").css("display","none");
                        }
                    });
                });
            },
            before: function (obj) {
                this.data = {
                    id: ids,
                    accessoryType: "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) {
                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)
            }
        });

        from = form;
        form.render();

        // 验证成功后才会执行下面的操作
        form.on('submit(formDemo)', function (data) {
            var id = $("#id").val();
            if (id == '') {
                insertCorporation(data); // 新增
            }else {
                updateCorporation(data);//修改
            }
        });
        laydate.render({
            elem: '#registDate' //指定元素  元素选择器
            , 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) {//时间回调
                console.log(value);
                console.log(date);
            }
        });
    });
});

//新增
function insertCorporation(formData) {

    if($("#demo1").children().length == 0){
        parent.layer.msg("请上传公司电子章", {icon: 2, time: 2000});
    }else if($("#demo2").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 = ctxPath + "/companyManage";
        $.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");
                    $("#hideUpload2").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 updateCorporation(formData) {
    // 加载提示
    var loadingMsg = layer.msg('数据请求中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});
    // form请求地址
    var formUrl = ctxPath + "/companyManage/updateCompanyInfo";
    $.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");
                $("#hideUpload2").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(data) {
    $("#id").val(data.id); //企业事业单位名称
    $("#orgName").val(data.orgName); //企业事业单位名称
    $("#legalPersonName").val(data.legalPersonName); //法定代表人姓名
    $("#registerCapital").val(data.registerCapital); //注册资本
    $("#registerAddress").val(data.registerAddress); //注册地址
    $("#registDate").val(data.registDate); //注册日期


    $("#officeAddress").val(data.officeAddress); //办公地址

    var path1 = dataPath+"/"+data.electronicSeal;
    $("#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 path2 = dataPath+"/"+data.legalPersonSeal;
    $("#preview2").css("display","");
    var demo2 = $("#demo2");
    var html = '';
    html += '<img src="' + path2 + '" id="2"  name="2" ondblclick="delPhoto(2)" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
    demo2.append(html);

};

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

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