{$layout "layout_popup"}

<!-- <h3>修改带宽区间</h3> -->

<form class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>
    <input type="hidden" name="itemId" :value="item.id"/>
    <table class="ui table definition selectable">
        <tr>
            <td class="title">{{t("finance_fee_items_createBandwidthPopup@名称")}} *</td>
            <td>
                <input type="text" name="name" maxlength="100" ref="focus" v-model="item.name"/>
            </td>
        </tr>
        <tr>
            <td>{{t("finance_fee_items_createBandwidthPopup@最低带宽")}} *</td>
            <td>
                <div class="ui input right labeled">
                    <input type="text" name="minMB" maxlength="12" style="width:10em" v-model="minMB" autocomplete="off"/>
                    <span class="ui label">Mbps</span>
                </div>
                <p class="comment">{{t("finance_fee_items_createBandwidthPopup@使用比特作为最小单位")}}。<span v-if="minSize.length > 0">{{t("finance_fee_items_createBandwidthPopup@相当于")}}：{{minSize}}。</span></p>
            </td>
        </tr>
        <tr>
            <td>{{t("finance_fee_items_createBandwidthPopup@最高带宽")}} *</td>
            <td>
                <div class="ui input right labeled">
                    <input type="text" name="maxMB" maxlength="12" style="width:10em" v-model="maxMB" autocomplete="off"/>
                    <span class="ui label">Mbps</span>
                </div>
                <p class="comment">{{t("finance_fee_items_createBandwidthPopup@使用比特作为最小单位表示没有限制")}}。<span v-if="maxSize.length > 0">{{t("finance_fee_items_createBandwidthPopup@相当于")}}：{{maxSize}}。</span></p>
            </td>
        </tr>
    </table>
    <submit-btn></submit-btn>
</form>