pfhwyigou/backend/web/js/china/housealbum.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 _houseNmae = $('#house_name').html();

    //楼盘列表
    var indexTtable = table.render({
        elem: '#housealbumlist',
        url: '/house/albumform',
        where: {hid: inputId},
        method: 'post',
        id: 'tablerReload',
        cols: [[
            {type: 'numbers'},
            {field: 'name', title: '相册名称', align: "center", sort: true},
            {field: 'num', title: '数量', align: "center", width: 100},
            {title: '操作', width: 200, templet: '#housesalbumListBar', fixed: "right", align: "center"}
        ]]
    });

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

    table.on('tool(housealbumlist)', 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/albumedit?id=" + inputId + '&name=' + inputName + '&alnumid=' + data.album_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/albumstatesave', {
                    id: data.id,
                    state: data.state,
                    album_id: data.album_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/albumdel', {id: data.id, album_id: data.album_id, hid: inputId}, function (data) {
                    // var data = eval('('+data+')');
                    // console.log(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/albumadd?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) {
                var selectText = $('#ddlregtype').find("option:selected").text();

                filesContainer[index] = file; //将每次选择的文件追加到文件队列
                $('#demo2').append('<div class="layui-upload-img layer-photos-demo" id="layer-photos-demo"><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 class="close-input"><input type="text" id="album_title" name="' + index + '"  value="' + _houseNmae + '-' + selectText + '" placeholder="请输入" autocomplete="off" class="layui-input"></div></div>');
                layer.photos({
                    photos: '#demo2',
                    closeBtn: 1
                    , anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                });
            });
        }
    });


    form.on('submit(tijiao)', function (data) {
        var index = layer.msg('数据提交中，请稍候', {icon: 16, time: false, shade: 0.8});      //数据提交提示
        var formData = new FormData($('#album_form')[0]);
        formData.delete('file'); //删除添加图片组件自带的FILE文件
        $.each(filesContainer, function (k, v) {
            if (v != null) {
                if (typeof (formData.get(k)) != 'undefined') {
                    formData.append('imginput[]', formData.get(k))
                }
                formData.append('img[]', v);
            }
        })


        $.ajax({
            cache: true,
            type: "post",
            url: "/house/albumaddform",
            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) {
                if (data.code == 200) {
                    layer.msg(data.msg);
                    indexTtable.reload('tablerReload');
                    TableClose();

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


    form.on('submit(editAlbum)', function (data) {
        // if(!lock){    // 重复提交解决方法
        //   return false;
        //  }
        //  lock = false  //改变值
        var index = layer.msg('数据提交中，请稍候', {icon: 16, time: false, shade: 0.8});      //数据提交提示
        var formData = new FormData($('#album_forms')[0]);
        formData.delete('file'); //删除添加图片组件自带的FILE文件
        var a = $('#demo2');
        $.each(a.find('img'), function () {
            formData.append('editid[]', $(this).attr('imgname'));
        })
        $.each(a.find('input'), function () {
            formData.append('edittitle[]', $(this).val());
        })

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

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

        $.ajax({
            cache: false,
            type: "post",
            url: "/house/albumeditformdata",
            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) {
                top.layer.close(index);
                filesContainer = {}; //成功后删除选择的图片
                if (data.code == 200) {
                    layer.msg(data.msg);
                } else if (data.code == 300) {
                    layer.msg(data.msg);
                }
            }
        });
        return false;
    })


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

    form.on('select(sele_album)', function (data) {
        var _text = data.elem[data.elem.selectedIndex].text;
        $('#demo2').find('input').val(_houseNmae + '-' + _text);
    })


});


//删除图片
$('#demo2').on("click", "#delimg", function () {
    var name = $(this).next().attr("imgname");
    var delIdentification = $(this).next().attr("delIdentification");
    if (typeof (delIdentification) != 'undefined') {

        filesContainer[delIdentification] = false;
        delete files.delIdentification;
        console.log(files);
        // imgnumber -= 1;
    }
    if (typeof (name) != 'undefined') {
        delFiles.push(name);
    }
    $(this).parent().remove();
})
// $('#ddlregtype').on('change',function () {
//     alert(111);
// })


// $('#ddlregtype').change(function(){
//     alert(111);
//     // $('#album_title').val('');
//     //     $('#album_title').val(_houseNmae+'-'+$(this).text());
// })