@model SwapFloatRate
@{
    ViewBag.Title = "浮动利率 | 编辑";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
    var jsClients = JsDataModel.GetClients();
}
@section CSS{
    <link href="~/Statics/libs/datetime/flatpickr/flatpickr.min.css" rel="stylesheet" />
    <style>
        .yt-input-group-append {
            color: red;
        }
    </style>
}
@section JS{
    <script>
        var model = @Json.Serialize(Model);
        var clients = @Json.Serialize(jsClients);
    </script>
    @*<script src="~/front/calendar?v=@(HtmlUtil.JsVersion)"></script>*@
    <script src="~/Scripts/fast/fastVue.components.js?v=@HtmlUtil.JsVersion"></script>
    <script src="~/Scripts/app/tradeHelper.js?v=@HtmlUtil.JsVersion"></script>
    <script src="~/Scripts/app/swapRate/swapFloatRateEdit.js?v=@HtmlUtil.JsVersion"></script>
}
<div id="rateEditModal">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                @if(Model.RateMode==(int)ConstSwapFloatRateEnum.Special){
                    <div class="form-group">
                        <label class="formlabel half">客户名称</label>
                        <input type="text" name="ClientId" id="ClientId" v-model="rate.ClientId" :title="rate.ClientName" class="text-box"/>
                        <span style="color:red">*</span>
                    </div>
                }
                <div class="form-group">
                    <label class="formlabel half">债券代码</label>
                    <vue-underlying id="rate.UnderlyingCode" v-model="rate.UnderlyingCode" v-on:change="changeUnderlyingCode" />
                </div>
                <div class="form-group">
                    <label class="formlabel half">生效起始日</label>
                    <vue-datepicker v-model="rate.StartDate" required :noholiday="1"></vue-datepicker>
                    <span style="color:red">*</span>
                </div>
                <div class="form-group">
                    <label class="formlabel half">生效终止日</label>
                    <vue-datepicker v-model="rate.EndDate" required :noholiday="1"></vue-datepicker>
                    <span style="color:red">*</span>
                </div>
                <div class="form-group">
                    <label class="formlabel half">基准利率</label>
                    <vue-underlying-rate id="rate.BaseUnderlyingCode" v-model="rate.BaseUnderlyingCode" v-on:change="setFloatRateUnderlyingCode($event)" />
                </div>
                <div class="form-group">
                    <label class="formlabel half">是否年化</label>
                    <select v-model="rate.is_annualized" :disabled="rate.BaseUnderlyingCode!='--'&&rate.BaseUnderlyingCode!=''&&rate.BaseUnderlyingCode!=null">
                        <option value=false>否</option>
                        <option value=true>是</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="formlabel half">计息方式</label>
                    <select v-model="rate.interest_type">
                        <option value=0>单利</option>
                        <option value=1>复利</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="formlabel half">重置频率(天)</label>
                    <vue-number-input v-model="rate.interest_rest_days" v-bind:format="inputFormatInteger"></vue-number-input>
                </div>
                <div class="form-group">
                    <label class="formlabel half">利率准则</label>
                    <select v-model="rate.interest_rule">
                        <option value=0>当前营业日</option>
                        <option value=-1>前一营业日</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="formlabel half">利差(多头加点)</label>
                    <vue-number-input v-model="rate.LongPricePoint" v-bind:format="inputFormatSinglePrice" ></vue-number-input>
                </div>
                <div class="form-group">
                    <label class="formlabel half">利差(空头减点)</label>
                    <vue-number-input v-model="rate.ShortPricePoint" v-bind:format="inputFormatSinglePrice"></vue-number-input>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" v-on:click="save">保存</button>
                <button type="button" class="btn btn-secondary" v-on:click="close">关闭</button>
            </div>
        </div>
    </div>
</div>