layui.extend({
    common    :   'js/common'
}).use(['jquery','table','layer','form','common'], function () {
    var $ = layui.jquery;
    var table = layui.table;
    //  弹窗插件
    var layer = layui.layer;
    var common = layui.common;
    //  引入表单
    var form = layui.form;


    // 查询框表单
    var $node = {
        //  楼盘名字
        residentialName         :  $('#search_residentialName'),
        //  合同编号
        contractNo              :  $('#search_contractNo'),
        //  物业管理方
        propertyName            :  $('#search_propertyName'),
        //  综合服务方
        integratedServiceName   :  $('#search_integratedServiceName'),
    };

    //  重新加载表格
    var reloadTable = function(){
        //重新加载表格
        layuiTable.reload({
            where:{
                residentialName         :  $node.residentialName.val(),
                contractNo              :  $node.contractNo.val(),
                propertyName            :  $node.propertyName.val(),
                integratedServiceName   :  $node.integratedServiceName.val(),
            }
            //重新从第1页开始
            ,page: {
                curr: 1
            }
        });
    };
    //表格对象
    var layuiTable = common.layuiTable.render(table,{
        elem: '#table-id'    //页面table的id
        , url: '/implement/project/showList' //后台接口
        ,method: 'post'
        , cellMinWidth: 80 //全局定义常规单元格的最小宽度，
        , cols: [[
            { field: 'residentialName', title: '项目名字', align: 'center'}
            , { field: 'propertyName', title: '物业管理方', align: 'center' }
            , { field: 'integratedServiceName', title: '综合服务方', align: 'center'  }
            , { field: 'contractNo', title: '合同编号', align: 'center' }
            , { field: 'signingDate', title: '合同签约日期' , align: 'center'}
            , { field: 'completionDate', title: '物业验收日期' , align: 'center'}
            , { field: '',title: '操作', toolbar: '#table-operate-id' , align: 'center',width:180}
        ]]
        //  开启分页功能
        , page: true
    });

    //监听行工具事件  lay-filter="table-id"
    table.on('tool(table-id)', function(obj){
        var data = obj.data;
        if(obj.event === 'detail'){
            common.openDefaultIframe({
                title   :   '项目详情',
                content :   '/implement/project/detail/view?id='+ data.id, //  打开内容
                cancel  :   function () {
                    //关闭弹窗是刷新页面
                    layuiTable.reload({
                        //重新从第1页开始
                        page: {
                            curr: 1
                        }
                    });
                }
            })
        } else if(obj.event === 'completion'){ //竣工
            layer.open({
                type: 2
                ,title: '物业验收'
                ,content: '/implement/projectCompletion/insert/view?projectId='+data.id
                ,area    :   ['420px','430px']
            })
        }
    });

    //监听查询
    form.on('submit(query)', function(){
        reloadTable();
    });

    //监听重置
    form.on('submit(reset)', function(){
        $node.residentialName.val('');
        $node.contractNo.val('');
        $node.propertyName.val('');
        $node.integratedServiceName.val('');
        reloadTable();
    });

    //监听项目添加
    form.on('submit(add)', function(){
        common.openDefaultIframe({
            title   :   '项目添加',
            content :   '/implement/project/insert/view', //  打开内容
            cancel  :   function () {
                //关闭弹窗是刷新页面
                layuiTable.reload({
                    //重新从第1页开始
                    page: {
                        curr: 1
                    }
                });
            }
        })
    });

    //监听导出
    form.on('submit(export)', function(){
        window.location.href = "/implement/project/exportProject";
    });
});