furao
/
test


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
							@extends('admin/layout')
@section('content')

    <style>
        .btn-danger, .btn-primary, .btn-info {
            background: #009688 !important;
            border-color: #009688 !important;
        }

        .table-striped > tbody > tr:nth-of-type(odd) {
            background: #f8f8f8 !important;
        }

        .table-striped > tbody > tr .btn {
            background: none !important;
        }

        .table-striped > tbody > tr td {
            font-size: 14px !important;
        }

        .table-striped > tbody > tr:hover {
            background: #ffebd8 !important;
        }

        .table-striped > tbody > tr:hover .btn {
            background: #009688 !important;
            color: #fff !important;
        }

        .table-striped > tbody > tr:hover .btn .glyphicon {
            color: #fff !important;
        }

    </style>
    <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="form-group">
                                <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>
                            -
                            <div class="form-group">
                                <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>
                            <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">
                                <label class="form-control">结算总金额</label>
                                <label class="form-control" id="totalAmount"></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.pageSize = 50;
        config.url = '/admin/articles/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: 'translate_words', align: 'center'},
            {title: '结算金额', field: 'amount', align: 'center'},
            {title: '审核时间', field: 'audit_at', align: 'center'}
        ];
        config.onLoadSuccess = function (data) {
            $("#totalAmount").text(data.totalAmount);
        };
        tips.bootstrapTable(config);

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