@using WX.CRM.WebHelper;
@{
    ViewBag.Title = "";
    Layout = "~/Views/Shared/_Index_Layout2.cshtml";
}
@*<script src="~/Scripts/op/tablegrid.sort.js?t=1"></script>
    <script src="~/Scripts/op/ofixedtable.js"></script>*@
<style>
    .bodyDiv {
        margin: 0 !important;
    }

    #tab {
        white-space: nowrap;
        width: 100%;
        height: 745px;
    }

        #tab .grid_table {
            overflow-x: auto;
            height: 745px;
        }

        #tab table {
            overflow-x: auto;
            table-layout: fixed;
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            border: 1px solid #DDDDDD;
        }

        /* 表格th/td样式 */
        #tab td {
            width: 150px;
            box-sizing: border-box;
            border-right: 1px solid #DDDDDD;
            border-bottom: 1px solid #DDDDDD;
            /*单元格 超出长度 显示...*/
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            height: 30px;
        }

        #tab thead tr th {
            position: sticky;
            z-index: 4;
            top: 0;
            left: 0;
            background: #F4F4F5;
            height: 30px;
            width: 100px;
            box-sizing: border-box;
            border-right: 1px solid #DDDDDD;
            border-bottom: 1px solid #DDDDDD;
            /*单元格 超出长度 显示...*/
            overflow: hidden;
            text-overflow: ellipsis;
            height: 30px;
            white-space: pre-wrap;
            word-wrap: break-word;
        }

        #tab th:first-child {
            z-index: 999 !important;
        }

        #tab th:first-child,
        #tab tr td:first-child {
            width: 50px !important;
        }

        #tab th:first-child,
        #tab tr td:first-child,
        #tab .table_fixed {
            z-index: 3;
            position: sticky;
            top: 0;
            left: 0;
            background: #F4F4F5;
            text-align: center;
            border-left: 1px solid #DDDDDD;
            width: 150px;
        }

        #tab td:hover {
            width: auto;
        }

        #tab .table_fixed:hover {
            width: auto;
        }

        #tab .tr_onclick .table_fixed {
            background-color: #FBEC88 !important;
        }
</style>
<div class="mvctool">
    @Html.ToolButton("btnQuery", "icon-search", "查询", true)
    @Html.Action("ToolBar", "Control", ViewBag.ToolBar as ToolBar)
    @Html.ToolButton("btnExport", "icon-export", "导出", true)
    @Html.ToolButton("btnDetail", "icon-details", "查看分成金额明细", false)
</div>

<div class="bas_datagrid">
    <div id="tb" style="padding: 5px; height: auto;" class="grid_toolbar">
        <ul class="toolBar_ul">
            <li>@Html.Action("UserSSOComBox", "Control", new { currentRight = WX.CRM.WebHelper.InitRights.CONST_订单分成导出 })</li>
            @*<li>@Html.Action("UserComBox", "Control")</li>*@
            @*<li>工号：<input type="text" name="txt_SaleEid" /></li>*@
            @*<li>在离职：@Html.DropDownList("slt_isDismiss", new List<SelectListItem>() { new SelectListItem() { Text = "全部", Value = "-1", Selected = true }, new SelectListItem() { Text = "在职", Value = "0" }, new SelectListItem() { Text = "离职", Value = "1" }, }, new { width = "60px" })</li>*@
            <li>结算时间：<input type="text" id="txt_STime" name="txt_STime" value=@(new DateTime(DateTime.Now.Year, DateTime.Now.Month, 1).ToString("yyyy-MM-dd")) onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd' })" style="width:100px;" />-@Html.WdatePickerText("txt_ETime", new DateTime(DateTime.Now.Year, DateTime.Now.Month, 1).AddMonths(1).AddDays(-1).ToString("yyyy-MM-dd"))</li>
            @*<li>开通时间：@Html.WdatePickerText("txt_KtBeginTime", string.Empty)-@Html.WdatePickerText("txt_KtEndTime", string.Empty)</li>*@
            <li><input type="hidden" id="sort" name="txt_sort" /><input type="hidden" id="order" name="txt_order" /></li>
        </ul>
    </div>
    <div id="tab" class="tabs"></div>
</div>

