@model SubstandardTradeRule
@{
    ViewBag.Title = "风险预警/禁止查询 | 规则设置";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
}
<style>
    table {
        margin: 0 auto;
    }

        table td {
            width: 150px;
            height: 42px;
            background-color: white;
            text-align: center;
            border: 2px solid #aeaeae;
        }

            table td:last-child {
                width: 48px;
                background-color: lightgrey
            }

    input {
        border: 0px !important;
        width: 100% !important;
        height: 100% !important;
    }
</style>
@section JS
    {
    <script type="text/javascript">
        $(() => {
            FastVue.numberInput(document.getElementById('StrikeOffset'), { precision: 0 });
            FastVue.numberInput(document.getElementById('MinTradingDay'), { precision: 0 });
            FastVue.numberInput(document.getElementById('LockTradingDay'), { precision: 0 });

        })

        function save() {
            var data = {
                StrikeOffset: $("#StrikeOffset").val() ? $("#StrikeOffset").val() / 100 : '',
                MinTradingDay: $("#MinTradingDay").val(),
                LockTradingDay: $("#LockTradingDay").val(),
            };
            main.post("/risk/SaveSubstandardTradeRule", data).done(function (res) {
                try {
                    window.parent.reloadtrade();
                    parent.layer.closeAll();
                } catch (e) { }
            });
        }
        var colModelGrid = [
            {
                name: 'StrikeOffset',
                label: '行权偏离度',
                index: 'StrikeOffset',
                width: 90,
                align: 'center',
                formatter: 'date'
            },
            {
                name: 'MinTradingDay',
                label: '最短合约期限',
                index: 'MinTradingDay',
                width: 90,
                align: 'center',
                formatter: 'date'
            },
            {
                name: 'LockTradingDay',
                label: '赎回天数限制',
                index: 'LockTradingDay',
                width: 90,
                align: 'center',
                formatter: 'date'
            },
            {
                name: 'OptName',
                label: '操作人',
                index: 'OptName',
                width: 90,
                align: 'left'
            },
            {
                name: 'OptDate',
                label: '操作日期',
                index: 'OptDate',
                width: 90,
                align: 'center',
                formatter: 'date'
            }
        ];

        function showHistoryData() {
            main.infopage("操作历史", '/risk/SubstandardTradeRuleList', { area: '600px' })
        }
    </script>
}

<div style="margin: 10px 25px;">
    @MyControls.Btn("操作历史", "showHistoryData()")
    <div style="float:right;">
        @MyControls.Btn("保存", "save()")
        @MyControls.Btn("关闭", "layer.closeMe()")
    </div>
</div>
<div>
    <table>
        <tr>
            <td>行权偏离度</td>
            <td>
                <input id="StrikeOffset" class="text-box" type="text" value="@(Model.StrikeOffset.HasValue?(Model.StrikeOffset.Value*100).ToString("F0"):"")" name="StrikeOffset" />
            </td>
            <td>%</td>
        </tr>
        <tr>
            <td>最短合约期限</td>
            <td>
                <input id="MinTradingDay" class="text-box" type="text" value="@(Model.MinTradingDay.HasValue?(Model.MinTradingDay.Value).ToString("F0"):"")" name="MinTradingDay" />
            </td>
            <td>天</td>
        </tr>
        <tr>
            <td>赎回天数限制</td>
            <td>
                <input id="LockTradingDay" class="text-box" type="text" value="@(Model.LockTradingDay.HasValue?(Model.LockTradingDay.Value).ToString("F0"):"")" name="LockTradingDay" />
            </td>
            <td>天</td>
        </tr>
    </table>
</div>

<div id="ruleList" style="padding: 10px;">
    @Html.Raw(JqGridSimple.OutTable())
</div>