@{
    ViewBag.Title = "Detail";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style type="text/css">
    .center{
        text-align:center;
        line-height:50px;
    }
</style>
<div class="layui-container">
    <div class="layui-row">
        <div class="layui-col-md12">
            <h1 class="center"><span id="title"></span></h1>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-col-md12">
            <h3 class="center">订单金额：<span id="orderPrice" style="color:red; font-weight:bold;"></span><span style="padding:0px 10px;"></span>总单量：<span id="orderCount" style="color:red; font-weight:bold;"></span></h3>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-col-md12">
            <h3 class="center">订单到账金额：<span id="orderArrPrice" style="color:red; font-weight:bold;"></span><span style="padding:0px 10px;"></span>订单到账笔数：<span id="orderPayCount" style="color:red; font-weight:bold;"></span></h3>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-col-md12">
            <h3 class="center">支付到账金额：<span id="payPrice" style="color:red; font-weight:bold;"></span><span style="padding:0px 10px;"></span>支付到账笔数：<span id="payCount" style="color:red; font-weight:bold;"></span></h3>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-col-md12">
            <h3 class="center">退款金额：<span id="refundPrice" style="color:red; font-weight:bold;"></span><span style="padding:0px 10px;"></span>退款笔数：<span id="refundCount" style="color:red; font-weight:bold;"></span></h3>
        </div>
    </div>
</div>

<table class="layui-hide" id="order" lay-filter="order"></table>
<table class="layui-hide" id="orderPayPrice" lay-filter="orderPayPrice"></table>
<table class="layui-hide" id="orderPay" lay-filter="orderPay"></table>
<table class="layui-hide" id="orderRefund" lay-filter="orderRefund"></table>


<script>
    layui.use(['table'], function () {
        var table = layui.table;

        var year = @Request.QueryString["year"];
        var month = @Request.QueryString["month"];
        var companycode = '@Request.QueryString["companycode"]';
        $.r_post('/MonBalance/Detail', { year: year, month: month, companyCode: companycode }, function (res) {
            if (res.code == 0) {
                
                var companyname = res.balance.CompanyName;
                var arrivalpay = res.balance.arrivalpay;
                var ordercount = res.balance.ordercount;
                var payprice = res.balance.payprice;
                var paycount = res.balance.paycount;
                var refundprice = res.balance.refundprice;
                var refundcount = res.balance.refundcount;
                var orderpayprice = res.balance.orderpayprice;
                var orderpaycount = res.balance.orderpaycount;

                $("#title").html(year + "年" + month + "月" + companyname + "月结数据");
                $("#orderPrice").html(arrivalpay);
                $("#orderCount").html(ordercount);
                $("#payPrice").html(payprice);
                $("#payCount").html(paycount);
                $("#refundPrice").html(refundprice);
                $("#refundCount").html(refundcount);
                $("#orderArrPrice").html(orderpayprice);
                $("#orderPayCount").html(orderpaycount);

                table.render({
                    id: 'order',//列表别名ID
                    elem: '#order',//表ID
                    toolbar: '<div>订单列表</div>',
                    defaultToolbar: ['filter', 'exports'],
                    height: 300,
                    limit: 10000,
                    cols: [[
                        { field: 'ORDERID', title: '订单号' }
                        , { field: 'SZZYORDERID', title: '权限单号' }
                        , { field: 'RESID', title: '客户编号' }
                        , { field: 'CNAME', title: '客户姓名' }
                        , { field: 'SOFTUSERNAME', title: '软件用户名' }
                        , { field: 'SUBPRODUCTNAME', title: '产品小类' }
                        , { field: 'OTIME', title: '开通时间' }
                        , { field: 'ARRIVALPAY', title: '到账金额' }
                        , { field: 'ARRIVALTIME', title: '到账时间' }
                    ]],
                    data: res.order
                });

                table.render({
                    id: 'orderPayPrice',//列表别名ID
                    elem: '#orderPayPrice',//表ID
                    toolbar: '<div>订单支付列表</div>',
                    defaultToolbar: ['filter', 'exports'],
                    height: 300,
                    limit: 10000,
                    cols: [[
                        { field: 'orderid', title: '订单号' }
                        , { field: 'szzyorderid', title: '权限单号' }
                        , { field: 'RESID', title: '客户编号' }
                        , { field: 'cname', title: '客户姓名' }
                        , { field: 'softusername', title: '软件用户名' }
                        , { field: 'subproductname', title: '产品小类' }
                        , { field: 'otime', title: '开通时间' }
                        , { field: 'arrivalpay', title: '到账金额' }
                        , { field: 'arrivaltime', title: '到账时间' }
                    ]],
                    data: res.orderPayPrice
                });

                table.render({
                    id: 'orderPay',//列表别名ID
                    elem: '#orderPay',//表ID
                    toolbar: '<div>支付记录列表</div>',
                    defaultToolbar: ['filter', 'exports'],
                    height: 300,
                    limit: 10000,
                    cols: [[
                        { field: 'orderid', title: '订单号' }
                        , { field: 'paytypename', title: '支付类型' }
                        , { field: 'payname', title: '付款人姓名' }
                        , { field: 'paydate', title: '到账时间' }
                        , { field: 'payprice', title: '到账金额' }
                        , { field: 'payno', title: '支付流水' }
                        , { field: 'remark', title: '备注' }
                    ]],
                    data: res.orderPay
                });

                table.render({
                    id: 'orderRefund',//列表别名ID
                    elem: '#orderRefund',//表ID
                    toolbar: '<div>退款列表</div>',
                    defaultToolbar: ['filter', 'exports'],
                    height: 300,
                    limit: 10000,
                    cols: [[
                        { field: 'orderid', title: '订单号' }
                        , { field: 'refundtypename', title: '支付类型' }
                        , { field: 'account', title: '退款人账号' }
                        , { field: 'username', title: '退款人姓名' }
                        , { field: 'refundprice', title: '退款金额' }
                        , { field: 'refunddate', title: '退款时间' }
                        , { field: 'remark', title: '退款说明' }
                    ]],
                    data: res.orderRefund
                });
            }
        });
    });
</script>