var from;
var token = localStorage.getItem("smz-token");
var nums = 1;
var ids;
$(function () {
    layui.use(['form', 'laydate','layer', 'upload'], function () {
        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
        var laydate = layui.laydate;
        var layer = layui.layer;
        var upload = layui.upload;

        form.render();
        form.verify({

        });

        //多图片上传
        var uploadcom1 =upload.render({
            elem: '#test1',
            url: smz_ht_url + '/workerOn/uploadFile', //改成您自己的上传接口
            multiple: false,   //是否允许多文件上传，默认未false
            dataType: "json",
            // data: {"pickId": id},
            exts: 'jpg|png|jpeg',
            //acceptMime: 'image/jpg,image/png,image/jpeg,file/pdf,file/xlsx',
            auto: false,  //是否自动上传 ，默认为true
            // number: 1,  //最大上传数量
            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,
                };
                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 = 1;
                }
            },
            allDone: function (data) {
            },
            error: function (e) {
                //请求异常回调
                console.log(e)
            }
        });

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

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

            }
            ,range: true
        });

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

            }
            ,range: true
        });

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

            }
            ,range: true
        });

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

            }
            ,range: true
        });

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

            }
            ,range: true
        });

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

            }
            ,range: true
        });

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

            }
        });

    });
});

//修改
function updateWorkerRegistration(formData) {
    // 加载提示
    var loadingMsg = layer.msg('数据请求中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});
    // form请求地址
    var formUrl = smz_ht_url + "/workerOn/updateWorkerRegistration";
    $.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) {
            layer.close(loadingMsg); // 关闭提示层
            if (data.obj == "修改成功") {
                parent.layer.msg("修改成功", {icon: 1});
                if($("#demo1").children().length = 0){
                    setTimeout("reloading()", 2100);
                }else{
                    ids = $("#id").val();
                    $("#hideUpload1").trigger("click");
                    setTimeout("reloading()", 4100);
                }
                // setTimeout("reloading()", 2100);
            } else if(data.resMsg !=""){
                parent.layer.msg(data.resMsg, {icon: 2});
                // setTimeout("reloading()", 2100);
            } else  {
                parent.layer.msg(data.obj, {icon: 2});
                setTimeout("reloading()", 2100);
            }
        },
        error: function (XMLHttpRequest, textStatus, e) {
            layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
        }
    });
}


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

    $("#writeTime").val(data.writeTime);
    $("#position").val(data.position);
    $("#userName").val(data.userName);
    $("#sex").val(data.sex);
    $("#birthday").val(data.birthday);


    $("#phone").val(data.phone);
    $("#gj").val(data.hkdz);
    $("#mail").val(data.mail);
    $("#zzmm").val(data.zzmm);
    $("#hyzk").val(data.hyzk);

    $("#nation").val(data.nation);
    $("#health").val(data.health);
    $("#address").val(data.address);
    $("#idNumber").val(data.idNumber);
    $("#sbCard").val(data.sbCard);

    $("#ybCard").val(data.ybCard);
    getOWNhkxz(data.hkxz);
    $("#hkdz").val(data.hkdz);



    $("#gzTimeOne").val(data.gzTimeOne);
    $("#gzUnitOne").val(data.gzUnitOne);
    $("#gzPositionOne").val(data.gzPositionOne);

    $("#gzTimeTwo").val(data.gzTimeTwo);
    $("#gzUnitTwo").val(data.gzUnitTwo);
    $("#gzPositionTwo").val(data.gzPositionTwo);

    $("#gzTimeThree").val(data.gzTimeThree);
    $("#gzUnitThree").val(data.gzUnitThree);
    $("#gzPositionThree").val(data.gzPositionThree);

    $("#jyTimeOne").val(data.jyTimeOne);
    $("#jySchoolOne").val(data.jySchoolOne);
    $("#jySpecialityOne").val(data.jySpecialityOne);

    $("#jyTimeTwo").val(data.jyTimeTwo);
    $("#jySchoolTwo").val(data.jySchoolTwo);
    $("#jySpecialityTwo").val(data.jySpecialityTwo);

    $("#jyTimeThree").val(data.jyTimeThree);
    $("#jySchoolThree").val(data.jySchoolThree);
    $("#jySpecialityThree").val(data.jySpecialityThree);

    $("#zsName").val(data.zsName);
    $("#zsLevel").val(data.zsLevel);
    $("#giveTime").val(data.giveTime);

    if(data.filePath !="" && data.filePath !=null && data.filePath !="null"){
        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);
    }

    $("#jtNameOne").val(data.jtNameOne);
    $("#jtRelationOne").val(data.jtRelationOne);
    $("#jtUnitOne").val(data.jtUnitOne);
    $("#jtPhoneOne").val(data.jtPhoneOne);

    $("#jtNameTwo").val(data.jtNameTwo);
    $("#jtRelationTwo").val(data.jtRelationTwo);
    $("#jtUnitTwo").val(data.jtUnitTwo);
    $("#jtPhoneTwo").val(data.jtPhoneTwo);

    $("#jtNameThree").val(data.jtNameThree);
    $("#jtRelationThree").val(data.jtRelationThree);
    $("#jtUnitThree").val(data.jtUnitThree);
    $("#jtPhoneThree").val(data.jtPhoneThree);

}

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 getOWNhkxz(id) {
    $("#hkxz").empty();
    $.ajax({
        type: 'POST',
        url: smz_ht_url + '/users/getOWNType',
        data: {
            type:"hkxz"
        },
        dataType: 'json',
        success: function (data) {
            var str = '<option value="-1">--请选择学历--</option>';
            if (data.length > 0) {
                for (var i = 0; i < data.length; i++) {
                    if (id == data[i].userId) {
                        str += '<option selected  value=\'' + data[i].userId + '\'>' + data[i].userName + '</option>';
                    } else {
                        str += '<option value=\'' + data[i].userId + '\'>' + data[i].userName + '</option>';
                    }
                }
            }
            $("#hkxz").append(str);
            layui.form.render();  //这里就是我们要渲染的地方了
        }
    })
}

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