feat:增加小组导入导出

src/components/student/ChangeGroupModal.vue

@@ -2,7 +2,7 @@
  * @Author: lixg lixg@dongwu-inc.com
  * @Date: 2022-12-20 17:00:37
  * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2023-01-31 16:14:39
+ * @LastEditTime: 2023-02-11 15:06:13
  * @FilePath: /fe-manage/src/components/student/ChangeLevelModal.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -28,11 +28,12 @@
           <!-- <div class="cur">当前关卡：关卡2</div> -->
           <div class="select">
             <a-select
-              v-model:value="selectStage"
+              v-model:value="selectGroupId"
               style="width: 100%"
               placeholder="请选择小组"
               :options="option"
               allowClear
+              @change="selectGroup"
             ></a-select>
           </div>
           <div class="btn">
@@ -58,7 +59,8 @@
 </template>
 <script setup>
 import { computed, defineEmits, defineProps, ref } from "vue";
-// import { moveStudent } from "@/api/index1";
+import * as api from "@/api/index1";
+import { message } from "ant-design-vue";
 // import { message } from "ant-design-vue";
 
 const props = defineProps({
@@ -66,30 +68,56 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
-  stage: {
+  groupList: {
     type: Array,
     default: () => [],
   },
-  ids: {
-    type: Array,
-    default: () => [],
+  checkgroupStuId: {
+    type: Number,
+    default: null,
   },
 });
 
 const option = computed(() => {
-  return props.stage.map((e) => ({ label: e.name, value: e.id }));
+  console.log("props.groupList", props.groupList);
+  return props.groupList.map((e) => ({
+    label: e.groupName,
+    value: e.projectGroupId,
+  }));
 });
 console.log("changegroupV", props.changegroupV);
-const selectStage = ref();
-
+const selectGroupId = ref();
+const selectGroupName = ref();
 const emit = defineEmits({});
 
 const closeChangeModal = () => {
   emit("update:changegroupV", false);
+  selectGroupId.value = null;
+};
+const selectGroup = (e, v) => {
+  console.log("选择小组", e, v);
+  selectGroupName.value = v.label;
 };
 //确认换组
 const changeGroup = (item) => {
-  console.log("换组", item);
+  console.log("换组", selectGroupId.value, item);
+  let obj = {
+    groupId: selectGroupId.value,
+    groupName: selectGroupName.value,
+    studentId: props.checkgroupStuId,
+  };
+  console.log("换组obj", obj);
+  api
+    .changeGroupByStudentId(obj)
+    .then((res) => {
+      console.log("换组成功", res);
+      if (res.data.code === 200) {
+        message.success("换组成功");
+      }
+    })
+    .catch((err) => {
+      console.log("换组失败", err);
+    });
 };
 </script>