<script type="text/javascript">

    var eid = 0;

    $(function () {
        $("#btnQuery").click(function () {
            var sTime = $("#txt_STime").val();
            var eTime = $("#txt_ETime").val();
            if (sTime == "") {
                alert("结算开始时间不能为空！");
                return;
            }
            if (eTime == "") {
                alert("结算结束时间不能为空！");
                return;
            }
            var sYear = new Date(Date.parse(sTime)).getFullYear();
            var eYear = new Date(Date.parse(eTime)).getFullYear();
            if (sYear != eYear) {
                alert("只能查询同一个年份的数据！");
                return;
            }
            load();
        });

        $("#btnExport").click(function () {

            var saleDeptId = $("#txt_deptId").val();
            var groupId = $("#txt_groupIds").val();
            var userId = $("#txt_userId").val();

            var query = GetQueryStr();
            if (query == "") {
                query = "saleDeptId=" + saleDeptId + "&groupId=" + groupId + "&userId=" + userId;
            }
            else {
                query = query + "&saleDeptId=" + saleDeptId + "&groupId=" + groupId + "&userId=" + userId;
            }

            window.open("/weiXin/CommissionUser/Export?" + query);
        });

        $("#btnDetail").click(function () {
            var sTime = $("#txt_STime").val();
            var eTime = $("#txt_ETime").val();
            if (sTime == "" || eTime == "") {
                alert("时间不能为空！");
                return;
            }
            if (eid > 0) {
                $("#modalwindow").html(GetIframeHtml("/weiXin/CommissionUser/Detail?eid=" + eid + "&sTime=" + sTime + "&eTime=" + eTime + "&Ieguid=" + GetGuid()));
                $("#modalwindow").window({ title: '订单详情', width: 1200, height: 1000, iconCls: 'icon-edit' }).window('open');
            } else { $.messageBox5s('提示', '@Suggestion.PlaseChooseToOperatingRecords'); }
        });


    });

    function ExportAllPage_Click() {
        var sTime = $("#txt_STime").val();
        var eTime = $("#txt_ETime").val();
        if (sTime == "") {
            alert("结算开始时间不能为空！");
            return;
        }
        if (eTime == "") {
            alert("结算结束时间不能为空！");
            return;
        }
        var sYear = new Date(Date.parse(sTime)).getFullYear();
        var eYear = new Date(Date.parse(eTime)).getFullYear();
        if (sYear != eYear) {
            alert("只能查询同一个年份的数据！");
            return;
        }
        var query = GetQueryStr();
        console.log(query);
        window.open("/weiXin/CommissionUser/ExportDetial?" + query);
    }

    function load() {
        var para = GetParams();
        //console.log(para);
        //var saleDeptId = $("#nb1_uc_org_depts").val();
        //var groupId = $("#nb1_uc_org_groups").val();
        //var userId = $("#nb1_uc_org_ids").val();

        var saleDeptId = $("#txt_deptId").val();
        var groupId = $("#txt_groupIds").val();
        var userId = $("#txt_userId").val();


        para["saleDeptId"] = saleDeptId;
        para["groupId"] = groupId;
        para["userId"] = userId;

        $.r_post("/weiXin/CommissionUser/SaleUserReportHtml", para, function (res) {
            $("#tab").empty();
            $("#tab").html(res.rowsList);
            $("#tablist tbody").append(res.foot);

            $("#tablist tbody tr").on('click', function () {
                eid = $(this).find('td').eq(1).text();
                $("#tablist tbody tr").removeClass("tr_onclick");
                $(this).addClass("tr_onclick");
            });

            var sortV = $("#sort").val();
            var orderV = $("#order").val();

            $("#tablist .tablegrid_sort").each(function (x, y) {
                //console.log(x);
                //console.log(y);
                if (sortV != "" && orderV != "") {
                    var defTH = $(y).attr("field");
                    if (defTH == sortV) {
                        if (orderV == "desc") {
                            $(y).addClass("tablegrid_sort_desc");
                        }
                        else {
                            $(y).addClass("tablegrid_sort_asc");
                        }
                    }
                }
                $(y).on("click", function () {
                    $("#tablist .tablegrid_sort").each(function (m, n) {
                        $(n).removeClass("tablegrid_sort_desc").removeClass("tablegrid_sort_asc");
                    });

                    var sort = $(y).attr("field");
                    //console.log(sort);
                    $("#sort").val(sort);
                    var order = "";
                    if (sortV != sort) {
                        order = "desc";
                        $(this).addClass("tablegrid_sort_desc");
                    }
                    else {
                        if (orderV == "desc") {
                            order = "asc";
                            $(this).addClass("tablegrid_sort_asc");
                        }
                        else {
                            order = "desc";
                            $(this).addClass("tablegrid_sort_desc");
                        }
                    }
                    $("#order").val(order);

                    load();
                });
            });
        });
    }

    function onLoadSucced() {
        load();
    }
    function frameReturnByClose() {
        $("#modalwindow").window('close');
    }

    function frameReturnByReload(flag) {
        load();
    }

    function frameReturnByMes(mes) {
        $.messageBox5s('提示', mes);
    }
    function GetIframeHtml(src) {
        return "<iframe width='100%' height='98%' scrolling='no' frameborder='0' src='" + src + "'></iframe>";
    }

</script>