@{
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
}
@section CSS{
   
}
@section JS{
    <script src="~/Scripts/app/tradeHelper.js?v=@HtmlUtil.JsVersion"></script>
    <script type="text/javascript">
        var g_grid = {};
        $(function() {
            var PostData = {};
            $(".datepicker").datepicker({
                changeMonth: true,
                changeYear: true,
                showButtonPanel: true,
                showOtherMonths: true,
                selectOtherMonths: true
            });
            @Html.Raw(JqGridSimple.OutGrid("/trade/tradeQueryPick"));
            g_grid = jQuery('#listGrid');

            function keyEnter() {
                if (event.keyCode == 13) {
                    SearchClick();
                }
            }

            document.onkeydown = keyEnter;
            let underlyingSelectCtrl = new tradeHelper.UnderlyingSelectCtrl('UnderlyingId')
                .setFlag(tradeHelper.UnderlyingSelectFlag.OtcTrade);
        });
        var colModelGrid = [
            {
                name: 'id',
                hidden: true
            }, {
                name: 'EncryptId',
                hidden: true
            }, {
                name: 'TradeNumber',
                label: '交易编号',
                index: 'TradeNumber',
                width: 150,
                align: 'left'
            }, {
                name: 'ClientName',
                label: '客户名称',
                index: 'ClientName',
                width: 150,
                align: 'left'
            }, {
                name: 'TradeType',
                label: '结构类型',
                index: 'TradeType',
                width: 150,
                align: 'left',
                formatter: function (cellvalue, options, rowObject) {
                    return rowObject.StructureType && rowObject.IsGroup != 2 ? rowObject.StructureType : rowObject.TradeType;
                }
            }, {
                name: 'UnderlyingCode',
                label: '标的代码',
                index: 'UnderlyingCode',
                width: 150,
                align: 'left',
                formatter: ShowStructFormater
            },
            //{
            //    name: 'UnderlyingInstrumentTypeCn',
            //    label: '标的资产类型',
            //    index: 'UnderlyingInstrumentTypeCn',
            //    width: 150,
            //    sortable: false,
            //    align: 'left'
            //},
            {
                name: 'TradeDate',
                label: '交易日期',
                index: 'TradeDate',
                width: 90,
                align: 'left',
                formatter: 'date'
            }, {
                name: 'BuySell',
                label: '交易方向',
                index: 'BuySell',
                width: 150,
                align: 'left'
            }, {
                name: 'ExerciseDate',
                label: '到期日期',
                index: 'ExerciseDate',
                width: 90,
                align: 'left',
                formatter: 'date'
            }, {
                name: 'Strike',
                label: '执行价格',
                index: 'Strike',
                width: 90,
                align: 'left',
                formatter: function (cellvalue, options, rowObject) {
                    return (rowObject.IsMoneynessOption==='是' ? otcformat.trading.umpriceP : otcformat.trading.umprice)(cellvalue);
                }
            }, {
                name: 'TradePrice',
                label: '交易总额',
                index: 'TradePrice',
                width: 80,
                align: 'left',
                formatter: 'number'
            }, {
                name: 'Notional',
                label: '份额',
                index: 'Notional',
                width: 80,
                align: 'left',
                formatter: 'number'
            }, {
                name: 'TradeStatus',
                label: '交易状态',
                index: 'TradeStatus',
                width: 150,
                align: 'left'
            }, {
                name: 'OptName',
                label: '操作者',
                index: 'OptName',
                width: 150,
                align: 'left'
            }, {
                name: 'OptDate',
                label: '操作日期',
                index: 'OptDate',
                width: 90,
                align: 'left',
                formatter: 'date'
            }, {
                name: 'ValidState',
                label: '是否有效',
                index: 'ValidState',
                width: 80,
                align: 'left',
                formatter: formatValidState
            }
        ];

        function ShowStructFormater(cellValue, options, rowObject) {
            var html;
            if (rowObject.TradeType == "合成价差期权") {
                html =
                    "<a href=\"#\" class=\"selftooltip\" style=\"z-index:10000000\" data-toggle=\"tooltip\" title=\"{1}\">{0}</a>"
                    .template(cellValue, rowObject.SyntheticUnderlyingTipsInfo);
                return html;
            }
            return cellValue;
        }

        function rowclick(id) {
            var rowData = g_grid.getRowData(id);
            main.confirm("确认选择本条交易{0}?".template(rowData.TradeNumber),
                function() {
                    (window.opener||window.parent).parentCallbacktrade(rowData);
                });
        }

        function gridComplete() {
            $(".selftooltip").tooltip({ html: true, show: 50000, trigger: "hover" });
        }

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

            listGrid.appendPostData({ TradeNumber: $("#TradeNumber").val() });
            listGrid.appendPostData({ ClientId: $("#ClientId").val() == null ? "" : $("#ClientId").val().join(",") });
            listGrid.appendPostData({
                UnderlyingIds: $("#UnderlyingId").val() == null ? "" : $("#UnderlyingId").val().join(",")
            });
            listGrid.appendPostData({ UnderlyingInstrumentTypes: $("#UnderlyingInstrumentType").val() == null ? "" : $("#UnderlyingInstrumentType").val().join(",")});
            listGrid.appendPostData({ TradeDateStart: $("#DateFromTradeDate").val() });
            listGrid.appendPostData({ TradeDateEnd: $("#DateToTradeDate").val() });
            listGrid.appendPostData({
                TradeTypes: $("#TradeTypes").val() == null ? "" : $("#TradeTypes").val().join(",")
            });
            listGrid.appendPostData({ ExerciseDateStart: $("#DateFromExerciseDate").val() });
            listGrid.appendPostData({ ExerciseDateEnd: $("#DateToExerciseDate").val() });
            listGrid.appendPostData({ TradePrice: $("#TradePrice").val() });
            listGrid.appendPostData({ OptName: $("#OptName").val() });
            listGrid.appendPostData({ OptDateStart: $("#DateFromOptDate").val() });
            listGrid.appendPostData({ OptDateEnd: $("#DateToOptDate").val() });


            listGrid.trigger('reloadGrid');
        }
    </script>
}
@{
    var types = ConsTrade.TradeTypesForOtcOptions.Concat(new[] { "风险逆转" }).ToArray();
}
<div class="searchdiv">
    @Html.ShortInput("TradeNumber", "交易编号:")
    @Html.MyAceDropdownInput("ClientId", "客户名称:", ClientDataModel.GetAllOpenClient())
    <div class="search-group">
        <span class="search-label" for="UnderlyingId">标的代码:</span>
        <select data-placeholder="请选择 标的代码:" id="UnderlyingId" multiple="" name="UnderlyingId"></select>
    </div>
    @*@Html.MyAceDropdownInput("UnderlyingInstrumentType", "标的类型:", ConsGlobal.InstrumentType.SelectItems())*@
    @Html.MyAceDropdownInput("TradeTypes", "结构类型:", GlobalData.GetSelectItems(types))
    @Html.SearchDateRange("TradeDate", "交易日期:")
    @Html.SearchDateRange("ExerciseDate", "到期日期:")
    @Html.ShortInput("TradePrice", "交易总额:")
    @Html.ShortInput("OptName", "操作者:")
    @Html.SearchDateRange("OptDate", "操作日期:")
    @MyControls.SearchBtn()
</div>
@Html.Raw(JqGridSimple.OutTable())