furao
/
test


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
							@extends('admin/layout')
@section('content')
    <body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title"></div>
                    <div class="ibox-content">
                        <form class="form-inline" id="searchForm" onsubmit="units.search();return false;">
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                    <input type="text" title="开始时间" class="form-control lay-datetime" id="start_at"
                                           name="start_at">
                                </div>
                            </div>
                            -
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                    <input type="text" title="结束时间" class="form-control lay-datetime" id="end_at"
                                           name="end_at">
                                </div>
                            </div>
                            <div class="form-group" style="margin-top: 5px;">
                                <div class="input-group">
                                    {{--<input type="text" placeholder="请输入关键词" class="input-md form-control" name="keyword"--}}
                                    {{--id="keyword">--}}
                                    <span class="input-group-btn">
                                        <button type="button" class="btn btn-md btn-primary"
                                                onclick="units.search()"> 搜索</button>
                                        <button type="reset" class="btn btn-md btn-primary" style="margin-left: 10px"
                                                name="resetBtn"> 重置</button>
                                       <button type="button" class="btn btn-md btn-warning" style="margin-left: 10px"
                                               onclick="units.settle()">结算</button>
                                    </span>
                                </div>
                            </div>
                        </form>
                        <hr>

                        <div class="table-responsive">

                            <table id="table" class="table table-condensed" data-mobile-responsive="true"></table>

                        </div>

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

        </div>
    </div>
    </body>
@endsection
@section('footer')
    <script src="{{asset('js/plugins/layDate-v5.0.9/laydate/laydate.js')}}"></script>
    <script>

        var units = {
            search: function () {
                tips.selectPage();
            },
            getIdsBySelections: function () {
                var selections = $("#table").bootstrapTable('getSelections');
                var ids = [];
                $.each(selections, function (inx, val) {
                    ids = ids.concat(val.ids);
                });
                return ids;
            },
            detail: function (idsStr) {
                var ids = idsStr.split(',');
                var ladingBillIds = '';
                $.each(ids, function (inx, val) {
                    ladingBillIds += '&ladingBillIds[]=' + val;
                });
                layer.open({
                    type: 2,
                    content: ['/admin/finances/detail?isSettle=0' + ladingBillIds],
                    area: ['80%', '80%'],
                    title: '详情'
                });
            },
            settle: function () {
                var ids = units.getIdsBySelections();

                if (ids.length === 0) {
                    layer.alert('请先选择您所要操作的对象', {icon: 0});
                    return;
                }
                layer.confirm('您确定要进行结算吗?', {icon: 3, title: '删除信息'}, function () {
                    tips.ajax({url: '/admin/finances/settle', type: 'put', data: {ids: ids}});
                    tips.tableRefresh('#table');
                });
            },
            test: function (t) {
                console.log('test');
                console.log(t);
            }
        };


        units.test('["1", "2"]');
        var config = {};
        config.url = '/admin/finances';
        config.columns = [ //字段
            {checkbox: true},
            {
                title: '序号', align: 'center', formatter: function (value, item, index) {
                    return index + 1;
                }
            },
            {title: '用户姓名', field: 'username', align: 'center'},
            {title: '结算金额', field: 'settle_amount', align: 'center'},

            {
                visible: false, field: 'ids'
            },
            {
                title: '操作', field: '_', align: 'center',
                formatter: function (value, row) {
                    var idsStr = row.ids.join(',');
                    return (
                        '<button onclick="units.detail(\'' + idsStr + '\')" class="btn btn-xs"><span class="glyphicon glyphicon-edit"></span>查看</button>&nbsp;'
                    );
                }
            }
        ];
        tips.bootstrapTable(config);


        laydate.render({
            elem: '#start_at', //指定元素
            type: 'datetime'
        });
        laydate.render({
            elem: '#end_at', //指定元素
            type: 'datetime'
        });
    </script>
@endsection