hn_cloud_web/smz-web/js/work/ownPerson/own-certificate-card-form.js

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: $("#id").val(),
                    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: smz_ht_url + '/OwnCertificate/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").val(),
                    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)
            }
        });

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

//修改
function updates(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 = layer.msg('数据请求中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});

        $("#hideUpload1").trigger("click");

        $("#hideUpload2").trigger("click");

        parent.layer.close(loadingMsg);  //关闭提示层
    }
}

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

// 表单赋值
function setDatas(data) {

    $("#id").val(data[0].id);
    $("#ids").val(data[1].id);

    var path1 = smz_ht_url +"/"+data[0].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 path2 = smz_ht_url +"/"+data[1].filePath;
    $("#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);
};

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 ); // 刷新页面
}