会员管理

  <form @submit.prevent="saveTier()">
    <div class="form-group" x-show="!editingTier">
      <label>等级代码 *</label>
      <input type="text" x-model="form.code" class="form-control" required 
             pattern="[a-zA-Z0-9_]+" title="只能包含字母、数字和下划线">
    </div>
    
    <div class="form-group">
      <label>等级名称 *</label>
      <input type="text" x-model="form.name" class="form-control" required>
    </div>
    
    <div class="form-group">
      <label>等级描述</label>
      <textarea x-model="form.description" class="form-control" rows="3" placeholder="等级特权和说明"></textarea>
    </div>
    
    <div class="form-group">
      <label>价格 (元) *</label>
      <input type="number" x-model="form.price" class="form-control" step="0.01" min="0" required>
    </div>
    
    <div class="form-group">
      <label>有效期 (天)</label>
      <input type="number" x-model="form.duration_days" class="form-control" min="0" placeholder="0表示永久有效">
      <small style="color: #6c757d;">0表示永久有效，大于0表示天数</small>
    </div>
    
    <div class="form-group">
      <label>排序权重</label>
      <input type="number" x-model="form.sort_order" class="form-control" min="0" placeholder="数字越小排序越靠前">
    </div>
    
    <div style="display: flex; gap: 1rem; margin-top: 2rem;">
      <button type="submit" class="btn btn-primary" :disabled="submitting">
        <span x-show="!submitting" x-text="editingTier ? '更新' : '创建'"></span>
        <span x-show="submitting">处理中...</span>
      </button>
      <button type="button" @click="closeModal()" class="btn">取消</button>
    </div>
  </form>
</div>