@{
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
}
@section CSS{

}
@section JS{

    <script type="text/javascript">
        var g_grid={};
        var tradeTypes = '@string.Join(",",ConsTrade.TradeTypesForOtcOptions)';
         $(function () {
         var curDate = new Date().Format("yyyy-MM-dd");
         var PostData = {
             ClientId: $("#ClientId").val() == null ? "" : $("#ClientId").val(),
             ExerciseDateStart: curDate,
             ExerciseDateEnd: curDate,
             TradeTypes: tradeTypes,
             IsClientExerciseDateReport: true
         };

            $("#ExerciseDate").datepicker({
                changeMonth: true, changeYear: true, showButtonPanel: true, showOtherMonths: true, selectOtherMonths: true,
                onSelect: function (selectedDate) {//选择日期后执行的操作
                    //setValidation("ExerciseDate", selectedDate,false);
                }
            });
            $("#ExerciseDate").val(curDate);
            @Html.Raw(JqGridSimple.OutGrid("/trade/todayMaturityTradeQuery", isMultiSelect: false));
            g_grid = jQuery('#listGrid');
            function keyEnter(event) {
                try {
                    var e = event ? event : (window.event ? window.event : null);
                    if (e.keyCode == 13) {
                        SearchClick(true);
                    }
                } catch (e) {

                }
            }

            document.onkeydown = keyEnter;
            try {
                SetAceDropDown();
            } catch (e) {

            }
            function AfterInsertRow(rowid, aData) {
            }
         });

        function setValidation(elId,selectedDate,isSetMax) {
            if (isSetMax){
                var time = selectedDate.split("-");
                var year = time[0];
                var month = time[1]-1;
                var day = time[2];
                $("#" + elId).datepicker(
                    'option', 'maxDate', new Date(year, month, day)
                );
            } else {
                var time = selectedDate.split("-");
                var year = time[0];
                var month = time[1]-1;
                var day = time[2];
                $("#" + elId).datepicker(
                    'option', 'minDate', new Date(year, month, day)
                );
            }
        }

        var colModelGrid = [{
            name: 'id', label: 'id', index: 'id', width: 1, align: 'left', hidden: true
        }, {
            name: 'EncryptId', label: 'EncryptId', index: 'EncryptId', width: 0, align: 'left', hidden: true
        }, {
            name: 'ClientName', label: '客户名称', index: 'ClientName', width: 150, align: 'left'
        }, {
            name: 'UnderlyingCode', label: '标的代码', index: 'UnderlyingCode', width: 90, align: 'left',formatter:ShowStructFormater
        }, {
            name: 'UnderlyingAssetName', label: '标的名称', index: 'UnderlyingAssetName', width: 90, align: 'left'
        }, {
            name: 'BuySell', label: '交易方向(客户方向)', index: 'BuySell', width: 70, align: 'left', formatter: showToolName
        }, {
            name: 'TradeType', label: '期权类型', index: 'TradeType', width: 70, align: 'left'
        }, {
            name: 'OptionType', label: '看涨看跌', index: 'OptionType', width: 70, align: 'left'
        }, {
            name: 'ExerciseModeCn', label: '行权方式', index: 'ExerciseModeCn', width: 90, align: 'left'
        }, {
                name: 'ExerciseDate', label: '到期日', index: 'ExerciseDate', width: 90, align: 'left', formatter: 'date'
        }, {
                name: 'MaturityDate', label: '标的到期日', index: 'MaturityDate', width: 90, align: 'left', formatter: 'date'
        }, {
            name: 'Strike', label: '行权价', index: 'Strike', width: 90, align: 'left', formatter: 'number'
        }, {
                name: 'StockEqvNotional', label: '名义本金', index: 'StockEqvNotional', width: 70, align: 'left'
        }, {
            name: 'Notional', label: '份额', index: 'Count', width: 70, align: 'left'
        }, {
            name: 'AssetBookName', label: '账本', index: 'AssetBookName', width: 70, align: 'left'
        }, {
            name: 'TraderName', label: '交易员', index: 'TraderName', width: 70, align: 'left'
        }, {
            name: 'TradeNumber', label: '交易编号', index: 'TradeNumber', width: 150, align: 'left'
        },];

        var g_curdate = new moment().format("YYYY-MM-DD");
        function showToolName(cellValue, options, rowObject) {
            var html = rowObject.BuySell;
            if (rowObject.BuySell=="买入") {
                html = "卖出";
            } else {
                html = "买入"
            }
            return html;
        }

        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 gridComplete() {
            $(".selftooltip").tooltip({ html: true, show: 50000, trigger: "hover"});
        }

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

            listGrid.appendPostData({ ClientId: $("#ClientId").val() == null ? "" : $("#ClientId").val()});
            listGrid.appendPostData({ ExerciseDate: $("#ExerciseDate").val() });
            listGrid.appendPostData({ ExerciseDateStart: $("#ExerciseDate").val() });
            listGrid.appendPostData({ ExerciseDateEnd: $("#ExerciseDate").val() });
            listGrid.appendPostData({ IsClientExerciseDateReport: true });
            listGrid.appendPostData({ TradeTypes: tradeTypes });

            query_data = {
                ClientId: $("#ClientId").val() == null ? "" : $("#ClientId").val(),
                ExerciseDate: $("#ExerciseDate").val(),
                TradeTypes: tradeTypes
            }

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

        /**
         * 预览
         */
        function Preview() {
            if ($("#ClientId").val() == null || $("#ClientId").val() == "" || $("#ClientId").val() == undefined) {
                alert("请选择要预览的客户！");
                return;
            }
            var srcurl = "/trade/clientMaturityDateTradePreview/?ClientId=" + $("#ClientId").val() + "&ExerciseDate=" + $("#ExerciseDate").val();
            window.open(srcurl)
        }

        /**
         * 发送期权日报告邮件
         */
        function SendEMail() {
            var ClientId = $("#ClientId").val();
            var option = {
                url: "/trade/SendEMailMaturityDateTrade",
                type: "POST",
                data: { ClientId:ClientId, ExerciseDate: $("#ExerciseDate").val() },
                dataType: "json", //格式是html
                success: function (data) {
                    if (data.success) {
                        showmiddlemessage(data.msg);
                    } else {
                        showmiddlemessage(data.msg);
                    }
                    $("#ClientId").show();
                },
                error: function (msg) {
                    alert("error:" + msg.responseText);
                    $("#ClientId").show();
                }
            };

            main.ajax(option);
        }
    </script>
}

<div class="searchdiv">
    @Html.MyAceDropdownInput2("ClientId", "客户名称", ClientDataModel.GetAllOpenClient())
    @Html.ShortInput("ExerciseDate", "到期日:")
    @MyControls.SearchBtn()
    @MyControls.Btn("预览", "Preview()")
    @MyControls.Btn("发送邮件", "SendEMail()")
</div>
@Html.Raw(JqGridSimple.OutTable())