邀请码新增单次长度5-10，批量邀请码可以为空

src/views/system/invitecode/InviteCodeForm.vue

@@ -27,7 +27,7 @@
       <el-form-item v-else-if="formData.type === 'batch'" label="批量前缀" prop="code">
         <div class="flex items-center gap-10px">
           <el-input v-model="formData.code" placeholder="请输入批量前缀" class="flex-1" />
-          <el-input-number v-model="formData.batchCount" :min="1" :max="50" placeholder="数量" style="width: 120px;">
+          <el-input-number v-model="formData.batchCount" :min="1" :max="50" placeholder="数量" style="width: 150px;">
             <template #suffix>
               <span>个</span>
             </template>
@@ -99,13 +99,13 @@ const formData = ref({
   useUserTenantId: undefined,
   status: '0'
 })
-const formRules = reactive({
+const formRules = computed(() => ({
   type: [
     // 类型不再是必选，默认选中单次
   ],
   code: [
     { required: formData.value.type === 'single', message: '请输入邀请码', trigger: 'blur' },
-    { min: 1, max: 10, message: '邀请码长度不能超过10位', trigger: 'blur' },
+    { min: 5, max: 10, message: '邀请码长度需要5到10位', trigger: 'blur' },
     { pattern: /^[A-Za-z0-9]+$/, message: '邀请码只能包含英文和数字', trigger: 'blur' }
   ],
   roleIds: [
@@ -121,7 +121,7 @@ const formRules = reactive({
     { type: 'number', min: 1, max: 50, message: '批量数量必须在1-50之间', trigger: 'blur' },
     { type: 'number', integer: true, message: '批量数量必须是整数', trigger: 'blur' }
   ],
-})
+}))
 const formRef = ref() // 表单 Ref
 const roleList = ref<RoleVO[]>([])