zszq-trs/YLErpWeb/Views/trade/_tradeedit/snowball.cshtml

@if (PS.Config.ErpElement.SuppotSnowballSpecialist)
{
    <div class="form-group col-6">
        <label class="formlabel">预付金参与定价</label>
        <select name="PrepaymentUsed" v-model="trade.PrepaymentUsed" v-on:change="changePrepaymentUsed">
            <option v-for="item in consFalseAsNo" :value="item.value">{{item.text}}</option>
        </select>
    </div>
}

<template v-if="trade.PrepaymentUsed">
    <div class="form-group col-6">
        <label class="formlabel">预付金比例</label>
        <vue-number-input name="PrepaymentRatio" v-model="trade.PrepaymentRatio" v-bind:format="inputFormatPremiumRate"></vue-number-input>
    </div>
@*    <div class="form-group col-6">
        <label class="formlabel">预付金返息率</label>
        <vue-number-input name="PrepaymentInterestRate" v-model="trade.PrepaymentInterestRate" v-bind:format="inputFormatPremiumRate"></vue-number-input>
    </div>*@
    <div class="form-group col-6">
        <label class="formlabel">预付金折现率</label>
        <vue-number-input name="PrepaymentConvertCashRate" v-model="trade.PrepaymentConvertCashRate" v-bind:format="inputFormatPremiumRate"></vue-number-input>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">初始敲入</label>
        <select name="IsInitialKnockedIn" v-model="trade.IsInitialKnockedIn">
            <option v-for="item in consFalseAsNo" :value="item.value">{{item.text}}</option>
        </select>
    </div>
    <div class="form-group col-6" v-show="!trade.IsInitialKnockedIn">
        <label class="formlabel">敲入观察设置</label>
        <select name="KIObservationType" v-model="trade.KIObservationType">
            <option :value="1">每日观察</option>
            <option :value="2">仅到期日观察</option>
        </select>
    </div>
    <div class="form-group col-6" v-show="!trade.IsInitialKnockedIn">
        <label class="formlabel">敲入障碍价格</label>
        <vue-number-input name="KIBarrier" v-model="trade.KIBarrier" v-bind:format="inputFormatStrike"></vue-number-input>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">敲入执行价格</label>
        <vue-number-input name="SpreadStrike1" v-model="trade.SpreadStrike1" v-bind:format="inputFormatStrike" v-on:input="changeSpreadStrike1"></vue-number-input>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">敲入参与率</label>
        <vue-number-input name="KIParticipationRate" v-model="trade.KIParticipationRate" v-bind:format="inputFormatPremiumRate"></vue-number-input>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">保本比率</label>
        <vue-number-input name="PrincipalProtectionRate" v-model="trade.PrincipalProtectionRate" v-bind:format="inputFormatPercent4"></vue-number-input>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">首日是否计息</label>
        <select name="CouponIncludeStartDate" v-model="trade.CouponIncludeStartDate">
            <option v-for="item in consFalseAsNo" :value="item.value">{{item.text}}</option>
        </select>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">终日是否计息</label>
        <select name="CouponIncludeEndDate" v-model="trade.CouponIncludeEndDate">
            <option v-for="item in consFalseAsNo" :value="item.value">{{item.text}}</option>
        </select>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">计息年化方式</label>
        <select name="CouponDayCount" v-model="trade.CouponDayCount" :key="changePrepaymentUsedDateTime">
            <option value="Act360">按360日年化</option>
            <option value="Act365">按365日年化</option>
            <option value="Monthly">按月年化</option>
            <option value="">非年化</option>
        </select>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">票息率</label>
        <vue-number-input name="KORebate" v-model="trade.KORebate" v-on:input="changeRebate" v-bind:format="inputFormatPremiumRate"></vue-number-input>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">红利票息</label>
        <vue-number-input name="Coupon" v-model="trade.Coupon" v-bind:format="inputFormatPremiumRate"></vue-number-input>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">增强参与率</label>
        <vue-number-input name="EnhancedParticipationRate" v-model="trade.EnhancedParticipationRate" v-bind:format="inputFormatPremiumRate"></vue-number-input>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">使用支付日计息</label>
        <select name="CouponUsePaymentDate" v-model="trade.CouponUsePaymentDate">
            <option v-for="item in consFalseAsNo" :value="item.value">{{item.text}}</option>
        </select>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">敲出障碍价格</label>
        <vue-number-input name="KOBarrier" v-model="trade.KOBarrier" v-on:input="changeKOBarrier" v-bind:format="inputFormatStrike"></vue-number-input>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">敲出观察频率</label>
        <div class="yt-input-group">
            <input type="text" min="0" class="text-box" v-model="koObservationRate" name="DateSet" readonly />
            <a href="javascript:;" class="yt-input-group-append" title="设置观察日" v-on:click="setObservationDates('#KO')" tabindex="-1">
                <i class="fa fa-pencil-square"></i>
            </a>
        </div>
    </div>
