@using Microsoft.AspNetCore.Html
@{
    Layout = "~/Views/Shared/_LayoutMini.cshtml";
    var pageObj = new
    {
        IsUseDisplayNotional = PS.Config.IsUseDisplayNotional,
        ViewTagPermission = CurUser.客户管理.客户标签查看权限,
    };
}

@section CSS{
    <link href="~/Style/Css/clientsettag.css?v=@(HtmlUtil.JsVersion)" rel="stylesheet" />
    <style>
        .tag-item {
            height: 17px;
            line-height: 14px;
        }

        .tag-add {
            height: 17px;
            line-height: 14px;
        }

        .tag-context {
            padding: 0px;
        }
         .rowBg {
            background-color: #d9e1f2 !important;
        }
        .rowFont {
            font-weight: 900 !important;
        }
    </style>
}

@section JS{
    <script>
        const pageObj = @Json.Serialize(pageObj);
    </script>
    <script>
        function numberFormat(cellValue, options, rowObject) {
            if (!cellValue && cellValue !== 0) { return ""; }
            return main.formatNumber(cellValue);
        }

        function tagformat(cellvalue, options, rowObject) {
            var html = '<div class="tag-context">';
            var tagNames = "";
            if (rowObject.Tags != null && rowObject.Tags.length > 0) {
                for (var i = 0; i < rowObject.Tags.length; i++) {
                    if (i == rowObject.Tags.length - 1) {
                        tagNames += "[" + rowObject.Tags[i].Name + "]";
                    } else {
                        tagNames += "[" + rowObject.Tags[i].Name + "],";
                    }
                }
                if (rowObject.Tags.length > 2) {
                    for (var i = 0; i < 2; i++) {
                        html += '<span class="tag-item" data-id="' + rowObject.Tags[i].Id + '" data-name="' + rowObject.Tags[i].Name + '"><span class="tag-text" data-value="' + rowObject.Tags[i].Id + '">' + rowObject.Tags[i].Name + '</span></span>';
                    }
                    html += '<span class="tag-add" title="' + tagNames + '">...</span>';
                } else {
                    for (var i = 0; i < rowObject.Tags.length; i++) {
                        html += '<span class="tag-item" data-id="' + rowObject.Tags[i].Id + '" data-name="' + rowObject.Tags[i].Name + '"><span class="tag-text" data-value="' + rowObject.Tags[i].Id + '">' + rowObject.Tags[i].Name + '</span></span>';
                    }
                }
            }
            html += '</div>';
            return html;
        }

    </script>
    @{
        switch (ViewBag.Req.SummaryType)
        {
            case "场外期权":
                switch (ViewBag.Title)
                {
                    case "开仓明细":
                        <script src="~/Scripts/app/financial/FinancialDetail_GF_Open.js?v=@(HtmlUtil.JsVersion)"></script>
                        break;
                    case "持仓明细":
                        <script src="~/Scripts/app/financial/FinancialDetail_GF_Position.js?v=@(HtmlUtil.JsVersion)"></script>
                        break;
                    case "平仓明细":
                        <script src="~/Scripts/app/financial/FinancialDetail_GF_Close.js?v=@(HtmlUtil.JsVersion)"></script>
                        break;
                    default:
                        break;
                }
                break;
            case "远期/掉期":
                switch (ViewBag.Title)
                {
                    case "开仓明细":
                        <script src="~/Scripts/app/financial/ForwardFinancialDetail_GF_Open.js?v=@(HtmlUtil.JsVersion)"></script>
                        break;
                    case "持仓明细":
                        <script src="~/Scripts/app/financial/ForwardFinancialDetail_GF_Position.js?v=@(HtmlUtil.JsVersion)"></script>
                        break;
                    case "平仓明细":
                        <script src="~/Scripts/app/financial/ForwardFinancialDetail_GF_Close.js?v=@(HtmlUtil.JsVersion)"></script>
                        break;
                    default:
                        break;
                }
                break;
            case "互换":
                switch (ViewBag.Title)
                {
                    case "开仓明细":
                        <script src="~/Scripts/app/financial/SwapFinancialDetail_GF_Open.js?v=@(HtmlUtil.JsVersion)"></script>
                        break;
                    case "持仓明细":
                        <script src="~/Scripts/app/financial/SwapFinancialDetail_GF_Position.js?v=@(HtmlUtil.JsVersion)"></script>
                        break;
                    case "平仓明细":
                        <script src="~/Scripts/app/financial/SwapFinancialDetail_GF_Close.js?v=@(HtmlUtil.JsVersion)"></script>
                        break;
                    default:
                        break;
                }
                break;
        }
    }
    @functions {
    HtmlString fromatDateTime(DateTime date)
    {
        return new HtmlString(date == default(DateTime) ? "" : date.ToString("yyyy-MM-dd"));
    }
    HtmlString fromatList(List<int> list)
    {
        if (list.Count > 0)
        {
            return new HtmlString(JsonHelper.Serialize(list));
        }
        return new HtmlString("");
    }
    }
<script>
    function GetPostData() {
        var postData = {};
        postData.SummaryType = $("#TradeNumber_s").val() == null ? "" : $("#SummaryType_s").val();
        postData.ClientIds = $("#ClientId_s").val() == null ? "" : $("#ClientId_s").val().join();
        postData.TradeNumber = $("#TradeNumber_s").val() == null ? "" : $("#TradeNumber_s").val();

        postData.TradeConfirmDateStart = $("#DateFromTradeConfirmDate_s").val();
        postData.TradeConfirmDateEnd = $("#DateToTradeConfirmDate_s").val();

        postData.ClearConfirmDateStart = $("#DateFromClearConfirmDate_s").val();
        postData.ClearConfirmDateEnd = $("#DateToClearConfirmDate_s").val();

        postData.CurrentPeriodDateStart = $("#DateFromCurrentPeriodDate_s").val();
        postData.CurrentPeriodDateEnd = $("#DateToCurrentPeriodDate_s").val();
        postData.ClientTagIds = $("#ClientTagIds1").val();
        postData.TagIds = $("#TagIds1").val();

        postData.BookIds = $("#BookId").val();
        postData.AssetIdGroupList = $("#GroupId").val();
        return postData;
    }

    function SearchClick(isSearchclick) {
        var listGrid = $('#listGrid1');

        listGrid.appendPostData(GetPostData());

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

    var g_grid = {};
    $(function () {

        function keyEnter(event) {
            try {
                var e = event ? event : (window.event ? window.event : null);
                if (e.keyCode == 13) {
                    SearchClick(true);
                }
            } catch (e) {

            }
        }

        document.onkeydown = keyEnter;

        $("#DateFromCurrentPeriodDate_s").on("change", function () {
            var startDate = $(this).val();
            if (startDate != "" && !main.isDate(startDate)) {
                return;
            }
            $("#DateToCurrentPeriodDate_s").datepicker("option", "minDate", startDate);
        });
        $("#DateToCurrentPeriodDate_s").on("change", function () {
            var endDate = $(this).val();
            if (endDate != "" && !main.isDate(endDate)) {
                return;
            }
            $("#DateFromCurrentPeriodDate_s").datepicker("option", "maxDate", endDate);
        });
        $("#DateFromTradeConfirmDate_s").on("change", function () {
            var startDate = $(this).val();
            if (startDate != "" && !main.isDate(startDate)) {
                return;
            }
            $("#DateToTradeConfirmDate_s").datepicker("option", "minDate", startDate);
        });
        $("#DateToTradeConfirmDate_s").on("change", function () {
            var endDate = $(this).val();
            if (endDate != "" && !main.isDate(endDate)) {
                return;
            }
            $("#DateFromTradeConfirmDate_s").datepicker("option", "maxDate", endDate);
        });
        $("#DateFromClearConfirmDate_s").on("change", function () {
            var startDate = $(this).val();
            if (startDate != "" && !main.isDate(startDate)) {
                return;
            }
            $("#DateToClearConfirmDate_s").datepicker("option", "minDate", startDate);
        });
        $("#DateToClearConfirmDate_s").on("change", function () {
            var endDate = $(this).val();
            if (endDate != "" && !main.isDate(endDate)) {
                return;
            }
            $("#DateFromClearConfirmDate_s").datepicker("option", "maxDate", endDate);
        });

        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            showOtherMonths: true,
            selectOtherMonths: true
        });
        $("#DateFromCurrentPeriodDate_s").val('@ViewBag.Req.CurrentPeriodDateStart.ToString("yyyy-MM-dd")');
        $("#DateToCurrentPeriodDate_s").val('@ViewBag.Req.CurrentPeriodDateEnd.ToString("yyyy-MM-dd")');
        $("#SummaryType_s").val('@ViewBag.Req.SummaryType');
        $("#ClientId_s").val(@fromatList(ViewBag.Req.ClientIdList));
        $("#TradeNumber_s").val('@ViewBag.Req.TradeNumber');
        $("#DateFromTradeConfirmDate_s").val('@fromatDateTime(ViewBag.Req.TradeConfirmDateStart)')
        $("#DateToTradeConfirmDate_s").val('@fromatDateTime(ViewBag.Req.TradeConfirmDateEnd)')
        $("#DateFromClearConfirmDate_s").val('@fromatDateTime(ViewBag.Req.ClearConfirmDateStart)')
        $("#DateToClearConfirmDate_s").val('@fromatDateTime(ViewBag.Req.ClearConfirmDateEnd)')

        try {
            SetAceDropDown();
        } catch (e) {
        }
        $("#ClientId_s").selectpicker('refresh');

        var PostData = GetPostData();

        g_grid = jQuery('#listGrid1').jqGrid({
            url: '/trade/FinancialSummaryQuery_GF',
            datatype: 'json',
            multiselect: false,
            height: 'auto',
            autowidth: true,
            shrinkToFit: false,
            viewrecords: true,
            jsonReader: { repeatitems: false },
            caption: '',
            mtype: 'POST',
            postData: PostData,
            ondblClickRow: rowdblclick,
            colModel: colModelGrid,
            //pager: jQuery('#pagerGrid1'),
            //pagerpos: 'left',
            //rowNum: 20,
            //rowList: [20, 30, 50, 200, 10000],
            footerrow: false,
            loadComplete: gridComplete,
            onPaging: onJqgridPaging
        });
    });
    function gridComplete(obj) {

    var jgrid = $(this);
    var rowIds = jgrid.jqGrid('getDataIDs');

    for (var i = 0; i < rowIds.length; i++) {
        var rowId = rowIds[i];
        var rowdata = jgrid.getRowData(rowId);
        if (rowdata['ClientFullName'].indexOf("小计")>0) {
            $("#listGrid1 #" + rowIds[i] + " td").addClass("rowBg");
        }
        if (rowdata['ClientFullName'].indexOf("合计") > 0) {
            $("#listGrid1 #" + rowIds[i] + " td").addClass("rowFont");
        }
    }
}

    function Output(typeStr) {
        var postData = _.assign({}, GetPostData());

        downLoadFile("/trade/DownloadFinancialSummary_GF?" + $.param(postData, true) + "&type=" + typeStr);
    }

    function downLoadFile(downloadUrlStr) {
        $.ajaxSettings.async = false;
        $.getJSON(downloadUrlStr + "&query=true",
            function (res) {
                if (res.Success) {
                    window.location.href = downloadUrlStr;
                }
                else { main.message(res.Msg); }
            });
        $.ajaxSettings.async = true;
    }
