jucai/public/themes/default/views/mobile/app/jobfair/index.blade.php

@extends('mobile.module.layouts.main')

@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" href="{{theme_asset('mobile/css/jobfair.css')}}">
    <style>
        .drop_content{padding-bottom: 1rem;}
    </style>
@endpush

@push('js')
    <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
@endpush
@section('content')
    <div class="jobfair-top">
        <div class="title font20 substring">{{ $firstJobfair->title }}</div>
        <div class="date font16">{{ date('Y.m.d H:i', $firstJobfair->holddate_start) }} - {{ date('Y.m.d H:i', $firstJobfair->holddate_end) }}</div>
        <div class="btns">
            <div class="btn info" onclick="javascript:location.href='{{ route('mobile.jobfair.detail',['id'=>$firstJobfair->id]) }}'">查看详情</div>
            <div class="btn com J_to_comlist" data-num="" onclick="javascript:location.href='{{ route('mobile.company.list',['id'=>$firstJobfair->id]) }}'">参会企业</div>
            <div class="clear"></div>
        </div>
        <div class="district substring">{{ $firstJobfair->address }}</div>
    </div>
    <div class="list-split-block"></div>

    <div class="drop_content">
        <div class="add_data">
            @foreach($allJobfair as $key => $val)
                <div class="jobfair-list-item" onclick="javascript:location.href='{{ route('mobile.jobfair.detail',['id'=>$val->id]) }}'">
                    <div class="title font16 substring">{{ $val->title }}</div>
                    <div class="pic date">{{ date('Y.m.d H:i', $val->holddate_start) }} - {{ date('Y.m.d H:i', $val->holddate_end) }}</div>
                    <div class="pic district substring">{{ $val->address }}</div>
                    @if($val->predetermined_ok == 0)
                        <div class="status"></div>
                        @else
                        <div class="start"></div>
                    @endif
                </div>
                <div class="list-split-block"></div>
            @endforeach
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        // 页数
        var page = 0;
        // dropload
        $('.drop_content').dropload({
            scrollArea : window,
            domDown:{
                domClass : 'dropload-down',
                domRefresh:'<div class="dropload-refresh">↑上拉加载更多</div>',
                domLoad : '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
                domNoData : '<div class="dropload-noData">已加载全部</div>'
            },
            loadDownFn : function(me){
                page++;
                $.ajax({
                    type: 'GET',
                    url: '{{ route('mobile.jobfair.index')}}?page='+page,
                    dataType: 'json',
                    success: function(result){
                        if (result.status ==1) {
                            $('.add_data').append(result.data);
                        } else {
                            // 锁定
                            me.lock();
                            // 无数据
                            me.noData();
                        }
                        me.resetload();
                    },
                    error: function(xhr, type){
                        // 即使加载出错，也得重置
                        me.resetload();
                    }
                });
            },
            threshold : 50
        });
    </script>
@endsection