course-server/modules/Custom.Course.Backend/resources/views/advertising/index.blade.php

<style type="text/css">
    .coupon-tips {
        font-size: 12px;
        color: #a7b1c2;
    }

    .pagination {
        margin: 0 !important;
    }
</style>

<div class="tabs-container">
    <ul class="nav nav-tabs">
        <li class="{{ Active::query('status','ALL') }}"><a
                    href="{{route('admin.course.advertising.index',['status'=>'ALL','search'=>!empty(request('search'))?request('search'):'','site'=>!empty(request('site'))?request('site'):''])}}">全部
            </a>
        </li>
        <li class="{{ Active::query('status','WAIT_SHOW') }}"><a
                    href="{{route('admin.course.advertising.index',['status'=>'WAIT_SHOW','search'=>!empty(request('search'))?request('search'):'','site'=>!empty(request('site'))?request('site'):''])}}">待展示
            </a>
        </li>
        <li class="{{ Active::query('status','SHOWING') }}"><a
                    href="{{route('admin.course.advertising.index',['status'=>'SHOWING','search'=>!empty(request('search'))?request('search'):'','site'=>!empty(request('site'))?request('site'):''])}}">展示中
            </a>
        </li>
        <li class="{{ Active::query('status','END_SHOW') }}"><a
                    href="{{route('admin.course.advertising.index',['status'=>'END_SHOW','search'=>!empty(request('search'))?request('search'):'','site'=>!empty(request('site'))?request('site'):''])}}">已展示
            </a>
        </li>
    </ul>

    <div class="tab-content">
        <div id="tab-1" class="tab-pane active">
            <div class="panel-body">
                <form action="" method="get" class="form-horizontal">
                    <div class="row">
                        <div class="col-md-6">
                            <a href="{{ route('admin.course.advertising.create') }}" method="POST"
                               class="btn btn-primary margin-bottom" no-pjax>添加广告</a>
                        </div>

                        <div class="col-md-3">
                            <select class="form-control" name="site">
                                <option value="">请选择广告展示位置</option>
                                @foreach($sites as $key=> $value)
                                    <option @if(request('site') == $key) selected
                                            @endif value="{{$key}}">{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <div class="input-group search_text">
                                    <input type="hidden" value="{{request('status')}}" name="status">
                                    <input type="text" name="search" placeholder="广告名称"
                                           value="{{!empty(request('search'))?request('search'):''}}"
                                           class=" form-control">
                                    <span class="input-group-btn"><button type="submit"
                                                                          class="btn btn-primary">查找</button></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="hr-line-dashed clearfix"></div>

                <div class="box-body table-responsive">
                    <table class="table table-hover table-bordered">

                        <thead>
                        <tr>
                            <th>排序</th>
                            <th>广告标题</th>
                            <th>广告图片</th>
                            <th>广告位置</th>
                            <th>点击效果</th>
                            <th>展示周期</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        @if(count($advertisings)>0)
                            <tbody>
                            @foreach($advertisings as $value)
                                <tr id="{{ $value->id }}" parent="{{ $value->parent_id }}">
                                    <td><input style="width: 45px" id="s{{ $value->id }}" value="{{ $value->sort }}"
                                               class="form-control" type="text" size="2"
                                               onblur="toSort( {{ $value->id }} );"></td>
                                    <td>
                                        {{ $value->name }}
                                    </td>
                                    <td>
                                        <img src="{{env('APP_URL').'/storage/'.$value->resource}}"
                                             style="width:240px;height:50px"/>
                                    </td>
                                    <td>
                                        {{ $value->site }}
                                    </td>
                                    <td>
                                        {{ $value->click }}
                                    </td>
                                    <td>
                                        {{ $value->start_time }} 至 {{$value->end_time}}
                                    </td>
                                    <td><a class="status" cid="{{$value->id}}" status="{{$value->status}}">
                                            <i class="fa @if($value->status==1) fa-toggle-on @else fa-toggle-off @endif"></i></a>
                                    </td>
                                    <td>
                                        <a href="{{ route('admin.course.advertising.edit',['id' => $value->id]) }}"
                                           class="btn btn-xs btn-primary">
                                            <i class="fa fa-pencil" data-toggle="tooltip" data-placement="top"
                                               title="编辑"></i>
                                        </a>
                                        <a onclick="checkCategory({{$value->id}})" class="btn btn-xs btn-danger">
                                            <i class="fa fa-trash" data-toggle="tooltip" data-placement="top"
                                               title="删除"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="10">
                                    <div class="pull-left">
                                        &nbsp;&nbsp;共&nbsp;{!! $advertisings->total() !!} 条记录
                                    </div>

                                    <div class="pull-right">
                                        {!! $advertisings->appends(request()->except('page'))->render() !!}
                                    </div>
                                </td>
                            </tr>
                            </tfoot>
                        @else
                            <tfoot>
                            <tr>
                                <td colspan="10">
                                    当前无数据
                                </td>
                            </tr>
                            </tfoot>
                        @endif
                    </table>
                </div><!-- /.box-body -->
            </div>
        </div>
    </div>
</div>
<div id="modal" class="modal inmodal fade"></div>
<div id="download_modal" class="modal inmodal fade"></div>

<script language="javascript">
    //折叠展示
    function displayData(_self) {
        if (_self.alt == "关闭") {
            jqshow($(_self).parent().parent().attr('id'), 'hide');
            $(_self).attr("src", "{!! url('assets/backend/images/open.gif') !!}");
            _self.alt = '打开';
        } else {
            jqshow($(_self).parent().parent().attr('id'), 'show');
            $(_self).attr("src", "{!! url('assets/backend/images/close.gif') !!}");
            _self.alt = '关闭';
        }
    }

    function jqshow(id, isshow) {
        var obj = $("#list_table tr[parent='" + id + "']");
        if (obj.length > 0) {
            obj.each(function (i) {
                jqshow($(this).attr('id'), isshow);
            });
            if (isshow == 'hide') {
                obj.hide();
            } else {
                obj.show();
            }
        }
    }

    //排序
    function toSort(id) {
        if (id != '') {
            var va = $('#s' + id).val();
            var part = /^\d+$/i;
            if (va != '' && va != undefined && part.test(va)) {
                $.get("{{ route('admin.course.advertising.advertising_sort') }}", {
                    'id': id,
                    'sort': va,
                    _token: _token
                }, function (data) {
                    if (data.status) {
                        swal({
                            title: "修改分类排序成功！",
                            text: "",
                            type: "success"
                        }, function () {
                            location.reload();
                        });
                    } else {
                        swal("修改分类排序失败!", "", "error");
                    }
                });
            }
        }
    }

    function checkCategory(id) {
        $.get("{{ route('admin.course.advertising.check') }}", {
            'id': id,
            _token: _token
        }, function (data) {
            if (data.status) {
                deleteCategory(id);
            } else {
                swal('注意', '该广告位信息有误', 'warning');
            }
        });
    }

    function deleteCategory(id) {
        $.post("{{ route('admin.course.advertising.delete') }}", {
            'id': id,
            _token: _token
        }, function (data) {
            if (data.status) {
                swal({
                    title: "删除成功！",
                    text: "",
                    type: "success"
                }, function () {
                    location.reload();
                });
            } else {
                swal("删除失败!", "该广告位信息有误", "error");
            }
        });
    }

    $('.status').on('click', function () {
        var value = $(this).attr('status');
        var modelId = $(this).attr('cid');
        value = parseInt(value);
        modelId = parseInt(modelId);
        if (value == 1) {
            value = 0;
        } else {
            value = 1;
        }
        var that = $(this);
        $.post("{{route('admin.course.advertising.status')}}",
            {
                status: value,
                modelId: modelId
            },
            function (data, status) {
                console.log(data, status);
                if (status) {
                    if (1 == value) {
                        that.children().removeClass('fa-toggle-off');
                        that.children().addClass('fa-toggle-on');
                        that.attr('status', 1);
                        // that.html('是');
                    } else {
                        that.children().removeClass('fa-toggle-on');
                        that.children().addClass('fa-toggle-off');
                        that.attr('status', 0);
                        // that.html('否');
                    }
                }
            });
    });
</script>