@using YLErp;
@using YLErp.Model.Enum;
@{
    ViewBag.Title = "延期结算";
    ViewBag.Menu = "风险管理-观察事件";
    Layout = "~/Views/Shared/_MainLayout.cshtml";
}
@section CSS{
    <link href="~/Style/Css/tradeObservationStatusList.css" rel="stylesheet" />
}
@section JS{
    <script src="~/Scripts/app/tradeHelper.js?v=@HtmlUtil.JsVersion"></script>
    <script type="text/javascript">
        const tabSelect = "延期结算";
        var settleDate = "@ViewBag.settleDate";
    </script>
    <script src="~/Scripts/app/risk/tradeAlert.js?v=@(HtmlUtil.JsVersion)"></script>
}

<div class="searchdiv">
    @Html.MyAceDropdownInput("ClientId", "交易对手方", ClientDataModel.GetAllOpenClient())
    <div class="search-group">
        <span class="search-label">标的代码</span>
        <select class="" data-placeholder="请选择 标的代码" id="UnderlyingId" name="UnderlyingId" multiple></select>
    </div>

    @Html.SearchDateRange("TradeDate", "成交日期")
    @Html.SearchDateRange("ExerciseDate", "到期日期")
    @Html.MyAceDropdownInput("TradeStatus", "交易状态", GlobalData.GetSelectItems(ConsTrade.TradeStatusAfterConfirmed), true)
</div>

<div class="searchdiv" style="background-color:white !important; border:0 !important; margin-top:10px;">
    @MyControls.SearchBtn()
    <div id="date" style="float:right">
        @Html.SearchDate("ValueDate", "选择日期")
    </div>
</div>

<div class="tabbable">
    <ul id="myTab" class="nav nav-tabs nav-main">
        <li id="tab1">
            <a href="javascript:" class="selftooltip" style="z-index:888" data-toggle="tooltip" title="" onclick="turnKnockOut()">敲出</a>
        </li>
        <li id="tab2">
            <a href="javascript:" class="selftooltip" style="z-index:888" data-toggle="tooltip" title="" onclick="turnKnockIn()">敲入</a>
        </li>
        <li id="tab3">
            <a href="javascript:" class="selftooltip" style="z-index:888" data-toggle="tooltip" title="" onclick="turnCoupon()">票息累积</a>
        </li>
        <li id="tab4">
            <a href="javascript:" class="selftooltip" style="z-index:888" data-toggle="tooltip" title="" onclick="turnCustom()">自定义交易</a>
        </li>
        <li id="tab5">
            <a href="javascript:" class="selftooltip" style="z-index:888" data-toggle="tooltip" title="" onclick="turnObservation()">互换观察日</a>
        </li>
        <li id="tab6" class="active">
            <a href="javascript:" class="selftooltip" style="z-index:888" data-toggle="tooltip" title="" onclick="turnDelaySettlement()">延期结算</a>
        </li>
        <div style="width: 30px; display: inline; margin-left:20px;" onclick="showcolumnChooser();return false;">
            <img src="~/Images/configure.png" />
        </div>
    </ul>
</div>

@Html.Raw(JqGridSimple.OutTable())

<fieldset id="fieldsetgbox_listGrid" class="ml-3" style="margin-top: 1rem;">
    <p style="white-space: normal;color:gray;"><span style="font-family: 宋体; font-size: 10px;">记录颜色区分：</span></p>
    <p style="white-space: normal;color:gray;"><span style="font-family: 宋体; font-size: 10px;">（1）已了结：灰色</span></p>
</fieldset>