{% load i18n %}


{% block subtitle %}
    <ol class="breadcrumb">
        <li>{% trans '积分变化明细' %}</li>
        <li>{% trans '积分' %}</li>
</ol>
{% endblock %}


{#    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">#}
{#    <link type="text/css" rel="stylesheet"#}
{#          href="https://davis.china315net.com/static/assets/vendors/datatables.net-bs/css/dataTables.bootstrap.min.css">#}
{#    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>#}
{#    <script src="//cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>#}

    <script type="text/javascript">
    $(document).ready(function(){

        var table=$('#tb-dlgs').DataTable({
            dom: 'Bfrtip',
            autoWidth: false,
            buttons: [{extend:'excelHtml5',text:'导出到Excel'}],
            language:lng,
            data:{{data|safe}}
        });

        table.columns().every( function () {
            var that = this;
            $('input', this.footer() ).on( 'keyup change clear', function () {
                if ( that.search() !== this.value ) {
                    that.search( this.value ).draw();
                }
            });
        });

        /*
        $('#tb-dlg').on("click","td a",function(){
           $("#bg-modal").modal('hide');
           $.RefreshContent($(this).attr('href'));
            return false;
        });
        */
    });

     var lng = {
        "sProcessing": "处理中...",
        "sLengthMenu": "显示 _MENU_ 项结果",
        "sZeroRecords": "没有匹配结果",
        "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
        "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
        "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
        "sInfoPostFix": "",
        "sSearch": "搜索:",
        "sUrl": "",
        "sEmptyTable": "表中数据为空",
        "sLoadingRecords": "载入中...",
        "sInfoThousands": ",",
        "oPaginate": {
            "sFirst": "首页",
            "sPrevious": "上页",
            "sNext": "下页",
            "sLast": "末页"
        },
        "oAria": {
            "sSortAscending": ": 以升序排列此列",
            "sSortDescending": ": 以降序排列此列"
        }
    }

</script>


<div id="inventory-list" class="table-responsive">
<div class='x_panel'>
    <table id="tb-dlgs" class="table table-striped table-bordered dt-responsive" width="100%">
        <thead>
            <tr>
                <th  style='width:12%'>{% trans "收货公司" %}</th>
                <th  style='width:8%'>{% trans "收货获得积分" %}</th>
                <th  style='width:20%'>{% trans "顶级发货信息" %}</th>
                <th  style='width:8%'>{% trans "更新时间" %}</th>
                <th  style='width:8%'>{% trans "操作人" %}</th>
            </tr>
        </thead>
        <tfoot>
                <th><input type="text" placeholder="{% trans "收货公司" %}"></th>
                <th><input type="text" placeholder="{% trans "收货获得积分" %}"></th>
                <th><input type="text" placeholder="{% trans "顶级发货信息" %}"></th>
                <th><input type="text" placeholder="{% trans "更新时间" %}"></th>
                <th><input type="text" placeholder="{% trans "操作人" %}"></th>
        </tfoot>
    </table>
</div>
</div>





