限制组员人数超过最大值

src/components/student/CommonStudent.vue

@@ -430,6 +430,7 @@
   </a-modal>
 </template>
 <script setup>
+  import {message} from "ant-design-vue";
 import { computed, defineEmits, defineProps, ref, watch } from "vue";
 import { boeRequest, useBoeApi, useBoeApiPage } from "@/api/request";
 import {
@@ -484,6 +485,14 @@ const props = defineProps({
     type: String,
     default: null,
   },
+  groupMemberCount: {
+    type: Number,
+    default: null,
+  },
+  groupMemberNumber: {
+    type: Number,
+    default: null,
+  },
 });
 // 获取项目学员;
 const procurrentPage = ref(1);
@@ -888,6 +897,11 @@ const submitAuth = () => {
 };
 
 function handleStageOk() {
+  debugger
+  // 判断添加人数是否已超过限制人数
+  if (props.groupMemberCount < selectsData.value.projectMemberList.length + props.groupMemberNumber) {
+    return message.warning("添加小组学员超过最大值");
+  }
   stageVisible.value = false;
   visiable.value = false;
   emit("finash", false);
@@ -1186,4 +1200,4 @@ watch(visiable, () => {
     }
   }
 }
-</style>
+</style>