layui.use(['form','layer','laydate','table','laytpl','layedit','upload'],function(){
    var form = layui.form,
        // layer = parent.layer === undefined ? layui.layer : top.layer,
        layer = layui.layer,
        $ = layui.jquery,
        laydate = layui.laydate,
        laytpl = layui.laytpl,
        table = layui.table,
        layedit = layui.layedit
        ,upload = layui.upload;

    //调用编辑器
    var tableIds = 'housesList';
    var reloadId = 'tablerReload';
    //楼盘列表
    var tableIns = table.render({
        elem: '#'+tableIds,
        url : '/otherwatermark/housrform',
        cellMinWidth : 95,
        method:'post',
        page : true,
        height : 600,
        limit : 20,
        id:reloadId,
        // limits : [10,15,20,25],is_view
        cols : [[
            {type: "checkbox", width:50},
            {field: 'id', title: 'ID', width:80, align:"center",sort: true},
            {field: 'name', title: '标题', align:"center",templet:function(d){
                    var html =  '<a href="http://www.pinfangw.com/house/'+d.id+'/" target="_blank">'+d.name+'</a>';
                    return html;
                }},
            {field: 'status', title: '推广状态',width:200,sort:true, align:'center',templet:function (d) {
                    if(d.status == 1){
                        return  '<input type="checkbox" style="width:200px;"  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: 'is_view', title: '楼盘状态',width:200,sort:true, align:'center',templet:function (d) {
                        if(d.del == 2){
                            return '<span style="color:red;">已删除</span>';
                        }
                        if(d.is_view == 1){
                            return '上架';
                        }else{
                            return '<span style="color: yellow;">下架</span>';
                        }
                }},
            {field: 'city_name', title: '区域',width:200,sort:true, align:'center'},
            {field: 'create_at', title: '添加时间',width:150, align:'center'},

            // {title: '操作', width:200, templet:'#housesListBar',fixed:"right",align:"center"}

        ]]
    });

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


    var $ = layui.$, active = {
        reload:function () {
            var form = pfgs_serialize($('form'));
            var name = '';
            var id   = '';
            // console.log($('form').serializeArray());
            if(form.input_house == 'name'){
                name = form.input_house_text;
            } else if(form.input_house == 'id'){
                id = form.input_house_text;
            }

            var city = '';
            if(form.province != ''){
                city = form.province;
            }

            if(form.city != ''){
                city = form.city;
            }
            table.reload('tablerReload',{
                where:{
                    sort:form.input_sort,
                    id:id,
                    name:name,
                    city:city,
                    start_time:form.start_time,
                    end_time:form.end_time,
                    housestatus:form.housestatus,
                    status:form.status
                },
                page:{
                    curr:1
                }
            })
        },
        export:function () {

           var index = layer.confirm('确定要修改此操作吗？',{btn: ['确定', '取消']},function () {
                var form = pfgs_serialize($('form'));

                var para  = {};

                if(form.input_house == 'name'){

                    para.name = form.input_house_text;
                }

                if(form.input_house == 'id'){

                    para.id = form.input_house_text
                }

                if(form.province != ''){

                    para.city = form.province;
                }

                if(form.city != ''){

                    para.city = form.city;
                }

                if(form.start_time != ''){
                    para.start_time = form.start_time;
                }

                if(form.end_time != ''){
                    para.end_time = form.end_time;
                }

                if(form.housestatus != ''){
                    para.housestatus = form.housestatus;
                }

                if(form.status != ''){
                    para.status = form.status;
                }

                var paraStr = '';
                $.each(para,function (k,v) {
                    if(v != ''){
                        paraStr += k+'='+v+'&';
                    }
                })
                paraStr = paraStr.substring(0,paraStr.length - 1);
               layer.close(index);
                window.open('/otherwatermark/export?'+paraStr);

            })

        }
    };

    $('.demoTable .layui-btn').on('click', function(){
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });

    //日期
    laydate.render({
        elem: '#date2'
    });
    laydate.render({
        elem: '#date1'
    });

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


    form.on('submit(del_alls_house)',function (data) {
        var checkStatus = table.checkStatus('tablerReload');
        var index = layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});      //数据提交提示
        if(typeof  checkStatus.data[0] == 'object'){
            layer.confirm('您确定要删除吗？',{btn:['确认','取消']},function(){
                var formdat = new FormData();
                $.each(checkStatus.data,function (key,val) {
                    formdat.append('hid[]',val.id);
                })
                $.ajax({
                    cache : true,
                    type : "post",
                    url : "/house/housedel",
                    data : formdat,  // 你的formid
                    // async : false,          //async 默认为true异步，修改为false为同步
                    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);
                            reloadTable(reloadId);
                        } else {
                            layer.msg(data.msg);
                        }
                    }
                });

            })
            return false;
        }
        layer.msg('请选择需要删除的楼盘',{icon:5});
        return false;
    })


    //加载省数据
    function loadProvince() {

        $.ajax({
            url : '/categorycity/citypid',
            type : 'post',
            async: false,//使用同步的方式,true为异步方式
            data : {'pid':0},//这里使用json对象
            success : function(data){
                var areaData = data.data;
                var proHtml = '';
                for (var i = 0; i < areaData.length; i++) {
                    proHtml += '<option value="' + areaData[i].id +'">' + areaData[i].city_name + '</option>';
                }
                //初始化省数据
                $('select[name=province]').append(proHtml);
                form.render();
            },
            fail:function(){

            }
        });


    }

    loadProvince();

    form.on('select(province)',function (data) {
        $.post('/categorycity/citypid',{'pid':data.value},function (data) {
            var areaData = data.data;
            var proHtml = '';
            $('select[name=city]').html('');
            proHtml = '<option value="">请选择市/区/县</option>';
            for (var i = 0; i < areaData.length; i++) {

                proHtml += '<option value="' + areaData[i].id +'">' + areaData[i].city_name + '</option>';
            }
            //初始化省数据
            $('select[name=city]').append(proHtml);
            form.render();
        })
    })


    // 动态添加批量删除按钮
    var _btn = '<div class="layui-inline " style="float:left;position:relative;left:10px;bottom:35px">'
        + '<a class="layui-btn layui-btn-danger search_btn layui_w_btn" style="height:30px;line-height:30px;font-size:14px;" lay-submit="" lay-filter="del_alls_house">推广状态</a>'
        + '</div>'
    $('.layui-form').append(_btn)


    //批量修改状态
    form.on('submit(del_alls_house)',function (data) {
        var checkStatus = table.checkStatus('tablerReload');
        var index = layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});      //数据提交提示
        if(typeof  checkStatus.data[0] == 'object'){
            layer.confirm('您确定要修改的楼盘推广状态吗？',{btn:['确认','取消']},function(){
                var formdat = new FormData();
                var state = '';
                $.each(checkStatus.data,function (key,val) {
                    formdat.append('hid[]',val.id);
                })
                $.ajax({
                    cache : true,
                    type : "post",
                    url : "/otherwatermark/pushstatuss",
                    data : formdat,  // 你的formid
                    // async : false,          //async 默认为true异步，修改为false为同步
                    contentType: false,   //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作，从而失去分界符，而使服务器不能正常解析文件
                    processData: false,   //当设置为true的时候,jquery ajax 提交的时候不会序列化 data，而是直接使用data
                    error : function(request) {
                        layer.close(index);         //关闭数据提交信息
                        layer.alert("网络超时");
                    },
                    success : function(data) {
                        tableIns.reload('tablerReload');        //重新加载
                        if (data.code == 200) {
                            layer.msg(data.msg);
                            reloadTable(reloadId);
                        } else {
                            layer.msg(data.msg);
                        }


                    }
                });

            })
            return false;
        }
        layer.msg('请选择需要修改的楼盘推广状态',{icon:5});
        return false;
    })


})