{$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>
        <b-select
          name="pricePeriod"
          v-model="pricePeriod"
          auto-width
          :options="[
            ...pricePeriods.map(p => ({
              label: p.name,
              value: p.code,
            })),
          ]"
        ></b-select>
        <!-- <select
          class="ui dropdown auto-width"
          name="pricePeriod"
          v-model="pricePeriod"
        >
          <option v-for="p in pricePeriods" :value="p.code">{{p.name}}</option>
        </select> -->
        <p
          class="comment"
          v-for="p in pricePeriods"
          v-if="pricePeriod == p.code"
        >
          {{p.description}}如果当前计费周期内已经生成账单，则支付周期变更将在下个计费周期内生效。
        </p>
      </td>
    </tr>
  </table>
  <submit-btn></submit-btn>
</form>