</script>
}
<div style=" max-width:1200px;padding-left:20px;">
    <div class="searchdiv">
        @Html.SearchDateRange("CurrentPeriodDate_s", "本期区间")
    </div>
    <div class="searchdiv">

        @Html.MyAceDropdownInput("BookId", "簿记账户", AssetunitController.GetClientassetunit())
        @Html.MyAceDropdownInput("GroupId", "簿记账户组", AssetUnitModel.GetAllAssetUnitGroupItem())
        <select id="SummaryType_s" name="SummaryType_s" style="display: none;">
            <option>场外期权</option>
            <option>远期/掉期</option>
            <option>互换</option>
        </select>
        @Html.MyAceDropdownInput("ClientId_s", "客户名称", ClientDataModel.GetAllClient())
        @Html.ShortInput("TradeNumber_s", "交易编号")
        @Html.SearchDateRange("TradeConfirmDate_s", "确认日期")
        @Html.SearchDateRange("ClearConfirmDate_s", "了结日期")
        @if (pageObj.ViewTagPermission)
        {
            @Html.MyAceDropdownInput("ClientTagIds1", "客户标签值", TagController.GetTradeTagList(CurUser, YLErp.Enums.TagTypeEnum.Customer))
        }
        @Html.MyAceDropdownInput("TagIds1", "标签值", TagController.GetTradeTagList(CurUser))
        @MyControls.SearchBtn()
        @MyControls.Btn("导出", "Output('" + ViewBag.Title + "')")
    </div>
</div>
<div style="margin: auto;width:98%;">
    @Html.Raw(JqGridSimple.OutTable(1))
</div>