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: 560,
        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.yigouf.com/house/' + d.id + '/" target="_blank">' + d.name + '</a>';
                    if (d.permit != 0) {
                        html += '<li style="float:left;padding: 0 5px;position:relative;"><img src="/img/house/houseyushouzheng.png"><span style="font-size:12px;;position:absolute;right:7px;top:1px;display:inline-block;width:22px;text-align:center;color:#fff;">' + d.permit + '</span></li>';
                        // html += '<li style="float:right;padding: 0 5px;position:relative;"><span style="color:red">已有预售证</span></li>';
                    } else {
                        html += '<li style="float:left;padding: 0 5px;position:relative;">' + '&nbsp' + '&nbsp' + '&nbsp' + '&nbsp' + '&nbsp' + '&nbsp' + '&nbsp' + '&nbsp' + '&nbsp' + '&nbsp' + '&nbsp' + '<span style="font-size:12px;;position:absolute;right:7px;top:1px;display:inline-block;width:22px;text-align:center;color:#fff;"></span></li>';
                        // html += '<li style="float:right;padding: 0 5px;position:relative;"><span style="color:grey">暂无预售证</span></li>';
                    }
                    return html;
                }
            },
            {
                field: 'status', title: '推广状态', width: 130, 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: 120, 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: 130, 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,
                    housepermit: form.housepermit,
                },
                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;
    })


})