jucai/public/themes/default/views/statistics/app/index.blade.php

@extends('statistics.module.layouts.content')

@push('meta')

@endpush

@push('css')

@endpush

@push('js')
    <script src="{{ theme_asset('app/js/echarts.common.min.js') }}"></script>

@endpush

@section('content')
    <div class="wide container">
        @include('statistics.module.section.left_menu')
        <div class="cq_rt index_right">
            <div class="define_module">
            </div>
            <div class="index_summary">
                <div class="index_summary_list">
                    <div class="company_member_num cq_lf" style="width: 49%">
                        <div class="summary_title">本周活跃企业数</div>
                        <div class="summary_num">{{$week_companies}}</div>
                        <div class="summary_yesterday_num">本月累计数：{{$month_companies}}</div>
                        <div class="summary_lastweek_num">较上周：<i class="summary_icon @if($company_flag == -1) down @elseif($company_flag==0) balance @else up @endif"></i>{{$company_gap}}</div>
                    </div>
                    <div class="personal_member_num cq_rt" style="width: 49%">
                        <div class="summary_title">本周活跃个人数</div>
                        <div class="summary_num">{{$week_persons}}</div>
                        <div class="summary_yesterday_num">本月累计数：{{$month_persons}}</div>
                        <div class="summary_lastweek_num">较上周：<i class="summary_icon down"></i>{{$person_gap}}</div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="index_summary_two">
                <div class="box-cell line">
                    <div class="line-one" style="padding-top:15px;">
                        当前有效岗位数<span>{{$job_num}}</span>
                    </div>
                    {{--<div class="line-two">
                        <i class="summary_icon {{$more_flag}}"></i><span>{{$more_job_rate}}%</span>相比上月数据量
                    </div>--}}
                </div>
                <div class="box-cell line">
                    <div class="line-one" style="padding-top:15px;">
                        当前有效简历数<span>{{$resume_num}}</span>
                    </div>
                    {{--<div class="line-two">
                        <i class="summary_icon {{$more_resume_flag}}"></i><span>{{$more_resume_rate}}%</span>相比上月数据量
                    </div>--}}
                </div>
                <div class="box-cell">
                    <div class="line-one" style="padding-top: 13px;">现场招聘会数据</div>
                    <div class="line-two">
                        已举办场次：<span class="font-blue">{{$jobfair_bum}}</span>
                        累计进场人数：<span class="font-blue">{{$jobfair_visitor_num}}</span>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="index-char">
                <div class="char-title">
                    近30天供求趋势
                </div>
                <div id="trend" style="width: 905px;height: 315px;"></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>

@endsection


@section('script')
    <script type="text/javascript">
        var colors = ['#f9629a','#2da1f9','#0063ed','#ff9b19'];

        var date_arr = [];
        var job_nums = [];
        var resume_nums = [];
        var down_resume_nums = [];
        var apply_nums = [];
        @foreach($date_arr as $k=>$v)
            date_arr.push("{{$v}}".substr(5));
            down_resume_nums.push("{{$down_resume_nums[$v]}}");
            apply_nums.push("{{$apply_nums[$v]}}");
            job_nums.push("{{$job_nums[$v]}}");
            resume_nums.push("{{$resume_nums[$v]}}");
        @endforeach
        option = {
            color:colors,
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data: ['职位发布', '简历发布','下载简历','投递职位'],
                align: 'right',
                top:10,
                right: 20,
                itemWidth:18,
                itemHeight:6
            },
            grid: {
                left: '8',
                right: '20',
                bottom: '18',
                containLabel: true
            },
            xAxis: [{
                type: 'category',
                boundaryGap:true,
                axisTick:{
                    alignWithLabel:true
                },
                axisLabel:{
                    interval: 0, //坐标轴刻度标签的显示间隔 , 0 强制显示所有标签。
                    rotate:-45,  //刻度标签旋转的角度
                    margin:15,
                    textStyle: {
                        color: '#333333',
                        fontSize:10
                    }
                },
                data: date_arr
            }],
            yAxis: [{
                type: 'value',
                name: '',
                axisLabel: {
                    formatter: '{value}'
                }
            }],
            series: [{
                name: '职位发布',
                type: 'bar',
                barMaxWidth: '40',
                barGap: 0,
                data: job_nums
            }, {
                name: '简历发布',
                type: 'bar',
                barMaxWidth: '40',
                data: resume_nums
            }, {
                name: '下载简历',
                type: 'line',
                smooth:true,
                symbolSize: 6,//拐点大小
                data: down_resume_nums
            },
                {
                    name: '投递职位',
                    type: 'line',
                    smooth:true,
                    symbolSize: 6,//拐点大小
                    data: apply_nums
                }]
        };
        var myChart = echarts.init(document.getElementById('trend'));
        myChart.setOption(option);
    </script>
@endsection