-- 批量跳转关卡

src/components/student/TableStudent.vue

@@ -63,7 +63,7 @@
           批量删除
         </a-button>
       </a-col>
-      <a-col :span="1.5" v-if="type == 2">
+      <a-col :span="1.5" v-if="type === 2">
         <a-button class="cus-btn white" @click="showChangeModal">
           <template #icon></template>
           批量调整关卡
@@ -109,7 +109,7 @@
     </div>
   </div>
   <!-- 批量调整关卡弹窗 -->
-  <ChangeLevelModal v-model:visiblene="visiblene" />
+  <ChangeLevelModal v-model:visiblene="visiblene" :stage="stage" :ids="stuSelectKeys"  @finash="submitCall"/>
   <!-- 批量调整关卡弹窗 -->
 </template>
 <script setup>
@@ -117,6 +117,7 @@ import { computed, defineProps, onMounted, ref, watch } from "vue";
 import { delStudentList, getStuPage } from "@/api/index1";
 import CommonStudent from "@/components/student/CommonStudent";
 import ChangeLevelModal from "./ChangeLevelModal.vue";
+import {message} from "ant-design-vue";
 const props = defineProps({
   type: Number,
   id: String,
@@ -261,6 +262,10 @@ function submitCall(flag) {
 //调整关卡
 const visiblene = ref(false);
 const showChangeModal = () => {
+  if(!stuSelectKeys.value.length){
+    message.error("请选择学员")
+    return
+  }
   visiblene.value = true;
 };
 </script>
@@ -274,4 +279,27 @@ const showChangeModal = () => {
   border-right: 1px solid #e9e9e9;
   cursor: pointer;
 }
+.cus-btn {
+  width: 100%;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 16px;
+  border: 1px solid #4ea6ff;
+  border-radius: 8px;
+  background: #4ea6ff;
+  cursor: pointer;
+  color: #fff;
+}
+
+.white {
+  background: #fff;
+  color: #4ea6ff;
+}
+
+.cus-input {
+  height: 40px;
+  border-radius: 8px;
+}
 </style>