@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="x-body">

    <div id="mytoolbar">
      
        <div class="layui-inline">
            查询日期：
            <div class="layui-inline">
                <input class="layui-input" placeholder="查询日期" name="txt_queryDay" id="queryDay" style="width:120px;">
            </div>
        </div>
        
    </div>

    <hr>


   
    <span class="layui-word-aux">实际收款：收款金额-退款金额</span>
    <span class="layui-word-aux">月订单数：当月付款使用的订单数(包含未开通，退款等)</span>
    <span class="layui-word-aux">渠道消费：渠道消费/实际收款</span>

    <div class="layui-tab-content">
        <table class="layui-hide" id="table1"></table>
    </div>
</div>

<script type="text/html" id="toolbarDemo">
    <div class="layui-form" id="itemCheck">
        <input type="checkbox" lay-filter="icheck" id="@ViewBag.AuditItems[0].itemid" title="@ViewBag.AuditItems[0].item" checked>
        @foreach (var item in ViewBag.AuditItems[0].childItemTrees)
        {
            if (item.childItemTrees.Count > 0)
            {
                <input type="checkbox" lay-filter="icheck" id="@item.itemid" title="@item.item">
                foreach (var childitem in item.childItemTrees)
                {
                    if (childitem.childItemTrees.Count > 0)
                    {
                        <input type="checkbox" lay-filter="icheck" id="@childitem.itemid" title="@childitem.item">
                    }
                }
            }

        }
    </div>

</script>

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

        var date = new Date();
        var now = date.toLocaleDateString().replace("/", "-").replace("/", "-");
        laydate.render({
            elem: '#queryDay',
            value: now ,
             done: function (value, date) {
                QueryCashFlow(value);
            }
        });



        function QueryCashFlow(day) {
          
            var ids = [0, 1, 2, 41, 23];
  
            console.log(ids);
   
                $('#itemCheck').show();
                $.r_post('/CashFlow/Query', { 'day': day }, function (trsp) {
                    result = trsp.result.filter(r => r["monNetPayprice"]> 0)
                    table.render({
                        id: "table1",//列表别名ID
                        elem: "#table1",//表ID
                        even: true,
                        toolbar: "#toolbarDemo",
                        defaultToolbar: ['exports', { title: '刷新', layEvent: 'LAYRefresh', icon: 'layui-icon-refresh' }],
                        height: 900,
                        limit: Number.MAX_VALUE,
                        cols: [[
                            { field: 'item', title: '渠道', width: 130, templet: '#itemTpl' }
                            , { field: 'payprice', title: '当日收款金额',  sort: true }
                            , { field: 'Refundprice', title: '当日退款金额', style: 'color:red', sort: true }
                            , { field: 'DepConsume', title: '当日渠道消费金额', sort: true }
                            , { field: 'netPayprice', title: '当日实际收款', style: 'color:blue', sort: true }
                            , { field: 'monOrderNum', title: '月订单数', width: 100, sort: true }
                            , { field: 'monPayprice', title: '当月收款金额', sort: true }
                            , { field: 'monRefundOrderNum', title: '当月退款订单数', sort: true }
                            , { field: 'monRefundprice', title: '当月退款金额', style: 'color:red', sort: true }
                            , { field: 'monDepConsume', title: '当月渠道消费金额', sort: true }
                            , { field: 'monNetOrderNum', title: '当月实际收款订单数', sort: true }
                            , { field: 'monNetPayprice', title: '当月实际收款', style: 'color:blue', sort: true }
                        ]],
                        //data: auditItemResults.filter(r => r["parentId"] == 1 || r["parentId"] == 0),
                        data: result.filter(r => ids.some(function (elem, index, arr) { return elem == r["parentId"] })),
                        done: function (res, curr, count) {
                           // $('.layui-elem-quote').text(result[0].day);
                           
                            ids.forEach(function (i) {
                                var mychek = $('#itemCheck input#' + i);
                                $(mychek).prop("checked", true);
                            });
                            form.render("checkbox");
                        }

                    });

                    form.on('checkbox(icheck)', function (data) {
                        ids = [0]
                        $('#itemCheck input:checked').each(function (i, j) {
                            ids.push(j.id);
                        });
                        table.reloadData('table1', {
                            data: result.filter(r => ids.some(function (elem, index, arr) { return elem == r["parentId"] }))
                        });

                    });

                });
        }


        QueryCashFlow(now)
    });
</script>

<script type="text/html" id="itemTpl">
    <span style="padding-left: {{=12*(d.level-1) }}px;"></span>
    <span class="mspan">{{=d.item}} </span>

</script>