{$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_createTrafficPopup@名称")}} *</td>
            <td>
                <input type="text" name="name" maxlength="100" ref="focus" v-model="item.name"/>
            </td>
        </tr>
        <tr>
            <td>{{t("finance_fee_items_createTrafficPopup@最低流量")}} *</td>
            <td>
                <div class="ui input right labeled">
                    <input type="text" name="minGB" maxlength="12" style="width:10em" v-model="minGB" autocomplete="off"/>
                    <span class="ui label">GiB</span>
                </div>
                <p class="comment">{{t("finance_fee_items_createTrafficPopup@使用字节作为最小单位")}}。<span v-if="minSize.length > 0">{{t("finance_fee_items_createTrafficPopup@相当于")}}：{{minSize}}。</span></p>
            </td>
        </tr>
        <tr>
            <td>{{t("finance_fee_items_createTrafficPopup@最高流量")}} *</td>
            <td>
                <div class="ui input right labeled">
                    <input type="text" name="maxGB" maxlength="12" style="width:10em" v-model="maxGB" autocomplete="off"/>
                    <span class="ui label">GiB</span>
                </div>
                <p class="comment">{{t("finance_fee_items_createTrafficPopup@使用字节作为最小单位表示没有限制")}}。<span v-if="maxSize.length > 0">{{t("finance_fee_items_createTrafficPopup@相当于")}}：{{maxSize}}。</span></p>
            </td>
        </tr>
    </table>
    <submit-btn></submit-btn>
</form>