@{
    ViewData["Title"] = "借支金额明细";
    Layout = "~/Pages/Shared/_MainLayout.cshtml";
}

<div class="row">
    <div class="col-sm-12">
        <div class="ibox-content m-b-sm border-bottom">
            <form id="toolbar">
                <div class="form-inline" style="line-height:40px;">
                    <div class="form-group">
                        <button type="button" class="btn btn-primary" onclick="exportFile();">导出</button>
                    </div>
                </div>
            </form>
        </div>
        <div class="ibox-content m-b-sm border-bottom">
            <table id="roletable" style="table-layout:fixed;"></table>
        </div>
    </div>
</div>
@section css{
    <style>
        .mules {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>
}
@section scripts{
    <script>
        var tb;
        $(document).ready(function () {
            var height = document.body.clientHeight;
            $("#roletable").attr("data-height", (height - 100));

            list();
        })

        function list() {
            var columns = [
                {
                    field: 'cost_no', title: '费用单号', width: '150', iscount: true
                },
                { field: 'cost_form', title: '费用类型', width: '150' },
                { field: 'company_name', title: '付款主体', width: '180' },
                { field: 'type_name', title: '费用大类', width: '110' },
                { field: 'kind_name', title: '费用小类', width: '110' },
                { field: 'create_username', title: '创建人', width: '110' },
                { field: 'create_time', title: '创建时间', width: '110' },
                { field: 'amount', title: '待还金额', width: '110', iscount: true },
                { field: 'recoed_time', title: '记录日期', width: '110' }
            ];

            var pvalue = $('#companyvalue').val();

            var url = '@Url.Content("~/Reports/Finance/ListBorrowAmountJson")' + '?date=@(ViewBag.date)&companyvalue=@(ViewBag.companyvalue)';

            if (tb == undefined) {
                tb = OnlyTable("roletable", columns, url, "", {
                    showfooter: true, loadsuccess: function (d) {
                        //替换汇总行的相关列值
                        var tr = $('.fixed-table-footer').find('tr');
                        for (var c in columns) {
                            var key = columns[c].field;
                            if (columns[c].iscount) {
                                for (var v in d.count_row) {
                                    if (key == v) {
                                        tr.find('td').eq(c).children('div').first().html(d.count_row[v]);
                                        break;
                                    }
                                }
                            }
                        }
                    }
                });
            }
            else {
                tb.bootstrapTable('refresh', { url: url });
            }
        }

        function exportFile() {
            window.open('@Url.Content("~/Reports/Finance/ListBorrowAmountExport?date=")' + '@(ViewBag.date)&companyvalue=@(ViewBag.companyvalue)', "_blank");
        }
    </script>

}

