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

<div class="x-body">
    <div class="layui-tab layui-tab-brief">
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                年月：
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" id="yearMonth" placeholder="yyyy-MM" width="200">
                </div>
                <div class="layui-tab layui-tab-brief">
                    <ul class="layui-tab-title">
                        <li class="layui-this">收款进度表</li>
                        <li style="display:none">收入进度表</li>
                    </ul>
                    <div class="layui-tab-content" style="height: auto;">
                        <div class="layui-tab-item layui-show">
                            <span id="d0"></span><span style="float:right">单位：元</span>
                            <table class="layui-table" id="monthIncome" lay-filter="monthIncome">
                                <thead>
                                    <tr>
                                        <th rowspan="2" colspan="2" style="text-align:center;">部门</th>
                                        <th colspan="2" style="text-align:center;">本月收款</th>
                                        <th colspan="2" style="text-align:center;">本月退款</th>
                                        <th colspan="2" style="text-align:center;">本月实际收款</th>
                                        @*<th colspan="2" style="text-align:center;">本月目标</th>*@
                                    </tr>
                                    <tr>
                                        <th>订单数量</th>
                                        <th>收款金额</th>
                                        <th>订单数量</th>
                                        <th>退款金额</th>
                                        <th>订单数量</th>
                                        <th>收款金额</th>
                                        @*<th>收款金额</th>
                                            <th>完成进度</th>*@
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                        <div class="layui-tab-item">
                            <span id="d1"></span><span style="float:right">单位：万元</span>
                            <table class="layui-table" id="yearIncome" lay-filter="yearIncome">
                                <thead>
                                    <tr>
                                        <th rowspan="2">产品</th>
                                        <th rowspan="2">部门</th>
                                        <th colspan="4" style="text-align:center;">本年收入进度</th>
                                        <th colspan="4" style="text-align:center;">本月收入进度</th>
                                        <th colspan="3" style="text-align:center;">收款进度</th>
                                    </tr>
                                    <tr>
                                        <th>年度预算目标</th>
                                        <th>本年累计</th>
                                        <th>上月止本年累计</th>
                                        <th>完成进度</th>
                                        <th>月度预算目标</th>
                                        <th>本月累计</th>
                                        <th>本月完成进度</th>
                                        <th>差额（实际-预算）</th>
                                        <th>本月收款</th>
                                        <th>本月前收款</th>
                                        <th>本年收款</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

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

        var date = new Date();
        var month = date.getMonth() + 1;
        var monthStr = "";
        if (month < 10) {
            monthStr = "0" + month;
        }
        else {
            monthStr = month;
        }
        var initYearMonth = date.getFullYear() + "-" + monthStr;

        var uid = '@Request.QueryString["userid"]';

        laydate.render({
            elem: '#yearMonth'
            , type: 'month'
            , value: initYearMonth
            , done: function (value, date) {
                //layer.alert('你选择的日期是：' + value + '<br>获得的对象是' + JSON.stringify(date));
                LoadData(uid, value);
            }
        });

        LoadData(uid, initYearMonth);

        function LoadData(userid, yearMonth) {

            var index = layer.load();
            $("#monthIncome tbody").empty();
            $("#yearIncome tbody").empty();

            $.getJSON('MonthIncome?userid=' + userid + "&yearmonth=" + yearMonth, function (res) {

                //$("#d0").html("截止" + res.CountDate + "数据：");

                var html = "";
                var rowspan1 = 0;
                var rowspan8 = 0;
                var rowspan9 = 0;

                //console.log(res);
                if (res.type == 0) {
                    layer.close(index);
                    return;
                }

                var obj = res.InComeList.filter(function (a) {
                    return a.ProductId == 1007
                });

                //console.log(obj.length + 1);

                $.each(res.InComeList, function (x, y) {
                    var tr = "<tr>";

                    for (var i = 0; i < 10; i++) {
                        var td = "";
                        if (y.ProductId == 1007 || y.ProductId == 1) {
                            if (i == 0) {
                                if (rowspan1 == 0) {
                                    td += "<td rowspan='" + (obj.length + 1) + "'>其他";
                                    rowspan1 = 1;
                                }
                            }
                            else if (i == 1) {
                                td += "<td>" + y.DeptmentName;
                            }
                        }
                        else {
                            if (i == 0) {
                                td += "<td>" + y.DeptmentName;
                            }
                            else if (i == 1) {
                                td += "<td>";
                            }
                        }

                        if (i == 2) {
                            td += "<td>" + y.OpenCount;
                        }
                        else if (i == 3) {
                            td += "<td>" + y.OpenPrice;
                        }
                        else if (i == 4) {
                            td += "<td>" + y.RefundCount;
                        }
                        else if (i == 5) {
                            td += "<td>" + y.Refund;
                        }
                        else if (i == 6) {
                            td += "<td>" + y.IncomeCount;
                        }
                        else if (i == 7) {
                            td += "<td>" + y.Income;
                        }
                        //else if (i == 8) {
                        //    if (y.ProductId == 1007) {
                        //        if (rowspan8 == 0) {
                        //            td += "<td rowspan='" + obj.length + "'>";
                        //            rowspan8 = 1;
                        //        }
                        //    }
                        //    else {
                        //        td += "<td>" + y.MonthBudget;
                        //    }
                        //}
                        //else if (i == 9) {
                        //    if (y.ProductId == 1007) {
                        //        if (rowspan9 == 0) {
                        //            td += "<td rowspan='" + obj.length + "'>";
                        //            rowspan9 = 1;
                        //        }
                        //    }
                        //    else {
                        //        td += "<td>" + y.MonthCompletion + "%";
                        //    }

                        //}
                        td += "</td>";
                        tr += td;
                    }

                    tr += "</tr>";
                    html += tr;
                });

                //console.log(html);

                $("#monthIncome tbody").append(html);

                layer.close(index);

            });

            //$.getJSON('YearIncome?userid=' + userid + "&yearmonth=" + yearMonth, function (res) {

            //    //$("#d1").html("截止" + res.CountDate + "数据：");
            //    console.log(res);
            //    var html = "";

            //    $.each(res.ProductList, function (x, y) {
            //        //console.log(j);
            //        //console.log(j.InComeList);
            //        //console.log(j.InComeList.length);
            //        $.each(y.InComeList, function (m, n) {
            //            //console.log(m);
            //            var tr = "<tr>";

            //            for (var i = 0; i < 13; i++) {
            //                if (m == 0) {
            //                    var td0 = "";
            //                    if (i == 0) {
            //                        td0 += "<td rowspan='" + y.InComeList.length + "'>";
            //                        td0 += y.ProductName;
            //                    }
            //                    else if (i == 1) {
            //                        td0 += "<td>";
            //                        td0 += n.DeptmentName;
            //                    }
            //                    else if (i == 2) {
            //                        td0 += "<td rowspan='" + y.InComeList.length + "'>";
            //                        td0 += y.YearBudget;
            //                    }
            //                    else if (i == 3) {
            //                        td0 += "<td rowspan='" + y.InComeList.length + "'>";
            //                        td0 += y.YearCurrentTotal;
            //                    }
            //                    else if (i == 4) {
            //                        td0 += "<td rowspan='" + y.InComeList.length + "'>";
            //                        td0 += y.YearLastmonthTotal;
            //                    }
            //                    else if (i == 5) {
            //                        td0 += "<td rowspan='" + y.InComeList.length + "'>";
            //                        td0 += y.YearCompletion + "%";
            //                    }
            //                    else if (i == 6) {
            //                        td0 += "<td rowspan='" + y.InComeList.length + "'>";
            //                        td0 += y.MonthBudget;
            //                    }
            //                    else if (i == 7) {
            //                        td0 += "<td rowspan='" + y.InComeList.length + "'>";
            //                        td0 += y.MonthTotal;
            //                    }
            //                    else if (i == 8) {
            //                        td0 += "<td rowspan='" + y.InComeList.length + "'>";
            //                        td0 += y.MonthCompletion + "%";
            //                    }
            //                    else if (i == 9) {
            //                        td0 += "<td rowspan='" + y.InComeList.length + "'>";
            //                        td0 += y.MonthDiffTotal;
            //                    }
            //                    else if (i == 10) {
            //                        td0 += "<td>";
            //                        td0 += n.MonthIncome;
            //                    }
            //                    else if (i == 11) {
            //                        td0 += "<td>";
            //                        td0 += n.LastmonthIncome;
            //                    }
            //                    else if (i == 12) {
            //                        td0 += "<td>";
            //                        td0 += n.YearIncome;
            //                    }
            //                    td0 += "</td>";
            //                    tr += td0;
            //                }
            //                else {
            //                    var td1 = "";
            //                    if (i == 1) {
            //                        td1 += "<td>" + n.DeptmentName + "</td>";
            //                    }
            //                    else if (i == 10) {
            //                        td1 += "<td>" + n.MonthIncome + "</td>";
            //                    }
            //                    else if (i == 11) {
            //                        td1 += "<td>" + n.LastmonthIncome + "</td>";
            //                    }
            //                    else if (i == 12) {
            //                        td1 += "<td>" + n.YearIncome + "</td>";
            //                    }

            //                    tr += td1;
            //                }
            //            }

            //            tr += "</tr>";
            //            html += tr;
            //        });
            //    });

            //    //console.log(html);

            //    $("#yearIncome tbody").append(html);

            //    layer.close(index);

            //    //table.init('yearIncome', {
            //    //    //height: 315 //设置高度
            //    //    //,
            //    //    limit: Number.MAX_VALUE
            //    //    //支持所有基础参数
            //    //});

            //});

        }
    });
</script>