feat: 完善IM后台Kafka与组织架构管理

web/src/views/imOrg/index.vue

@@ -155,7 +155,11 @@
           />
         </n-form-item>
         <n-form-item label="用户ID" path="userId">
-          <n-input-number v-model:value="memberForm.userId" :disabled="memberForm.id > 0" />
+          <n-input
+            v-model:value="memberForm.userId"
+            :disabled="memberForm.id > 0"
+            placeholder="请输入用户ID"
+          />
         </n-form-item>
         <n-form-item label="姓名">
           <n-input v-model:value="memberForm.displayName" placeholder="请输入展示姓名" />

web/src/views/imOrg/model.ts

@@ -35,7 +35,7 @@ export class MemberState {
   public id = 0;
   public departmentId = '';
   public departmentName = '';
-  public userId = 0;
+  public userId = '';
   public displayName = '';
   public position = '';
   public avatarFileId = '';
@@ -177,7 +177,7 @@ export const memberRules = {
     type: 'string',
     message: '请选择部门',
   },
-  userId: { required: true, trigger: ['blur', 'input'], type: 'number', message: '请输入用户ID' },
+  userId: { required: true, trigger: ['blur', 'input'], type: 'string', message: '请输入用户ID' },
   employmentState: {
     required: true,
     trigger: ['blur', 'change'],