限制组员人数超过最大值

src/components/drawers/MemberList.vue

@@ -55,6 +55,8 @@
             :id="projectId"
             :groupId="chooseGroupId"
             :groupName="chooseGroupName"
+            :groupMemberCount="groupMemberCount"
+            :groupMemberNumber="total"
           >
             <a-button class="cus-btn" style="background: #4ea6ff; color: #fff">
               <template #icon
@@ -210,6 +212,10 @@ export default {
       type: String,
       default: null,
     },
+    groupMemberCount: {
+      type: Number,
+      default: null,
+    },
     projectId: {
       type: Number,
       default: null,
@@ -372,7 +378,6 @@ export default {
     };
     //获取组员列表
     const getStu = (obj) => {
-      console.log("获取学员");
       let objf = obj || {
         studentName: state.name,
         pageNo: state.currentPage,

src/components/drawers/SubsetManage.vue

@@ -143,7 +143,7 @@ export default {
     };
     //添加小组
     const addGroup = () => {
-      state.loading = true
+      state.loading = true;
       console.log("state.groupNum2", state.groupNum2);
       let obj = {
         pid: props.projectId,

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);

src/views/projectcenter/TaskPage.vue

@@ -808,7 +808,7 @@
                       <div
                           class="grofooter"
                           @click="
-                          showMemberList(item.projectGroupId, item.groupName)
+                          showMemberList(item.projectGroupId, item.groupName, item.groupMemberCount)
                         "
                       >
                         <div class="ftext">组员名单 ></div>
@@ -1540,6 +1540,7 @@
         v-model:Lvisible="Lvisible"
         v-model:chooseGroupId="chooseGroupId"
         v-model:chooseGroupName="chooseGroupName"
+        v-model:groupMemberCount="groupMemberCount"
         v-model:projectId="projectId"
     />
     <!-- 面授学员抽屉 -->
@@ -2441,6 +2442,8 @@ export default {
       checkStuId: null, //要查看的学员id
       chooseGroupId: null, //选择的小组id
       chooseGroupName: null, //选择的小组名称
+      groupMemberCount: null, //选择的小组人数限制
+      groupMemberNUmber: null, //选择的小组人数合计
       morFaceT: false, //批量面授报名按钮
       faceArr: [], //任务大纲列表所有name
       action: null,
@@ -3151,11 +3154,14 @@ export default {
       console.log("facestudent", state.facestudent);
     };
     //面授学员的弹窗
-    const showMemberList = (id, name) => {
+    const showMemberList = (id, name, groupMemberCount) => {
+      debugger
       state.Lvisible = true;
       console.log("ssdsdsdsd", id);
       state.chooseGroupId = id;
       state.chooseGroupName = name;
+      state.groupMemberCount = groupMemberCount;
+      console.log("state.groupMemberCount", state.groupMemberCount);
     };
     //活动考勤的抽屉
     {