src/views/system/tenantPackage/TenantPackageForm.vue

@@ -10,6 +10,12 @@
      <el-form-item label="套餐名" prop="name">
        <el-input v-model="formData.name" placeholder="请输入套餐名" />
      </el-form-item>
      <el-form-item label="套餐介绍" prop="description">
        <el-input type="textarea" v-model="formData.description" placeholder="请输入套餐介绍" />
      </el-form-item>
      <el-form-item label="套餐图标">
        <UploadImg v-model="formData.icon" :limit="1" />
      </el-form-item>
      <el-form-item label="菜单权限">
        <el-card class="cardHeight">
          <template #header>
@@ -39,6 +45,18 @@
            show-checkbox
          />
        </el-card>
      </el-form-item>
      <el-form-item label="套餐标签" prop="labels">
        <el-select
          v-model="formData.labels"
          filterable
          multiple
          allow-create
          placeholder="请输入套餐标签"
          style="width: 500px"
        >
          <el-option v-for="label in formData.labels" :key="label" :label="label" :value="label" />
        </el-select>
      </el-form-item>
      <el-form-item label="状态" prop="status">
        <el-radio-group v-model="formData.status">
@@ -81,6 +99,9 @@
const formData = ref({
  id: null,
  name: null,
  icon: undefined,
  labels: [],
  description: null,
  remark: null,
  menuIds: [],
  status: CommonStatusEnum.ENABLE