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 tableIds ='housealbumlist';
    var indexTtable =  table.render({
        elem: '#'+tableIds,
        url : '/routinedecoration/contform',
        where:{nid:inputId},
        method:'post',
        id:'tablerReload',
        cols : [[
            {type:'numbers'},
            {field: 'name', title: '栏目', align:"center",sort: true},
            {field: 'sort', title: '排序',width:100,edit: 'text', align:'center',sort: true,templet:"#sortBox"},
            {field: 'is_show', title: '审核',width:75, event:'housesNews',  align:'center',templet:function (d) {
                    if(d.is_show === '1'){
                        return  '<input type="checkbox" checked  value="'+d.id+'" name="open"  lay-skin="switch" lay-filter="switchTest" lay-text="|">'

                    } else {
                        return  '<input type="checkbox"  value="'+d.id+'" name="open"  lay-skin="switch" lay-filter="switchTest" lay-text="|">'
                    }
                }},
            {field: 'create_at', title: '添加时间', align:"center",width:200},
            {title: '操作', width:200, templet:'#housesalbumListBar',fixed:"right",align:"center"}
        ]]
    });

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

    /* 列表操作  edit  修改后执行  2018.7.24*/
    table.on('edit('+tableIds+')', function(obj){
        var data = obj.data;
        console.log(data)
        $.post('/routinedecoration/conteditsort',{id:data.id,sort:data.sort},function (data) {
            if(data.code == 200)
            {
                layer.msg(data.msg);
            } else if(data.code == 300 ) {
                layer.msg(data.msg);
            }
        })

    })
     // if(obj.event === 'sortData'){       //修改排序
     //        layer.prompt({
     //            formType: 2
     //            ,title: '排序栏目:'+data.name
     //            ,value: data.sort
     //        }, function(value, index){
     //            $.post('/routinedecoration/conteditsort',{id:data.id,sort:value},function (data) {
     //                if(data.code == 200)
     //                {
     //                    layer.msg(data.msg);
     //                    layer.close(index);
     //                    obj.update({
     //                        sort: value
     //                    });
     //                    // TableClose();
     //                } else if(data.code == 300 ) {
     //                    layer.msg(data.msg);
     //                }
     //            })
     //        });
     //    } else 



    /*操作列表 */
    table.on('tool('+tableIds+')',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,
                closeBtn: 1, //不显示关闭按钮
                shade: [0],
                area: ['', '100%'],
                anim: 2,
                content : "/routinedecoration/contedit?id="+data.id+'&name='+inputName+'&nid='+inputId,
                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 === '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);
                    }
                })
            })
        }
    })

    //监听指定开关
    form.on('switch(switchTest)', function(data){
        layer.confirm('确定要修改此操作吗？',{btn: ['确定', '取消']},function () {
            $.post('/routinedecoration/conteditsort',{id:data.value,is_show:1},function (data) {
                layer.msg(data.msg);
                table.reload('tablerReload');
            })
        },function (aa) {
            table.reload('tablerReload');
        })
    });


    /*
    * 添加
    * */
    function addAlbum(edit){
        var index = parent.layui.layer.open({
            title : '<span style="color:red" >['+inputName+']</span> 栏目内容',
            type : 2,
            maxmin: true,
            area: ['', '100%'],
            content : "/routinedecoration/contadd?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参数）
                });
            });
        }
    });
    
    //判断是否需要编辑，需要才加载
    var verdict = $('#editor_content').html();
    if(typeof verdict == "string"){
        var ue = UE.getEditor('editor_content');  //编辑器
    }
    

    form.on('submit(tijiao)',function (data) {
         layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});      //数据提交提示
        var formData = new FormData($('#album_form')[0]);

        $.ajax({
            cache : true,
            type : "post",
            url : "/routinedecoration/contaddform",
            data : formData,  // 你的formid
            contentType: false,   //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作，从而失去分界符，而使服务器不能正常解析文件
            processData: false,   //当设置为true的时候,jquery ajax 提交的时候不会序列化 data，而是直接使用data
            error : function(request) {
                layer.msg("请联系管理员");
            },
            success : function(data) {
                if(data.data != null){
                    layer.msg(ReturnInfo(data.data),{icon:5});
                    return ;
                }
                layer.msg(data.msg);
                indexTtable.reload('tablerReload');
                TableClose();
            }
        });
        return false;
    })


    form.on('submit(edit)',function (data) {
        layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});      //数据提交提示
        var formData = new FormData($('#album_form')[0]);

        $.ajax({
            cache : true,
            type : "post",
            url : "/routinedecoration/conteditform",
            data : formData,  // 你的formid
            contentType: false,   //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作，从而失去分界符，而使服务器不能正常解析文件
            processData: false,   //当设置为true的时候,jquery ajax 提交的时候不会序列化 data，而是直接使用data
            error : function(request) {
                layer.msg("请联系管理员");
            },
            success : function(data) {
                if(data.data != null){
                    layer.msg(ReturnInfo(data.data),{icon:5});
                    return ;
                }
                layer.msg(data.msg);
                indexTtable.reload('tablerReload');
                TableClose();
            }
        });
        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);
    // })


});