@using YLErp.Enums;
@model client_variety_config

@{
    ViewBag.Title = "收费配置 | 编辑";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";

    var pageObj = new
    {
        isAdd = Model == null || Model.id == 0,
        client_variety_config = Model
    };
}

@section CSS{
    <style>
        .formlabel {
            min-width: 160px;
        }

        .addBtn {
            border: none;
            background: none;
            color: red;
            margin-left: 20px;
        }
    </style>
}

@section JS{
    <script type="text/javascript">
        const page = @Json.Serialize(pageObj);
    </script>
    <script src="@HtmlUtil.BasicDataJs("品种","客户")"></script>
    <script src="~/front/calendar?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Scripts/fast/fastVue.components.js?v=@HtmlUtil.JsVersion"></script>
    <script src="~/Scripts/app/trade/clientVarietyConfigEdit.js?v=@HtmlUtil.JsVersion"></script>
}

<form id="clientVarietyConfigForm" method="post" onsubmit="return false;">
    <div class="form-layout">
        <div class="form-group col-md-6">
            <label class="formlabel">客户名称</label>
            <input id="ClientId" name="ClientId" class="text-box" type="text" autocomplete="off">
        </div>

        <div class="form-group col-md-6">
            <label class="formlabel">品种</label>
            <input id="VarietyId" name="VarietyId" class="text-box" type="text" autocomplete="off">
        </div>

        <div class="form-group col-md-6">
            <label class="formlabel">生效日期</label>
            <vue-datepicker class="text-box form-input" name="ValueDate" v-model="client_variety_config.ValueDate" />
        </div>

        <div class="form-group col-md-6">
            <label class="formlabel">按手数收费</label>
            <vue-number-input name="SingleFee" v-model="client_variety_config.SingleFee" v-bind:format="inputFormatSinglePrice"></vue-number-input>
        </div>

        <div class="form-group col-md-6">
            <label class="formlabel">按名义本金收费</label>
            <vue-number-input name="UnAnnualRate" v-model="client_variety_config.UnAnnualRate" v-bind:format="inputFormatPremiumRate"></vue-number-input>
        </div>

        <div class="form-group col-md-6">
            <label class="formlabel">年化系数</label>
            <vue-number-input name="AnnualRate" v-model="client_variety_config.AnnualRate" v-bind:format="inputFormatPremiumRate"></vue-number-input>
        </div>

        <div class="form-group col-md-6">
            <label class="formlabel">年化天数</label>
            <vue-number-input name="AnnualDays" v-model="client_variety_config.AnnualDays" v-bind:format="inputFormatInteger"></vue-number-input>
        </div>

        <div class="form-group col-md-6">
            <label class="formlabel">倍数</label>
            <vue-number-input name="Multiple" v-model="client_variety_config.Multiple" v-bind:format="inputFormatSinglePrice"></vue-number-input>
        </div>
    </div>

    <div class="form-buttons">
        <button class="btn btn-primary" type="button" v-on:click="saveClientVarietyConfig">保存</button>
        <button class="btn btn-primary" type="button" onclick="layer.closeMe()">关闭</button>
    </div>
</form>