{$layout "layout_popup"}

<!-- <h3>添加流量区间</h3> -->

<form class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>
    <table class="ui table definition selectable">
        <tr>
            <td class="title">名称 *</td>
            <td>
                <input type="text" name="name" maxlength="100" ref="focus"/>
            </td>
        </tr>
        <tr>
            <td>最低流量 *</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">使用字节作为最小单位。<span v-if="minSize.length > 0">相当于：{{minSize}}。</span></p>
            </td>
        </tr>
        <tr>
            <td>最高流量 *</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">使用字节作为最小单位，0表示没有限制。<span v-if="maxSize.length > 0">相当于：{{maxSize}}。</span></p>
            </td>
        </tr>
    </table>
    <submit-btn></submit-btn>
</form>