bab-icon/resources/views/admins/notices/index.blade.php

@extends('layouts.admin.app')
@section('plug-css')
    <link href="{{ asset('js/bootstrap-table/dist/bootstrap-table.css') }}" rel="stylesheet">
    <link href="https://jqueryvalidation.org/files/demo/site-demos.css" rel="stylesheet">
@endsection
@section('crumbs')
    <ol class="breadcrumb crumbs">
        <li><a href="{{ route('admin.index') }}#">后台导航</a></li>
        <li class="active">公告列表</li>
    </ol>
@endsection


@section('content')
    <form id="searchForm" class="form-inline">
        <div class="">
            <div class="form-group">
                <label for="value" class="label-css"> 标题：</label>
                <input class="form-control" type="text" name="title">
            </div>

            &ensp;&ensp;
            <button type="button" class="btn btn-primary">查询</button>
        </div>
    </form>
    <hr class="hr-css">
    <div>
        <div id="toolbar">
            <div class="columns columns-left btn-group pull-left">
                <a class="createForm" data-url="{{ route('admin.notice.store') }}" data-title="create" data-area-width="100%" data-area-height="100%">
                    <button class="btn btn-default" type="button">
                        <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>&ensp;新增公告
                    </button>
                </a>

            </div>
        </div>
        <table id="ContentTable"></table>
    </div>
@endsection

@section('plug-js')
    <script src="{{ asset('js/Ueditor/ueditor.config.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/Ueditor/ueditor.all.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/bootstrap-table/dist/bootstrap-table.js') }}"></script>
    <script src="{{ asset('js/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js') }}"></script>
    <script src="{{ asset('js/jquery-validation1.16/dist/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('js/jquery-validation1.16/dist/additional-methods.min.js') }}"></script>
    <script src="{{ asset('js/jquery-validation1.16/src/localization/messages_zh.js') }}"></script>
@endsection

@section('scripts')
    <script>
        $(function(){
            BootStrapInit.init('tableNotice','ContentTable',{
                searchForm: 'searchForm',   // 表单搜索id 省略默认 'searchForm'
                url: "{{ route('admin.notice.ajax.index') }}",
                method: 'post',
                toolbar: '#toolbar',
                idField: '',        // 指定主键列
                uniqueId: "id",     // 这里需要指定当前查询表唯一主键字段
                columns: [
                    {
                        checkbox: true,
                        align: 'center',
                        valign: 'middle'
                    },
                    {
                        field: 'title',
                        title: '标题',
                        align: 'center',
                        valign: 'middle'
                    },

                    {
                        field: 'show',
                        title: '显示',
                        align: 'center',
                        valign: 'middle',
                        formatter:yesOrNo,
                        bool_data:{
                            'class' : 'cursor',
//                            'url'   : 'javascript:;',
                            'table' : 'notices'
//                            'pk' : 'id'   // 主键名称不写默认id主键
                        }
                    },
                    {
                        field: 'new',
                        title: '最新',
                        align: 'center',
                        valign: 'middle',
                        formatter:yesOrNo,
                        bool_data:{
                            'class' : 'cursor',
//                            'url'   : 'javascript:;',
                            'table' : 'notices'
//                            'pk' : 'id'   // 主键名称不写默认id主键
                        }
                    },
                    {
                        field: 'sort',
                        title: '排序',
                        align: 'center',
                        valign: 'middle',
                        formatter:inputData,
                        input_data: {
//                        'class' : 'cursor',     // 当前样式
//                        'url'   : 'javascript', // url存在 及请求指定地址修改数据
                            'table' : 'notices'   // url为空时采用,
//                        'pk'    : 'id'          // 默认修改主键名称 不写 默认id为主键
                        }
                    },
                    {
                        field: 'created_at',
                        title: '创建时间',
                        align: 'center',
                        valign: 'middle'
                    },
                    {
                        pkId: 'id',         // 当前主键id 兼容排序 field='id' 默认值id
                        title: '操作',
                        align: 'center',
                        valign: 'middle',
                        width: '320px',
                        formatter:operateFormatter,
                        btn_group:[
                            {{--{--}}
                            {{--    'name' : '复制链接',--}}
                            {{--    'class' : 'btn-info copyNoticeLink',--}}
                            {{--    'url'   : 'javascript:;',--}}
                            {{--    'confirm_url': '{{ url('n', ['id'=>'-val-']) }}'--}}
                            {{--},--}}
                            {
                                'name'  : '编辑',
                                'class' : 'btn-primary createForm',
                                'url'   : 'javascript:;',
                                'areaWidth' : '100%',
                                'areaHeight' : '100%',
                                'confirm_url': '{{ route('admin.notice.edit', ['id'=>'-val-'])}}'
                            },
                            {
                                'name'  : '删除',
                                'class' : 'btn-danger deleteBtn', // class标签 deleteBtn删除 layer弹出框
                                'url'   : 'javascript:;',
                                'confirm_url': '{{ route('admin.notice.destroy', ['id'=>'-val-'])}}'   // 选择按钮
                            }
                        ]
                    }
                ]
            });
        });
    </script>
@endsection