@model SwapRate
@{
    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 clients = @Json.Serialize(jsClients);
        var model = @Json.Serialize(Model);
    </script>
    @*<script src="~/front/calendar?v=@(HtmlUtil.JsVersion)"></script>*@
    <script src="~/Scripts/fast/fastVue.components.js?v=@HtmlUtil.JsVersion"></script>
    <script src="~/Scripts/app/swapRate/swapRateEdit.js?v=@HtmlUtil.JsVersion"></script>
}
<div id="rateEditModal">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <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" style="width:45% !important;margin-left:4px;" />
                    <span style="color:red">*</span>
                </div>
                <div class="form-group">
                    <label class="formlabel half">生效日期</label>
                    <vue-datepicker v-model="rate.TakeEffectDate" required style="width:45% !important;margin-left:4px;" :noholiday="1"></vue-datepicker>
                    <span style="color:red">*</span>
                </div>
                <div class="form-group">
                    <label class="formlabel half">临时费率</label>
                    <template v-if="rate.TempRateIsPercent==true">
                        <vue-number-input v-model="rate.TempRate" v-bind:format="inputFormatRate" style="width:45% !important;margin-left:4px;"></vue-number-input>
                        <a href="javascript:;" title="点击后切换成绝对值" v-on:click="showTempAbsPrice" class="yt-input-group-append" tabindex="-1">%</a>
                    </template>
                    <template v-else>
                        <vue-number-input v-model="rate.TempRate" v-bind:format="inputFormatSinglePrice" style="width:45% !important;margin-left:4px;"></vue-number-input>
                        <a href="javascript:;" title="点击后切换百分比" v-on:click="showTempPercentPrice" class="yt-input-group-append" tabindex="-1">￥</a>
                    </template>
                </div>
                <div class="form-group">
                    <label class="formlabel half">基础费率</label>
                    <template v-if="rate.BaseRateIsPercent==true">
                        <vue-number-input v-model="rate.BaseRate" v-bind:format="inputFormatRate" style="width:45% !important;margin-left:4px;"></vue-number-input>
                        <a href="javascript:;" title="点击后切换成绝对值" v-on:click="showBaseAbsPrice" class="yt-input-group-append" tabindex="-1">%</a>
                    </template>
                    <template v-else>
                        <vue-number-input v-model="rate.BaseRate" v-bind:format="inputFormatSinglePrice" style="width:45% !important;margin-left:4px;"></vue-number-input>
                        <a href="javascript:;" title="点击后切换百分比" v-on:click="showBasePercentPrice" class="yt-input-group-append" tabindex="-1">￥</a>
                    </template>
                </div>
                <div class="form-group">
                    <label class="formlabel half">优惠费率</label>
                    <template v-if="rate.DiscountRateIsPercent==true">
                        <vue-number-input v-model="rate.DiscountRate" v-bind:format="inputFormatRate" style="width:45% !important;margin-left:4px;"></vue-number-input>
                        <a href="javascript:;" title="点击后切换成绝对值" v-on:click="showDisAbsPrice" class="yt-input-group-append" tabindex="-1">%</a>
                    </template>
                    <template v-else>
                        <vue-number-input v-model="rate.DiscountRate" v-bind:format="inputFormatSinglePrice" style="width:45% !important;margin-left:4px;"></vue-number-input>
                        <a href="javascript:;" title="点击后切换百分比" v-on:click="showDisPercentPrice" class="yt-input-group-append" tabindex="-1">￥</a>
                    </template>
                </div>
                <div class="form-group" v-show="rate.DiscountRate!=null&&rate.DiscountRate!=''">
                    <label class="formlabel half">优惠累计量下限</label>
                    <vue-number-input v-model="rate.DiscountAccDown" v-bind:format="inputFormatSinglePrice" style="width:45% !important;margin-left:4px;"></vue-number-input>
                    <span style="color:red">*</span>
                </div>
                <div class="form-group">
                    <label class="formlabel half"><i class="fa fa-question-circle" data-toggle="tooltip" title="即为合约成交费率"></i>线下费率</label>
                    <vue-number-input v-model="rate.OfflineRate" v-bind:format="inputFormatRate" style="width:45% !important;margin-left:4px;"></vue-number-input>
                    <a href="javascript:;"class="yt-input-group-append" tabindex="-1">%</a>
                </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>