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

<style type="text/css">
    .pagination{
        margin:0 !important;
    }
</style>

<div class="tabs-container">
<div class="tab-content">
    <div id="tab-1" class="tab-pane active">
        <div class="panel-body">
            <div class="row">
                {!! Form::open( [ 'route' => ['admin.course.message.index'], 'method' => 'get', 'id' => 'ordersurch-form','class'=>'form-horizontal'] ) !!}
                <div class="col-md-2">
                    <a href="{{ route('admin.course.message.create') }}" method="POST" class="btn btn-primary margin-bottom" no-pjax>添加公告</a>
                </div>
                <div class="col-md-4 pull-right" >
                    <div class="input-group">
                        <input type="text" name="search" value="{{!empty(request('search'))?request('search'):''}}" placeholder="公告标题" class=" form-control">
                        <span class="input-group-btn">
                                <button type="submit" class="btn btn-primary">查找</button></span></div>
                </div>
                {!! Form::close() !!}
            </div>
            <div class="hr-line-dashed"></div>

            <div class="box-body table-responsive">
                <table class="table table-hover table-bordered" id="list_table">
                    <thead>
                    <tr>
                        <th>公告标题</th>
                        <th>是否启用</th>
                        <th>发布时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    @if(count($message)>0)
                    <tbody>
                    @foreach($message as $value)
                        <tr id="{{ $value->id }}">
                            <td>
                                {{ $value->title }}
                            </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>
                                {{ $value->created_at }}
                            </td>
                            <td>
                                <a href="{{ route('admin.course.message.edit',['id' => $value->id]) }}" class="btn btn-xs btn-primary">
                                    <i class="fa fa-pencil" data-toggle="tooltip" data-placement="top" title="编辑"></i>
                                </a>
                                <button onclick="checkCategory({{$value->id}})" class="btn btn-xs btn-danger">
                                    <i class="fa fa-trash" data-toggle="tooltip" data-placement="top" title="删除"></i>
                                </button>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                    <tfoot>
                    <tr>
                        <td colspan="10" class="footable-visible">
                            <div class="pull-left">
                                &nbsp;&nbsp;共&nbsp;{!! $message->total() !!} 条记录
                            </div>

                            <div class="pull-right" id='ajaxpag'>
                                {!! $message->appends(request()->except('page'))->render() !!}
                            </div>
                        </td>
                    </tr>
                    </tfoot>
                    @else
                        <tfoot>
                        <tr>
                            <td colspan="10" class="footable-visible">
                                当前无数据
                            </td>
                        </tr>
                        </tfoot>
                    @endif
                </table>


            </div>
        </div>
    </div>

</div>
</div>

<div id="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.message.check') }}", {
                'id': id,
                _token: _token
            }, function (data) {
                if (data.status) {
                    deleteCategory(id);
                } else {
                    swal('注意','该店铺正在使用不能删除','warning');

                }
            });
        }

        function deleteCategory(id) {
            $.post("{{ route('admin.course.message.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.message.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);
                        } else {
                            that.children().removeClass('fa-toggle-on');
                            that.children().addClass('fa-toggle-off');
                            that.attr('status',0);
                        }
                    }
                });
        });
    </script>