@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">
        var tabIndexSelect = @(ViewBag.TabIndex);
        var valueDate = "@valuedateBLL.ValueDate.ToString("yyyy-MM-dd")";
    </script>
    <script src="~/Scripts/app/trade/tradeObservationStatusList.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>
    <div id="tab1NotShow" style="display: inline; word-break: keep-all; white-space: nowrap ">
        @Html.SearchDateRange("TradeDate", "成交日期")
    </div>
    <div id="tab3_4NotShow" style="display: inline; word-break: keep-all; white-space: nowrap ">
        @Html.SearchDateRange("ExerciseDate", "到期日期")
    </div>
    @Html.MyAceDropdownInput("TradeStatus", "交易状态", GlobalData.GetSelectItems(ConsTrade.TradeStatusCustomexport), true)
    @MyControls.SearchBtn()
</div>
<div class="tabbable">
    <ul id="myTab" class="nav-main">
        <li id="@("tab" + (int) ObservationStatusTradeEnum.Barrier)">
            <a href="/trade/tradeObservationStatusList?tabIndex=@((int) ObservationStatusTradeEnum.Barrier)" class="selftooltip" style="z-index:888" data-toggle="tooltip" title="">障碍期权</a>
        </li>
        <li id="@("tab" + (int) ObservationStatusTradeEnum.DoubleShark)">
            <a href="/trade/tradeObservationStatusList?tabIndex=@((int) ObservationStatusTradeEnum.DoubleShark)" class="selftooltip" style="z-index:888" data-toggle="tooltip" title="">双鲨期权</a>
        </li>
        <li id="@("tab" + (int) ObservationStatusTradeEnum.AutoCall)">
            <a href="/trade/tradeObservationStatusList?tabIndex=@((int) ObservationStatusTradeEnum.AutoCall)" class="selftooltip" style="z-index:888" data-toggle="tooltip" title="">凤凰期权</a>
        </li>
        <li id="@("tab" + (int) ObservationStatusTradeEnum.SnowBall)">
            <a href="/trade/tradeObservationStatusList?tabIndex=@((int) ObservationStatusTradeEnum.SnowBall)" class="selftooltip" style="z-index:888" data-toggle="tooltip" title="">雪球期权</a>
        </li>
        <li id="@("tab" + (int) ObservationStatusTradeEnum.Accumulator)">
            <a href="/trade/tradeObservationStatusList?tabIndex=@((int) ObservationStatusTradeEnum.Accumulator)" class="selftooltip" style="z-index:888" data-toggle="tooltip" title="">累计期权</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>
    <p style="white-space: normal;color:gray;"><span style="font-family: 宋体; font-size: 10px;">（2）已敲入：浅绿色</span></p>
    <p style="white-space: normal;color:gray;"><span style="font-family: 宋体; font-size: 10px;">（3）对于障碍和双鲨，如果交易状态不是“已平仓”，且观察状态不是已敲入或已敲出，如果标的最新价格满足敲出条件，显示红色，如果满足敲入条件，显示绿色</span></p>
    <p style="white-space: normal;color:gray;"><span style="font-family: 宋体; font-size: 10px;">（4）对于凤凰和雪球，如果交易状态不是“已平仓”，且观察状态不是已敲出，如果标的最新价格满足敲出条件，显示红色；如果观察状态不是已敲入或已敲出，且标的最新价格满足敲入条件，显示绿色</span></p>
    <p style="white-space: normal;color:gray;"><span style="font-family: 宋体; font-size: 10px;">（5） 对于累计期权，如果交易状态不是“已平仓”且敲出即终止，观察状态不是“已敲出”，但最新标的价格满足敲出条件：红色；如果是敲出不终止，显示浅绿色；</span></p>
</fieldset>