pfhwyigou/backend/web/js/housetypebinding.js

var delFiles = []; //用于删除图片
var filesContainer= {};  //存储最终要上传的图片
var files ;     //存储选择图片的数量
layui.use(['form','layer','upload','table'],function(){
    var form = layui.form,
        layer = layui.layer,
        upload = layui.upload,
        table = layui.table,
        $ = layui.jquery;

    var inputId = $('input[name="hid"]').val();
    var inputName = $('input[name="name"]').val();
    //楼盘列表
    var indexTtable =  table.render({
        elem: '#housetypelist',
        url : '/house/housetypeform',
        where:{hid:inputId},
        method:'post',
        id:'tablerReload',
        cols : [[
            {type:'numbers'},
            {field: 'huxing_name', title: '户型',align:"center",sort: true},
            // {field: 'state', title: '审核',width:80, align:'center',templet:'#examineTpl'},
            {field: 'num', title: '数量', align:'center',width:100},
            {title: '操作', templet:'#housesalbumListBar',fixed:"right",align:"center",width:200}

        ]]
    });

    indexTtable.reload('tablerReload');        //重新加载

    table.on('tool(housetypelist)',function (obj) {
        var data = obj.data;
        if(obj.event === 'edit'){
            var index = parent.layui.layer.open({
                title :  '<span style="color:red" >['+inputName+']</span> 楼盘修改户型',
                type : 2,
                maxmin: true,
                area: ['', '100%'],
                content : "/house/housetypeedit?id="+inputId+'&name='+inputName+'&type='+data.type_id,
                end:function(){
                    layui.table.reload('tablerReload');
                }
            })
            parent.layui.layer.full(index);
            //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
            $(window).on("resize",function(){
                parent.layui.layer.full(index);
            })
        }else if(obj.event === 'examine'){ //关闭
            var  examineName = '';
            // console.log(data.state);
            switch (data.state){
                case 'Y':
                    examineName = '驳回审核';
                    break;

                case 'N':
                    examineName =  '审核通过';
                    break;
            }
            layer.confirm('确定要'+examineName+'吗？',{btn: ['确定', '取消']},function () {
                $.post('/house/typetatesave',{id:data.id,state:data.state,type_id:data.type_id,hid:inputId},function (data) {
                    if(data.code == 200)
                    {
                        layer.msg(data.msg);
                        table.reload('tablerReload');
                    } else if(data.code == 300 ) {
                        layer.msg(data.msg);
                    }
                })
            })
        } else if(obj.event === 'del'){
            layer.confirm('确定要删除吗？',{btn: ['确定', '取消']},function () {
                $.post('/house/typedel',{id:data.id,type_id:data.type_id,hid:inputId},function (data) {
                    if(data.code == 200)
                    {
                        layer.msg(data.msg);
                        table.reload('tablerReload');
                    } else if(data.code == 300 ) {
                        layer.msg(data.msg);
                    }
                })
            })
        }
    })

    /*
    * 添加相册
    * */
    function addAlbum(edit){
        var index = parent.layui.layer.open({
            title : '<span style="color:red" >['+inputName+']</span> 楼盘添加户型',
            type : 2,
            maxmin: true,
            area: ['', '100%'],
            content : "/house/housetypeadd?id="+inputId+'&name='+inputName,
            end:function () {
                layui.table.reload('tablerReload');
            }
        })
        parent.layui.layer.full(index);
        //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
        $(window).on("resize",function(){
            parent.layui.layer.full(index);
        })
    }
    //添加相册
    $("#add-album").click(function(){
        addAlbum()
    });

    //多图片上传
    upload.render({
        elem: '#upload_edit'
        ,url: '/upload/'
        ,multiple: true
        ,auto: false
        ,number: 30
        ,choose:function(obj){
            //将每次选择的文件追加到文件队列
            files = obj.pushFile();
            //预读本地文件示例，不支持ie8
            obj.preview(function(index, file, result){
                filesContainer[index] = file; //将每次选择的文件追加到文件队列
                var _html ='<div class="layui-upload-img layer-photos-demo" id="layer-photos-demo">'
                    +'<div class="info_box">'
                    +'<input type="text" name="aa"  placeholder="如A户型" autocomplete="off" class="layui-input">'
                    +'<input type="text" name="bb"  placeholder="厅卫厨" autocomplete="off" class="layui-input">'
                    +'<input type="text" name="cc"  placeholder="建筑面积" autocomplete="off" class="layui-input">'
                    +'</div>'
                    +'<div class="picture_box">'
                    +'<div class="delete-list" id="delimg" ><i class="layui-icon fa-trash-o" >&#xe640;</i></div>'
                    +'<img delIdentification="'+index+'" layer-pid="'+index+'" layer-src="'+ result +'"  src="'+ result +'" alt="'+ file.name +'" id="hhhh">'
                    +'</div>'
                    +'</div>';
                $('#demo2').append(_html);
                layer.photos({
                    photos: '#demo2'
                    ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                });
            });
        }
    });


    form.on('submit(tijiao)',function (data) {

        var formData = new FormData($('#album_form')[0]);
        formData.delete('file'); //删除添加图片组件自带的FILE文件
        var index = layer.msg('数据提交中，请稍候。。。',{icon: 16,time:false,shade:0.8});      //数据提交提示
        var a = $('#demo2');
        $.each(a.find('input[name=aa]'),function () {
            formData.append('title[]',$(this).val());
            // console.log($(this).val());
        })

        $.each(a.find('input[name=bb]'),function () {
            formData.append('indoor_info[]',$(this).val());
            // console.log($(this).val());
        })

        $.each(a.find('input[name=cc]'),function () {
            formData.append('area[]',$(this).val());
        })

        $.each(filesContainer,function (k,v) {
            if(v != null){
                formData.append('img[]',v);
            }
        })

        $.ajax({
            cache : true,
            type : "post",
            url : "/house/housetypeaddform",
            data : formData,  // 你的formid
            contentType: false,   //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作，从而失去分界符，而使服务器不能正常解析文件
            processData: false,   //当设置为true的时候,jquery ajax 提交的时候不会序列化 data，而是直接使用data
            error : function(request) {
                layer.close(index);         //关闭数据提交信息
                layer.alert("网络超时");
            },
            success : function(data) {
                layer.close(index);         //关闭数据提交信息
                if (data.code == 200) {

                    layer.msg(data.msg);
                    indexTtable.reload('tablerReload');
                    // table.reload('tablerReload');
                    TableClose();
                    // layui.table.reload('housealbumlistReload');

                } else if(data.code == 300){
                    layer.msg(data.msg);
                    layer.msg(ReturnInfo(data.data),{icon:5});
                }
            }
        });
        return false;
    })


    form.on('submit(editAlbum)',function (data) {
        var index = layer.msg('数据提交中，请稍候。。。',{icon: 16,time:false,shade:0.8});      //数据提交提示
        var formData = new FormData($('#album_form')[0]);
        formData.delete('file'); //删除添加图片组件自带的FILE文件
        var a = $('#demo2');
        $.each(a.find('input[name=aa]'),function () {
            formData.append('title[]',$(this).val());
        })

        $.each(a.find('input[name=bb]'),function () {
            formData.append('indoor_info[]',$(this).val());
        })

        $.each(a.find('input[name=cc]'),function () {
            formData.append('area[]',$(this).val());
        })

        $.each(a.find('img'),function () {
            formData.append('editid[]',$(this).attr('imgname'));
        })

        //需要添加的图片
        $.each(filesContainer,function (k,v) {
            if(v != null){
                formData.append('img[]',v);
            }
        })

        //需要删除的图片
        if(delFiles.length > 0){
            $.each(delFiles,function (k,v) {
                formData.append('delimg[]',v);
            })
        }

        $.ajax({
            cache : true,
            type : "post",
            url : "/house/housetypeeditform",
            data : formData,  // 你的formid
            contentType: false,   //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作，从而失去分界符，而使服务器不能正常解析文件
            processData: false,   //当设置为true的时候,jquery ajax 提交的时候不会序列化 data，而是直接使用data
            error : function(request) {
                //layer.close(index);         //关闭数据提交信息
                layer.alert("网络超时");
            },
            success : function(data) {
                filesContainer = {};
                layer.close(index);         //关闭数据提交信息
                if (data.code == 200) {
                    layer.msg(data.msg);

                } else if(data.code == 300){
                    layer.msg(data.msg);
                    layer.msg(ReturnInfo(data.data),{icon:5});
                }
            }
        });
        return false;
    })

    layer.photos({
        photos: '#demo2'
        ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
    });
    //设置图片的高度
    $(window).resize(function(){
        $("#Images li img").height($("#Images li img").width());
    });

});


//删除图片
$('#demo2').on("click","#delimg",function () {
    var name = $(this).next().attr("imgname");
    var delIdentification = $(this).next().attr("delIdentification");
    if(typeof(delIdentification) != 'undefined'){
        delete filesContainer[delIdentification];
        delete files[delIdentification] ;
        // imgnumber -= 1;
    }
    if(typeof(name) != 'undefined'){
        delFiles.push(name);
    }
    // $(this).parent().remove();
    $(this).parents('#layer-photos-demo').remove();
})