@{
    ViewBag.Title = "客户提成明细";
    Layout = "~/Views/Shared/_MainLayout.cshtml";
    var pageObj = new
    {

    };
}

@section JS{
    <script>
        var g_grid={};
        var query_data = {};
        const page = @Json.Serialize(pageObj);
         const saleMode = "@((int)PS.Config.ErpElement.SaleMode)"
    </script>
    <script>
        $(function () {
            var PostData = {};
            var url = "/SalesCommissionManage/CommissionQueryByClient";
            var prmNames = { page: 'page', rows: 'rows', sort: 'sidx', order: 'sord' };
            $(".datepicker").datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, showOtherMonths: true, selectOtherMonths: true });            
            g_grid = jQuery('#listGrid').jqGrid({
                cmTemplate: {
                    width: 80,
                    align: 'center',
                    sortable: true
                },
                url: url,
                prmNames: prmNames,
                datatype: 'json',
                multiselect: true,
                height: 'auto',
                width: '96%',
                autowidth: false,
                shrinkToFit: false,
                viewrecords: true,
                jsonReader: { repeatitems: false },
                caption: '',
                mtype: 'POST',
                postData: PostData,
                onSelectRow: rowclick,
                ondblClickRow: rowdblclick,
                colModel: colModelGrid,
                pager: jQuery('#pagerGrid'),
                pagerpos: 'left',
                rowNum: 25,
                rowList: [25, 50, 100, 200, 10000],
                footerrow: true,
                loadComplete: gridComplete,
                onPaging: onJqgridPaging,
                grouping: true
            });
            function keyEnter(event) {
                try {
                    var e = event ? event : (window.event ? window.event : null);
                    (e.keyCode == 13) && SearchClick(true);
                } catch (e) { }
            }
            document.onkeydown = keyEnter;
            SetAceDropDown();
        });

        var colModelGrid = [
            {
                name: 'id',
                label: 'id',
                index: 'id',
                align: 'center',
                hidden: true,
                optionHide: true
            }, {
                name: 'salesman',
                label: saleMode == 0 ? '销售员' : "客户经理",
                index: 'salesman',
                width: 200,
                align: 'center'
            }, {
                name: 'department',
                label: '部门',
                index: 'department',
                width: 150,
                align: 'center',
                hidden: saleMode == 0 ? false : true,
                optionHide: saleMode == 0 ? false : true,
            }, {
                name: 'clientname',
                label: '客户名称',
                index: 'clientname',
                width: 250,
                align: 'center'
            }, {
                name: 'commissionAmount',
                label: '提成金额',
                index: 'commissionAmount',
                width: 150,
                align: 'center',
                formatter: 'number',
                summaryType: 'sum',
                summaryTpl: '<b>{0}</b>'
            }, {
                name: 'commissionCount',
                label: '交易数目',
                index: 'commissionCount',
                width: 100,
                align: 'center',
                formatter: 'number',
                summaryType: 'sum',
                summaryTpl: '<b>{0}</b>'
            }];

        function rowdblclick(rowid) {

        }

        function rowclick(id) {

        }

        function reloadSalesmen() {
            //重新加载
            SearchClick();
            window.layer.closeAll();
        }

        function reloadSalesmen2() {
            //重新加载
            SearchClick();
        }

        function exportChooseColumn() {
            if (page.exportFutureVersion === "V2") {
                var postData = $('#listGrid').jqGrid('getGridParam', 'postData');
                postData.page = 0;
                postData.rows = 100000;
                main.formOpenNewPage('/SalesCommissionManage/CommissionListByClientExport', postData);
            } else {
                var dateTemp = new Date().Format("yyyyMMddhhmmss");
                var fileName = "客户销售提成明细（配置列）_" + dateTemp;
                main.toExcel("listGrid", fileName, "xls", null, null);

            }
        }

        function SearchClick(isSearchclick) {
            var listGrid = $('#listGrid');
            //todo 设置Post数据
            listGrid.appendPostData({ Name: $("#Name").val() == null ? "" : $("#Name").val().join(",") });
            listGrid.appendPostData({ Department: $("#Department").val() == null ? "" : $("#Department").val().join(",") });
            listGrid.appendPostData({ ClientName: $("#ClientName").val() == null ? "" : $("#ClientName").val().join(",") });

            query_data = {
                Name: $("#Name").val() == null ? "" : $("#Name").val().join(","),
                Department: $("#Department").val() == null ? "" : $("#Department").val().join(",") ,
                ClientName: $("#ClientName").val() == null ? "" : $("#ClientName").val().join(","),
            }

            if (typeof (isSearchclick) != "undefined" && isSearchclick) {
                //点击搜索时默认第一页
                listGrid.jqGrid('setGridParam', {
                    page: 1
                });
            }
            listGrid.trigger('reloadGrid');
        }

        function gridComplete() {
            main.setcolumnChooser(jQuery('#listGrid'), "@configcolumn_data.客户提成明细");
            var jgrid = $(this);
            var rowNum = parseInt(jgrid.getGridParam('records'), 10);
            if (rowNum > 0) {
                var totalAmount = arguments[0].Sum == null ? "" : arguments[0].Sum.AmountSum;
                var totalCount = arguments[0].Sum == null ? "" : arguments[0].Sum.CountSum;
                $("#listGrid").footerData("set", { clientname: "合计:", commissionAmount: totalAmount, commissionCount: totalCount });
            }
            else {
                $("#listGrid").footerData("set", { clientname: "合计:", commissionAmount: 0, commissionCount: 0 });
            }
        }

        function showcolumnChooser() {
            main.showcolumnChooser(jQuery('#listGrid'), "@configcolumn_data.客户提成明细");
        }

    </script>

}


<div class="searchdiv">
    @if (PS.Config.ErpElement.SaleMode == YLErp.Configuration.Enums.SaleMode.SaleMen)
    {
        @Html.MyAceDropdownInput("Name", "姓名", SalesDataModel.GetSalesmen())
        @Html.MyAceDropdownInput("Department", "部门", SalesDataModel.GetDepartment())
    }
    else
    {
        @Html.MyAceDropdownInput("Name", "姓名", SalesDataModel.GetCustomerManager())
    }
    @Html.MyAceDropdownInput("ClientName", "客户名称", ClientDataModel.GetAllOpenClient())
    @MyControls.SearchBtn()
    @MyControls.Btn("批量导出", "exportChooseColumn()")
    <div style="width:30px;display:inline;" onclick="showcolumnChooser();return false;">
        <img src="~/Images/configure.png" />
    </div>
</div>
@Html.Raw(JqGridSimple.OutTable())
<form target="_blank" method="post" id="" action="">
    <input type="hidden" name="" value="" />
</form>