</template>
<template v-else>
    <!---雪球期权敲出--->
    <div class="form-group col-6">
        <label class="formlabel">敲出障碍价格</label>
        <vue-number-input name="KOBarrier" v-model="trade.KOBarrier" v-on:input="changeKOBarrier" v-bind:format="inputFormatStrike"></vue-number-input>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">敲出赔付类别</label>
        <select name="KOPayoffType" v-model="trade.KOPayoffType" v-on:change="changeFieldState">
            <option v-for="item in snowballKOPayoffTypeEnums" :value="item.value">{{item.text}}</option>
        </select>
    </div>
    <div class="form-group col-6" v-show="fieldState.IsFixedCoupon">
        <label class="formlabel">票息年化</label>
        <select name="IsFixedCoupon" v-model="trade.IsFixedCoupon">
            <option v-for="item in consFalseAsYes" :value="item.value">{{item.text}}</option>
        </select>
    </div>
    <div class="form-group col-6" v-show="fieldState.KORebate">
        <label class="formlabel">票息率</label>
        <vue-number-input name="KORebate" v-model="trade.KORebate" v-on:input="changeRebate" v-bind:format="inputFormatPremiumRate"></vue-number-input>
    </div>
    <div class="form-group col-6" v-show="fieldState.KORebate">
        <label class="formlabel">票息日历规则</label>
        <vue-daycount name="CouponDayCount" v-model="trade.CouponDayCount" />
    </div>
    <div class="form-group col-6" v-show="fieldState.KORebate">
        <label class="formlabel">票息包含首日</label>
        <select name="CouponIncludeStartDate" v-model="trade.CouponIncludeStartDate">
            <option v-for="item in consFalseAsNo" :value="item.value">{{item.text}}</option>
        </select>
    </div>
    <div class="form-group col-6" v-show="fieldState.KORebate">
        <label class="formlabel">使用支付日计息</label>
        <select name="CouponUsePaymentDate" v-model="trade.CouponUsePaymentDate">
            <option v-for="item in consFalseAsNo" :value="item.value">{{item.text}}</option>
        </select>
    </div>
    <div class="form-group col-6" v-show="fieldState.AnnualizedPremiumRate">
        <label class="formlabel">年化期权费率</label>
        <vue-number-input name="AnnualizedPremiumRate" v-model="trade.AnnualizedPremiumRate" v-bind:format="inputFormatPremiumRate"></vue-number-input>
    </div>
    <div class="form-group col-6" v-show="fieldState.SpreadStrikeAtKO1">
        <label class="formlabel">敲出行权价1</label>
        <vue-number-input name="SpreadStrikeAtKO1" v-model="trade.SpreadStrikeAtKO1" v-bind:format="inputFormatStrike"></vue-number-input>
    </div>
    <div class="form-group col-6" v-show="fieldState.SpreadStrikeAtKO">
        <label class="formlabel">敲出行权价2</label>
        <vue-number-input name="SpreadStrikeAtKO" v-model="trade.SpreadStrikeAtKO" v-bind:format="inputFormatStrike"></vue-number-input>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">敲出支付方式</label>
        <select name="KORebateType" v-model="trade.KORebateType">
            <option v-for="item in consKORebateTypes" :value="item.value">{{item.text}}</option>
        </select>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">敲出观察频率</label>
        <div class="yt-input-group">
            <input type="text" min="0" class="text-box" v-model="koObservationRate" name="DateSet" readonly />
            <a href="javascript:;" class="yt-input-group-append" title="设置观察日" v-on:click="setObservationDates('#KO')" tabindex="-1">
                <i class="fa fa-pencil-square"></i>
            </a>
        </div>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">初始敲入</label>
        <select name="IsInitialKnockedIn" v-model="trade.IsInitialKnockedIn" v-on:change="changeFieldState">
            <option v-for="item in consFalseAsNo" :value="item.value">{{item.text}}</option>
        </select>
    </div>
    <div class="form-group col-6" v-show="!trade.IsInitialKnockedIn">
        <label class="formlabel">敲入障碍价格</label>
        <vue-number-input name="KIBarrier" v-model="trade.KIBarrier" v-bind:format="inputFormatStrike"></vue-number-input>
    </div>
    <!---雪球期权敲入--->
    <div class="form-group col-6" v-show="!trade.IsInitialKnockedIn">
        <label class="formlabel">敲入观察频率</label>
        <div class="yt-input-group">
            <input type="text" min="0" class="form-control" v-model="observationRate" name="DateSet" readonly />
            <a href="javascript:;" class="yt-input-group-append" title="设置观察日" v-on:click="setObservationDates('#KI')" tabindex="-1">
                <i class="fa fa-pencil-square"></i>
            </a>
        </div>
    </div>
    <div class="form-group col-6">
        <label class="formlabel small">敲入到期支付类别</label>
        <select name="KIPayoffType" v-model="trade.KIPayoffType" v-on:change="changeFieldState">
            <option v-for="item in snowballKIPayoffTypeEnums" :value="item.value">{{item.text}}</option>
        </select>
    </div>
    <div class="form-group col-6" v-show="fieldState.SpreadStrike1">
        <label class="formlabel">敲入行权价</label>
        <vue-number-input name="SpreadStrike1" v-model="trade.SpreadStrike1" v-bind:format="inputFormatStrike" v-on:input="changeSpreadStrike1"></vue-number-input>
    </div>
    <div class="form-group col-6" v-show="fieldState.SpreadStrike">
        <label class="formlabel">封顶/封底行权价</label>
        <vue-number-input name="SpreadStrike" v-model="trade.SpreadStrike" v-bind:format="inputFormatStrike"></vue-number-input>
    </div>
    <div class="form-group col-6">
        <label class="formlabel">红利票息</label>
        <vue-number-input name="Coupon" v-model="trade.Coupon" v-bind:format="inputFormatPremiumRate"></vue-number-input>
    </div>
</template>