furao
/
test


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
							@extends('admin/layout')
<style>
    .btn-danger, .btn-primary, .btn-info {
        background: #009688 !important;
        border-color: #009688 !important;
    }

    .table-striped > tbody > tr:nth-of-type(odd) {
        background: #f8f8f8 !important;
    }

    .table-striped > tbody > tr .btn {
        background: none !important;
    }

    .table-striped > tbody > tr td {
        font-size: 14px !important;
    }

    .table-striped > tbody > tr:hover {
        background: #ffebd8 !important;
    }

    .table-striped > tbody > tr:hover .btn {
        background: #009688 !important;
        color: #fff !important;
    }

    .table-striped > tbody > tr:hover .btn .glyphicon {
        color: #fff !important;
    }

    .linkUnUpdate {
        border: 1px solid red;
    }

    .articleUnUpdate {
        border: 1px solid red;
    }

    .reachGoal {
        border: 1px solid green;
    }

    .socialFail{
        border: 1px solid brown;
    }
    .qus-boxs{
        display: inline-block;
        position: relative;
        margin-left: 4px
    }
    .qus-boxs:after{
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 6px;
        background: #fff;
        position: absolute;
        bottom: 30px;
        left: 100%;
        z-index: -1;
    }
            .qus-boxs .qus-texts{
                display: block;
                width: auto;
                position: absolute;
                bottom: 30px;
                left: 100%;
                background: #fff;
                border: 1px solid #e6e6e6;
                font-size: 12px;
                padding: 5px 10px;
                text-align: left;
                opacity: 0;
                border-radius: 6px;
                z-index: -1;
            }
            .qus-boxs .qus-texts:before{
                content: '';
                display: block;
                width: 15px;
                height: 1px;
                background: #fff;
                transform: rotate(-70deg);
                position: absolute;
                left: -11px;
                bottom: -2px;
            }
            .qus-boxs .qus-texts:after{
                content: '';
                display: block;
                width: 15px;
                height: 1px;
                background: #fff;
                transform: rotate(-40deg);
                position: absolute;
                left: -8px;
                bottom: -5px;
            }


</style>
@section('content')
    <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-6 pull-right">
                                <div class="input-group">
                                    <select name="status" id="status" title="" class="form-control"
                                            style="width: 150px;float: right" onchange="tips.selectPage();">
                                        <option value="">请选择项目状态</option>
                                        @foreach(\App\Http\Models\Site::STATUS_MAP as $key=>$item)
                                            @if(in_array($key,[2,3]))
                                                <option value="{{$key}}">{{$item}}</option>
                                            @endif
                                        @endforeach
                                    </select>

                                    <input type="text" placeholder="请输入域名或项目名称" class="input-md form-control"
                                           name="keyword"
                                           id="keyword" style="width: 300px;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 btn-primary" style="margin-left: 10px"
                                            name="btnReset"> 重置</button> </span>
                                </div>
                            </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();
            }
        };

        // 月流量 月询盘 月排名 月软文 项目经理 项目进度

        var config = {};
        config.url = '/admin/meter/propaganda';
        config.pageSize = 20;
        config.columns = [ //字段

            {title: '项目状态', field: 'statusTitle', align: 'center', sortable: true, width: '18px'},
            {title: '项目名称', field: 'cn_title', align: 'center'},
            {title: '域名', field: 'domain', align: 'center', width: '140px'},
            {title: '上线日期', field: 'online_date', align: 'center', width: '120px'},
            {title: '期数', field: 'renew_count', align: 'center'},
            {title: '关键词达标', field: 'keyword_goal', align: 'center'},
            {title: '项目经理', field: 'managers_title', align: 'center'},
            {
                title: '月流量', field: 'traffic', align: 'center', formatter: function (value) {
                    return value;
                }
            },
            {title: '合同软文', field: 'article_goal_text', align: 'center'},
            {title: '发布软文', field: 'articles_count_mul', align: 'center', titleTooltip: '软文总数|本月新增|未同步数'},
            // {title: '未同步', field: 'no_sync_articles_count', align: 'center'},


            {title: '合同外链', field: 'link_goal_text', align: 'center'},
            {
                title: '外链统计',
                field: 'link_details_count_mul',
                align: 'center',
                titleTooltip: '外链总数|本月新增',
                formatter: function (value, row) {
                    return '<a href="javascript:;" onclick="tips.page(\'/admin/link/sites/' + row.id + '/link-count\',\'' + row.cn_title + '\');">' + value + '</a>';
                }
            },
            {
                title: '外链地址', field: 'link_urls_count_mul', align: 'center', titleTooltip: '地址总数|本月新增'
            },

            {title: '社交队列', field: 'social_queue_count', align: 'center',titleTooltip: '队列个数|失败个数'}
            // , {
            //     title: '操作', field: 'id', align: 'center',
            //     formatter: function (value, row) {
            //
            //         var str = '<button onclick="units.openDetail(' + value + ',\'' + row.cn_title + '\')" class="btn btn-xs"><span class="glyphicon glyphicon-menu-hamburger"></span>详情</button><br>';
            //
            //         return str;
            //
            //     }
            // }
        ];
        tips.bootstrapTable(config);


    </script>
@endsection