feat:增加小组管理页面

src/components/drawers/SubsetManage.vue

@@ -42,9 +42,14 @@
               v-model:value="value.name"
               style="border-radius: 8px; height: 40px"
             />
-            <div class="peopleNum">{{ peopleNum2 }}</div>
+            <a-input-number
+              :min="1"
+              :precision="0"
+              style="width: 64px; height: 40px; border-radius: 8px"
+              v-model:value="peopleNum"
+            />
             <span style="margin-left: 3px">人</span>
-            <div class="delete">删除</div>
+            <div class="delete" @click="deleteGroup(value)">删除</div>
           </div>
         </div>
       </div>
@@ -110,6 +115,7 @@ export default {
       let arr = [];
       for (let i = 0; i < state.groupNum; i++) {
         let obj = {
+          key: i,
           name: "",
           number: state.peopleNum,
         };
@@ -118,10 +124,19 @@ export default {
       state.groupNum2 = arr;
       state.peopleNum2 = state.peopleNum;
     };
+    //删除单个小组
+    const deleteGroup = (item) => {
+      for (let i = 0; i < state.groupNum2.length; i++) {
+        if (item.key === state.groupNum2[i].key) {
+          state.groupNum2.splice(i, 1);
+        }
+      }
+    };
     //添加小组
     const addGroup = () => {
       console.log("state.groupNum2", state.groupNum2);
     };
+
     return {
       ...toRefs(state),
       afterVisibleChange,
@@ -130,6 +145,7 @@ export default {
       showAddGroup,
       addGroup,
       // change,
+      deleteGroup,
     };
   },
 };
@@ -169,6 +185,12 @@ export default {
       }
     }
     .main {
+      .ant-input-number-input {
+        height: 38px;
+      }
+      .ant-input-number {
+        margin-left: 10px;
+      }
       .group {
         display: flex;
         align-items: center;