-- 批量跳转关卡

src/components/student/ChangeLevelModal.vue

@@ -8,12 +8,12 @@
 -->
 <template>
   <a-modal
-    style="padding: 0"
-    :closable="sh"
-    :visible="visiblene"
-    :footer="null"
-    centered="true"
-    wrapClassName="changeModal"
+      style="padding: 0"
+      :closable="true"
+      :visible="visiblene"
+      :footer="null"
+      centered="true"
+      wrapClassName="changeModal"
   >
     <div class="con">
       <div class="header">
@@ -28,27 +28,25 @@
           <!-- <div class="cur">当前关卡：关卡2</div> -->
           <div class="select">
             <a-select
-              v-model:value="curLevel"
-              style="width: 100%"
-              placeholder="请选择关卡"
-              :options="projectNameList4"
-              @change="selectProjectName4"
-              allowClear
-              showSearch
+                v-model:value="selectStage"
+                style="width: 100%"
+                placeholder="请选择关卡"
+                :options="option"
+                allowClear
             ></a-select>
           </div>
           <div class="btn">
             <button
-              class="sameb btn1"
-              @click="closeChangeModal"
-              style="cursor: pointer"
+                class="sameb btn1"
+                @click="closeChangeModal"
+                style="cursor: pointer"
             >
               取消
             </button>
             <button
-              class="sameb btn2"
-              @click="changelevel"
-              style="cursor: pointer"
+                class="sameb btn2"
+                @click="changelevel"
+                style="cursor: pointer"
             >
               确定
             </button>
@@ -58,28 +56,47 @@
     </div>
   </a-modal>
 </template>
-<script>
-export default {
-  name: "ChangeLevelModal",
-  props: {
-    visiblene: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  setup(props, ctx) {
-    const closeChangeModal = () => {
-      ctx.emit("update:visiblene", false);
-    };
-    const changelevel = () => {
-      console.log("点击调整关卡");
-    };
-    //获取关卡列表
+<script setup>
+import {computed, defineEmits, defineProps, ref} from "vue";
+import {moveStudent} from "@/api/index1";
+import {message} from "ant-design-vue";
 
-    return {
-      closeChangeModal,
-      changelevel,
-    };
+const props = defineProps({
+  visiblene: {
+    type: Boolean,
+    default: false,
   },
+  stage: {
+    type: Array,
+    default: () => [],
+  },
+  ids: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const option = computed(() => {
+  return props.stage.map(e => ({label: e.name, value: e.id}))
+})
+
+const selectStage = ref()
+
+const emit = defineEmits({})
+
+const closeChangeModal = () => {
+  emit("update:visiblene", false);
 };
+const changelevel = () => {
+  if(!selectStage.value){
+    message.error("请选择关卡")
+    return
+  }
+  emit("update:visiblene", false);
+  emit('finash', false)
+  moveStudent({targetId: selectStage.value, ids: props.ids}).then(()=>{
+    emit('finash', true)
+  })
+};
+//获取关卡列表
 </script>