furao
/
test


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
							@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-content">
                        <form class="form-inline" id="searchForm" onsubmit="units.search();return false;">

                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control lay-datetime" id="start_at" name="start_at">
                            </div>
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control lay-datetime" id="end_at" name="end_at">
                            </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>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group pull-right" style="padding-left: 20px">
                                <label class="form-control">结算总金额</label>
                                <label class="form-control" id="totalAmount"></label>
                            </div>
                            <div class="form-group pull-right">
                                <label class="form-control">结算总外链</label>
                                <label class="form-control" id="totalLinkNum"></label>
                            </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();
            }
        };
        var config = {};
        config.url = '/admin/link/calc-history';
        config.columns = [ //字段
            {
                title: '序号', align: 'center', formatter: function (value, item, index) {
                    return index + 1;
                }
            },
            {title: '兼职人员', field: 'username', align: 'center'},
            {title: '外链', field: 'title', align: 'center'},
            {title: '结算金额', field: 'amount', align: 'center'},
            {title: '结算外链数', field: 'url_num', align: 'center'},
            {title: '结算时间', field: 'settle_at', align: 'center'}
        ];
        config.onLoadSuccess = function (data) {
            $("#totalLinkNum").text(data.totalLinkNum);
            $("#totalAmount").text(data.totalAmount);
        };
        tips.bootstrapTable(config);

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