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

@extends('layouts.admin.app')
@section('plug-css')
    <link href="{{ asset('js/bootstrap-table/dist/bootstrap-table.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="name" class="label-css"> 会员电话：</label>
                <input class="form-control" type="text" name="phone">
            </div>
            <div class="form-group">
                <label for="name" class="label-css"> 会员昵称：</label>
                <input class="form-control" type="text" name="nickname">
            </div>
            <div class="form-group">
                <label for="level_id" class="label-css"> 资金类型：</label>
                <select class="form-control" name="d.type" style="margin-top: -8px;">
                    <option value="">全部</option>
                    @foreach($type as $key=>$name)
                        <option value="{{$key}}">{{$name}}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label for="level_id" class="label-css"> 流水类型：</label>
                <select class="form-control" name="d.status" style="margin-top: -8px;">
                    <option value="">全部</option>
                    @foreach($status as $key=>$name)
                        <option value="{{$key}}">{{$name}}</option>
                    @endforeach
                </select>
            </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">

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

@section('plug-js')
    <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('tableMoneyDetail','ContentTable',{
                searchForm: 'searchForm',   // 表单搜索id 省略默认 'searchForm'
                url: "{{ route('admin.moneyDetail.ajax.index') }}",
                method: 'post',
                toolbar: '#toolbar',
                idField: '',        // 指定主键列
                uniqueId: "id",     // 这里需要指定当前查询表唯一主键字段
                columns: [
                    {
                        checkbox: true,
                        align: 'center',
                        valign: 'middle'
                    },
                    {
                        field: 'id',
                        title: 'ID',
                        align: 'center',
                        valign: 'middle',
                    },
                    {
                        field: 'nickname',
                        title: '会员昵称',
                        align: 'center',
                        valign: 'middle',
                    },
                    {
                        field: 'phone',
                        title: '会员电话',
                        align: 'center',
                        valign: 'middle',
                    },
                    {
                        field: 'type',
                        title: '资金类型',
                        align: 'center',
                        valign: 'middle',
                    },
                    {
                        field: 'status',
                        title: '变动类型',
                        align: 'center',
                        valign: 'middle',
                    },
                    {
                        field: 'add_reduce',
                        title: '变动方式',
                        align: 'center',
                        valign: 'middle',
                    },
                    {
                        field: 'price',
                        title: '变动金额',
                        align: 'center',
                        valign: 'middle',
                    },
                    {
                        field: 'remainder',
                        title: '结余',
                        align: 'center',
                        valign: 'middle',
                    },
                    {
                        field: 'created_at',
                        title: '创建时间',
                        align: 'center',
                        valign: 'middle',
                    },
                    {
                        field: 'updated_at',
                        title: '更新时间',
                        align: 'center',
                        valign: 'middle',
                    }

                ]
            });
        });
    </script>
@endsection