furao
/
test


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249
							@extends('admin/layout')
@section('content')
    <style>
        .qwe-boxs {
            display: block;
            max-width: 800px;
            margin: auto;
        }

        .no-margins {
            text-align: right !important;
            font-size: 16px !important;
            line-height: 26px;
        }

        .ibox-title {
            padding: 10px 15px 7px;
            min-height: 40px;
            border-width: 1px 0px 0px;
        }

        .ibox-title h5 {
            margin: 0 !important;
            line-height: 26px;
        }

        .ibox.ons {
            margin: 0;
        }

        .xm-titles {
            display: block;
            width: 100%;
            background: #2a94e0;
            font-size: 18px;
            text-align: center;
            line-height: normal;
            padding: 10px;
            color: #fff;
        }
    </style>
    <body class="gray-bg">
    <div class="wrapper wrapper-content">

        <div class="row">
            <div class="qwe-boxs">

                <div class="col-sm-6">
                    <div>
                        <input type="text" id="monthRange" class="form-control" placeholder="请筛选月份范围">
                    </div>
                    <div class="xm-titles">
                        项目情况汇总

                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="ibox ons float-e-margins">
                                <div class="ibox-title">
                                    {{-- <span class="label label-success pull-right">当月</span> --}}
                                    <h5>销售签单</h5>
                                    <h1 class="no-margins" id="nowMonthOrder">{{$nowMonthOrder}}</h1>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12">
                            <div class="ibox ons float-e-margins">
                                <div class="ibox-title">
                                    {{-- <span class="label label-success pull-right">当月</span> --}}
                                    <h5>已下单项目</h5>
                                    <h1 class="no-margins" id="nowMonthAssign">{{$nowMonthAssign}}</h1>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12">
                            <div class="ibox ons float-e-margins">
                                <div class="ibox-title">
                                    {{-- <span class="label label-info pull-right">当月</span> --}}
                                    <h5>上线项目</h5>
                                    <h1 class="no-margins" id="nowMonthOnline">{{$nowMonthOnline}}</h1>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="ibox ons float-e-margins">
                                <div class="ibox-title">
                                    {{-- <span class="label label-primary pull-right">当月</span> --}}
                                    <h5>达标项目</h5>
                                    <h1 class="no-margins" id="nowMonthReach">{{$nowMonthReach}}</h1>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="ibox ons float-e-margins">
                                <div class="ibox-title">
                                    {{-- <span class="label label-danger pull-right">当月</span> --}}
                                    <h5>上线消耗</h5>
                                    <h1 class="no-margins" id="onlineConsume">{{$onlineConsume}}</h1>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    {{-- <span class="label label-danger pull-right">当月</span> --}}
                                    <h5>达标消耗</h5>
                                    <h1 class="no-margins" id="reachConsume">{{$reachConsume}}</h1>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="xm-titles" style="margin-top: -50px">
                        2020 续费情况
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="ibox ons float-e-margins">
                                <div class="ibox-title">
                                    {{-- <span class="label label-success pull-right">{{date('Y')}}年</span> --}}
                                    <h5>续费项目</h5>
                                    <h1 class="no-margins">{{$yearRenewal}} | {{$yearExpired+$yearRenewal}}</h1>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="ibox ons float-e-margins">
                                <div class="ibox-title">
                                    {{-- <span class="label label-info pull-right">{{date('Y')}}年</span> --}}
                                    <h5>续费率</h5>
                                    <h1 class="no-margins">{{$renewalConsume}}</h1>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="xm-titles">
                        消耗趋势-最近3个月
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="ibox ons float-e-margins">
                                <div class="ibox-title">
                                    {{-- <span class="label label-primary pull-right">最近3个月</span> --}}
                                    <h5>上线消耗</h5>
                                    <h1 class="no-margins">{{$totalOnlineConsume}} <span
                                            style="margin-left: 10px">{{implode(' | ',$threeHistoryOnline)}}</span></h1>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="ibox ons float-e-margins">
                                <div class="ibox-title">
                                    {{-- <span class="label label-danger pull-right">最近3个月</span> --}}
                                    <h5>达标消耗</h5>
                                    <h1 class="no-margins">{{$totalReachConsume}} <span
                                            style="margin-left: 10px">{{implode(' | ',$threeHistoryReach)}}</span></h1>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="col-sm-6">
                    <div class="xm-titles">
                        项目情况汇总
                    </div>
                    <div class="row">

                        <div class="col-sm-12">


                            <div class="ibox ons float-e-margins">
                                <div class="ibox-title">
                                    {{-- <span class="label label-success pull-right">总</span> --}}
                                    <h5>项目总数</h5>
                                    <h1 class="no-margins">{{$totalSite}}</h1>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12">


                            <div class="ibox ons float-e-margins">
                                <div class="ibox-title">
                                    {{-- <span class="label label-success pull-right">总</span> --}}
                                    <h5>未下单</h5>
                                    <h1 class="no-margins">{{$noOrderCount}}</h1>
                                </div>
                            </div>
                        </div>

                        @foreach($statusResult as $item)
                            <div class="col-sm-12">
                                <div class="ibox ons float-e-margins">
                                    <div class="ibox-title">
                                        {{-- <span class="label label-info pull-right">总</span> --}}
                                        <h5>{{$item['title']}}</h5>
                                        <h1 class="no-margins">{{$item['count']}}</h1>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
    </body>

@endsection

@section('footer')
    <script src="{{asset('js/plugins/layDate-v5.0.9/laydate/laydate.js')}}"></script>
    <script>

        laydate.render({
            elem: '#monthRange'
            , type: 'month'
            // , format: 'yyyy-MM'
            , range: true
            , done: function (value, date, endDate) {

                console.log(value.split(" - "));
                console.log(value); //得到日期生成的值，如：2017-08-18
                console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
                console.log(endDate); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
                // $("#monthRange").text(value);
                tips.ajax({
                    url: "/admin/analyze/index/overview-ajax?monthRange="+value,
                    success: function (res) {
                        var dataRes =res.data;
                        console.log(dataRes);
                        $("#nowMonthOrder").text(dataRes.nowMonthOrder);
                        $("#nowMonthAssign").text(dataRes.nowMonthAssign);
                        $("#nowMonthOnline").text(dataRes.nowMonthOnline);
                        $("#nowMonthReach").text(dataRes.nowMonthReach);
                        $("#onlineConsume").text(dataRes.onlineConsume);
                        $("#reachConsume").text(dataRes.reachConsume);
                    }
                })
            }
        });
    </script>
@endsection