feat:修改面包屑,增加获取学员接口

src/views/learningpath/LevelAdd.vue

@@ -42,6 +42,7 @@
         class="tab"
         v-model:activeKey="activeKey"
         size="large"
+        @change="changeTabs"
         :tabBarStyle="{ marginLeft: '10px' }"
       >
         <a-tab-pane key="1" tab="概览">
@@ -898,6 +899,8 @@ import TimeManage from "../../components/drawers/TimeManage";
 import TestManage from "../../components/drawers/TestManage";
 import FaceManage from "../../components/drawers/FaceManage";
 import WorkManage from "../../components/drawers/WorkManage";
+import { useRoute } from "vue-router";
+import * as api from "../../api/index1";
 export default {
   name: "LevelAdd",
   components: {
@@ -913,7 +916,9 @@ export default {
   },
   methods: {},
   setup() {
+    const routers = useRoute();
     const state = reactive({
+      routerId: routers.query.routerId, //学习路径页面传的学习路径id
       gatename: null, //关卡名称
       gatenamee: null, //学员管理关卡名称
       deleteAll: false, //批量删除学员弹窗
@@ -1441,6 +1446,32 @@ export default {
     const closehuodModal = () => {
       state.huodModal = false;
     };
+
+    const changeTabs = (e) => {
+      console.log("切换tabs", e, state.routerId);
+      //学员管理
+      if (e == 3) {
+        getStudent();
+      }
+    };
+    //学员管理------------------------------------------------
+    //获取学员列表
+    const getStudent = () => {
+      let obj = {
+        routerId: state.routerId,
+        pageNo: 1,
+        pageSize: 10,
+      };
+      api
+        .getStudent(obj)
+        .then((res) => {
+          console.log("获取学员列表", res);
+        })
+        .catch((err) => {
+          console.log("获取学员列表失败", err);
+        });
+    };
+
     return {
       ...toRefs(state),
       selectProjectName,
@@ -1470,6 +1501,7 @@ export default {
       showhuodModal,
       closehuodModal,
       closezhibModal,
+      changeTabs,
     };
   },
 };