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

src/api/index1.js

@@ -62,6 +62,8 @@ export const getRouterDetail = (routerId) => http.get('/admin/router/detail', {
 
 
 
+
+
 // 测试方法
 // import * as api from '../../api/index'
 // api.getLearnPath({}).then(res => {

src/components/BreadCrumb.vue

@@ -33,7 +33,10 @@ export default {
         // console.log("监听路由");
         console.log("new:" + n + ",old:" + o);
 
-        if (n === "/learningpath" || n === "/LearningPath") {
+        if (
+          n.indexOf("/learningpath") !== -1 ||
+          n.indexOf("/LearningPath") !== -1
+        ) {
           state.list = [
             {
               name: "学习路径",
@@ -42,7 +45,7 @@ export default {
             },
           ];
         }
-        if (n === "/leveladd" || n === "/LevelAdd") {
+        if (n.indexOf("/leveladd") !== -1 || n.indexOf("/LevelAdd") !== -1) {
           state.list = [
             {
               name: "学习路径",
@@ -53,7 +56,10 @@ export default {
             },
           ];
         }
-        if (n === "/leveladddetail" || n === "/LevelAddDetail") {
+        if (
+          n.indexOf("/leveladddetail") !== -1 ||
+          n.indexOf("/LevelAddDetail") !== -1
+        ) {
           state.list = [
             {
               name: "学习路径",
@@ -68,7 +74,10 @@ export default {
             },
           ];
         }
-        if (n === "/levelcheck" || n === "/LevelCheck") {
+        if (
+          n.indexOf("/levelcheck") !== -1 ||
+          n.indexOf("/LevelCheck") !== -1
+        ) {
           state.list = [
             {
               name: "学习路径",
@@ -83,7 +92,10 @@ export default {
             },
           ];
         }
-        if (n === "/projectmanage" || n === "/ProjectManage") {
+        if (
+          n.indexOf("/projectmanage") !== -1 ||
+          n.indexOf("/ProjectManage") !== -1
+        ) {
           state.list = [
             {
               name: "项目中心",
@@ -96,7 +108,10 @@ export default {
             },
           ];
         }
-        if (n === "/projectadd" || n === "/ProjectAdd") {
+        if (
+          n.indexOf("/projectadd") !== -1 ||
+          n.indexOf("/ProjectAdd") !== -1
+        ) {
           state.list = [
             {
               name: "项目",
@@ -107,7 +122,7 @@ export default {
             },
           ];
         }
-        if (n === "/taskpage" || n === "/TaskPage") {
+        if (n.indexOf("/taskpage") !== -1 || n.indexOf("/TaskPage") !== -1) {
           state.list = [
             {
               name: "项目",
@@ -118,7 +133,7 @@ export default {
             },
           ];
         }
-        if (n === "/taskadd" || n === "/TaskAdd") {
+        if (n.indexOf("/taskadd") !== -1 || n.indexOf("/TaskAdd") !== -1) {
           state.list = [
             {
               name: "项目",
@@ -135,7 +150,10 @@ export default {
             },
           ];
         }
-        if (n === "/templatelibrary" || n === "/TemplateLibrary") {
+        if (
+          n.indexOf("/templatelibrary") !== -1 ||
+          n.indexOf("/TemplateLibrary") !== -1
+        ) {
           state.list = [
             {
               name: "项目中心",
@@ -145,7 +163,10 @@ export default {
             },
           ];
         }
-        if (n === "/libraryadd" || n === "/LibraryAdd") {
+        if (
+          n.indexOf("/libraryadd") !== -1 ||
+          n.indexOf("/LibraryAdd") !== -1
+        ) {
           state.list = [
             {
               name: "项目中心",
@@ -159,7 +180,10 @@ export default {
             },
           ];
         }
-        if (n === "/coursemanage" || n === "/CourseManage") {
+        if (
+          n.indexOf("/coursemanage") !== -1 ||
+          n.indexOf("/CourseManage") !== -1
+        ) {
           state.list = [
             {
               name: "课程库",
@@ -172,7 +196,10 @@ export default {
             },
           ];
         }
-        if (n === "/coursewaremanage" || n === "/CoursewareManage") {
+        if (
+          n.indexOf("/coursewaremanage") !== -1 ||
+          n.indexOf("/CoursewareManage") !== -1
+        ) {
           state.list = [
             {
               name: "课程库",
@@ -182,7 +209,10 @@ export default {
             },
           ];
         }
-        if (n === "/researchmanage" || n === "/ResearchManage") {
+        if (
+          n.indexOf("/researchmanage") !== -1 ||
+          n.indexOf("/ResearchManage") !== -1
+        ) {
           state.list = [
             {
               name: "评估管理",
@@ -191,7 +221,10 @@ export default {
             },
           ];
         }
-        if (n === "/managepage" || n === "/ManagePage") {
+        if (
+          n.indexOf("/managepage") !== -1 ||
+          n.indexOf("/ManagePage") !== -1
+        ) {
           state.list = [
             {
               name: "评估管理",
@@ -204,7 +237,10 @@ export default {
           ];
         }
 
-        if (n === "/researchadd" || n === "/ResearchAdd") {
+        if (
+          n.indexOf("/researchadd") !== -1 ||
+          n.indexOf("/ResearchAdd") !== -1
+        ) {
           state.list = [
             {
               name: "评估管理",
@@ -217,14 +253,20 @@ export default {
           ];
         }
 
-        if (n === "/certificatecenter" || n === "/CertificateCenter") {
+        if (
+          n.indexOf("/certificatecenter") !== -1 ||
+          n.indexOf("/CertificateCenter") !== -1
+        ) {
           state.list = [
             {
               name: "证书中心",
             },
           ];
         }
-        if (n === "/systemmanage" || n === "/SystemManage") {
+        if (
+          n.indexOf("/systemmanage") !== -1 ||
+          n.indexOf("/SystemManage") !== -1
+        ) {
           state.list = [
             {
               name: "系统管理",

src/views/learningpath/LearningPath.vue

@@ -1074,9 +1074,17 @@ export default {
                   )}
                 </div>
                 <div class="tableSelect">
-                  <router-link to="/leveladd">
-                    <div class="g1">管理</div>
-                  </router-link>
+                  <div
+                    class="g1"
+                    onClick={() => {
+                      router.push({
+                        path: "/leveladd",
+                        query: { routerId: text.record.id },
+                      });
+                    }}
+                  >
+                    管理
+                  </div>
                   <a-select
                     style="width: 50px;margin-top:2px;margin-left:25px"
                     value="授权"

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,
     };
   },
 };