@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.TradeStatusAfterAndWithOutConfirmed), true)
    @Html.MyAceDropdownInput("ObservationStatus", "观察状态", new List<SelectListItem>() {
    new SelectListItem() {Value="已敲入",Text = "已敲入" },
    new SelectListItem() {Value="已敲出",Text = "已敲出" },
    new SelectListItem() {Value="观察中",Text = "观察中" }
    })
</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" class="active">
            <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">
            <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>

<!--触碰预警设置-->
<div class="modal fade" id="AlertLineModal" tabindex="-1" style="overflow:hidden" data-backdrop="static">
    <div class="modal-dialog" role="document" style="max-width:800px;width:800px;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">触碰预警设置</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <div class="yl-sort-cont">
                    <div class="row">
                        <div class="col" id="AlertLineLow">
                            <label>敲入触碰预警偏差值</label>
                            <input id="AlertLineKonckInLimit" style="text-align:center" />
                            <span>%</span>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col" id="AlertLineHigh">
                            <label>敲出触碰预警偏差值</label>
                            <input id="AlertLineKonckOutLimit" style="text-align:center" />
                            <span>%</span>
                        </div>
                    </div>
                </div>
                <fieldset id="fieldsetgbox_listGrid" class="ml-3" style="margin-top:2rem">
                    <p style="white-space: normal;color:gray; margin:0px"><span style="font-family: 宋体; font-size: 10px;">说明：</span></p>
                    <p style="white-space: normal;color:gray; margin:0px"><span style="font-family: 宋体; font-size: 10px;">触碰预警偏差值为百分比模式</span></p>
                    <p style="white-space: normal;color:gray; margin:0px"><span style="font-family: 宋体; font-size: 10px;">表示还差【障碍价格*百分比】达到敲入/敲出价格，需要进行预警提示</span></p>
                </fieldset>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="SaveAlertLine()">保存</button>
            </div>
        </div>
    </div>
</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>