@extends('admin/layout')
@section('content')
    <style>

        .btn-primary, .btn-info {
            background: #009688 !important;
            border-color: #009688 !important;
        }

    </style>
    <body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">

        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">

                    <div class="ibox-content">
                        <form class="row" id="searchForm" onsubmit="units.search();return false;">

                            <div class="col-md-4">
                                <div class="input-group">
                                   <span class="input-group-btn">
                                       <button type="button" class="btn btn-md btn-info" onclick="units.Export()"> 全部导出</button>
                                   </span>
                                </div>
                            </div>

                            <div class="input-group">
                                <input type="text" placeholder="请输入域名或项目名称" class="input-md form-control"
                                       name="keyword"
                                       id="keyword" style="width: 260px;float: right">

                                <span class="input-group-btn">

                                    <button type="button" class="btn btn-md btn-primary"
                                            onclick="units.search()"> 搜索</button>
                                    <button type="button" class="btn btn-md" style="margin-left: 10px"
                                            name="btnReset"> 重置</button>
                                    </span>
                            </div>
                        </form>
                        <hr>
                        <div class="table-responsive">

                            <table id="table" class="table table-condensed" data-mobile-responsive="true"></table>

                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
    </body>
@endsection
@section('footer')

    <script>

        var units = {
            search: function () {
                tips.selectPage();
            },

            Export: function () {
                window.open('/admin/analyze/index/projectProgressExport');
            },
        };

        var config = {};
        config.url = '/admin/analyze/index/projectProgress';
        config.pageSize = 300;
        config.showColumns = true;
        config.columns = [ //字段
            {
                title: '序号', align: 'center', formatter: function (value, item, index) {
                    return index + 1;
                },
                width: '10px'
            },
            {title: '项目名称', field: 'project', align: 'center'},
            {title: '项目经理', field: 'project_manager', align: 'center'},
            {title: '项目资料搜集', field: 'is_project_data_collection', align: 'center'},
            {title: '完成时间', field: 'project_data_collection_date', align: 'center', width: '240px',sortable: true},
            {title: '网站架构', field: 'is_site_architecture', align: 'center', width: '160px'},
            {title: '完成时间', field: 'site_architecture_date', align: 'center', width: '160px',sortable: true},
            {title: '首页设计', field: 'is_homepage_design', align: 'center', width: '160px'},
            {title: '完成时间', field: 'homepage_design_date', align: 'center', width: '160px',sortable: true},
            {title: '内页设计', field: 'is_inside_page_design', align: 'center', width: '160px'},
            {title: '完成时间', field: 'inside_page_design_date', align: 'center', width: '160px',sortable: true},
            {title: '测试站', field: 'is_test_station', align: 'center', width: '160px'},
            {title: '完成时间', field: 'test_station_date', align: 'center', width: '160px',sortable: true},
            {title: '关键词', field: 'is_key_words', align: 'center', width: '160px'},
            {title: '完成时间', field: 'key_words_date', align: 'center', width: '160px',sortable: true},
            {title: 'SEO完善', field: 'is_seo_perfect', align: 'center', width: '160px'},
            {title: '完成时间', field: 'seo_perfect_date', align: 'center', width: '160px',sortable: true},
            {title: '上线', field: 'is_online', align: 'center', width: '160px'},
            {title: '完成时间', field: 'online_date', align: 'center', width: '160px',sortable: true},
            {title: '整站资料提供', field: 'is_entire_site_information_provision', align: 'center', width: '160px'},
            {title: '完成时间', field: 'entire_site_information_provision_date', align: 'center', width: '160px',sortable: true}
        ];
        tips.bootstrapTable(config);

    </script>
@endsection