feat:增加项目-排行榜-学时排行榜数据接入

src/api/index1.js

@@ -91,6 +91,8 @@ export const editLearnInfo = (obj) => http.post('/admin/router/editInfo', obj)
 export const scoreRank = (params) => http.get('/points/top/list', { params })
 // 项目进度排行
 export const completionRank = (params) => http.get('/stu/project/rank_list/completion_list', { params })
+// 项目学时排行榜
+export const studytimeRank = (params) => http.get('/stu/project/rank_list/study_time_list', { params })
 //排行榜
 export const billboard = (obj) => http.post("/admin/project/billboard", obj);
 //项目基础信息-----------------------------------

src/views/projectcenter/TaskPage.vue

@@ -955,6 +955,7 @@
                     <div class="right">
                       <a-select
                         v-model:value="valuestu4"
+                        @change="xsSelectChange"
                         style="width: 80px"
                         :options="rankxueshi"
                       ></a-select>
@@ -965,7 +966,7 @@
                   <a-table
                     :columns="xueshitablecolumns"
                     :data-source="xueshitabledata"
-                    :loading="tableDataTotal === -1 ? true : false"
+                    :loading="studytimeRankLoading"
                     expandRowByClick="true"
                     :scroll="{ y: 330 }"
                     @expand="expandTable"
@@ -2317,10 +2318,10 @@ export default {
       valuestu3: 0,
       //学时排行
       rankxueshi: [
-        { value: "学员", label: "学员" },
-        { value: "小组", label: "小组" },
+        { value: 0, label: "学员" },
+        { value: 1, label: "小组" },
       ],
-      valuestu4: "学员",
+      valuestu4: 0,
       visible: false, //时间管理
       onlineVisible: false, //在线管理
       FaceVisivle: false, //面授管理
@@ -2525,83 +2526,32 @@ export default {
         },
       ],
       //学时排行表
-      xueshitabledata: [
-        {
-          rank: "1",
-          name: "哈哈",
-          jd: "8",
-        },
-
-        {
-          rank: "2",
-          name: "哈哈",
-          jd: "70",
-        },
-        {
-          rank: "3",
-          name: "哈哈",
-          jd: "70",
-        },
-        {
-          rank: "4",
-          name: "哈哈",
-          jd: "70",
-        },
-        {
-          rank: "5",
-          name: "哈哈",
-          jd: "70",
-        },
-        {
-          rank: "6",
-          name: "哈哈",
-          jd: "70",
-        },
-        {
-          rank: "7",
-          name: "哈哈",
-          jd: "70",
-        },
-        {
-          rank: "8",
-          name: "哈哈",
-          jd: "70",
-        },
-        {
-          rank: "9",
-          name: "哈哈",
-          jd: "70",
-        },
-        {
-          rank: "10",
-          name: "哈哈",
-          jd: "70",
-        },
-      ],
+      studytimeRankLoading:true,
+      xueshitabledata: [],
       xueshitablecolumns: [
         {
           title: "排名",
-          dataIndex: "rank",
-          key: "rank",
+          dataIndex: "index",
+          key: "index",
           width: 50,
           align: "center",
           className: "h",
           customRender: (text) => {
-            if (text.record.rank == "1") {
+            if (text.record.index == "1") {
               return (
                 <img
                   style={{ width: 24, height: 24 }}
                   src={require("../../assets/images/taskpage/one.png")}
                 />
               );
-            } else if (text.record.rank == "2") {
+            } else if (text.record.index == "2") {
               return (
                 <img
                   style={{ width: 24, height: 24 }}
                   src={require("../../assets/images/taskpage/two.png")}
                 />
               );
-            } else if (text.record.rank == "3") {
+            } else if (text.record.index == "3") {
               return (
                 <img
                   style={{ width: 24, height: 24 }}
@@ -2609,7 +2559,7 @@ export default {
                 />
               );
             } else {
-              return <div>{text.record.rank}</div>;
+              return <div>{text.record.index}</div>;
             }
           },
         },
@@ -2624,8 +2574,8 @@ export default {
 
         {
           title: "时长",
-          dataIndex: "jd",
-          key: "jd",
+          dataIndex: "timeStr",
+          key: "timeStr",
           width: 50,
           align: "center",
           className: "h",
@@ -2806,6 +2756,10 @@ export default {
       console.log(e)
       completionRank();
     }
+    const xsSelectChange = (e) => {
+      console.log(e)
+      studytimeRank();
+    }
     //项目积分榜单
     const scoreRank = (period, type) => {
       state.scoreRankLoading = true;
@@ -2821,7 +2775,7 @@ export default {
         type: Number(state.valuestu3), // 查询类型 0 学员积分榜 1 小组积分榜
       })
       let obj = {
-        projectId: 290, // 项目id
+        projectId: state.projectId, // 项目id
         name: "", // 名字，没有则传空字符串
         startTime: state.rankStartTime?state.rankStartTime:0,  // 数据查询的起始时间 10位时间戳
         endTime: state.rankEndTime?state.rankEndTime:0,
@@ -2860,7 +2814,7 @@ export default {
     const completionRank = () => {
       state.processRankLoading = true;
       let obj = {
-        projectId: 290, // 项目id
+        projectId: state.projectId, // 项目id
         startTime: state.rankStartTime?state.rankStartTime:0,  // 数据查询的起始时间 10位时间戳
         endTime: state.rankEndTime?state.rankEndTime:0,
         stageId: state.valuestu2, // 阶段ID
@@ -2885,6 +2839,34 @@ export default {
       })
     }
 
+    // 项目学时榜单
+    const studytimeRank = () => {
+      state.studytimeRankLoading = true;
+      let obj = {
+        projectId: state.projectId, // 项目id
+        startTime: state.rankStartTime?state.rankStartTime:0,  // 数据查询的起始时间 10位时间戳
+        endTime: state.rankEndTime?state.rankEndTime:0,
+        type: Number(state.valuestu4), // 查询类型 0 学员积分榜 1 小组积分榜
+      }
+
+      console.log('我是获取得项目学时排行榜--》', obj)
+      api.studytimeRank(obj).then(res=>{
+        console.log('项目学时榜单获取',res)
+        if(res.data.datas){
+          state.xueshitabledata = res.data.datas;
+          state.studytimeRankLoading = false;
+        }else{
+          state.xueshitabledata = [];
+          state.studytimeRankLoading = false;
+        }
+        
+      }).catch(err=>{
+        console.log(err)
+        state.xueshitabledata = [];
+        state.studytimeRankLoading = false;
+      })
+    }
+
     // 排行榜 - end
 
     const levelList = reactive({
@@ -3633,6 +3615,8 @@ export default {
         scoreRank();
         // 获取项目进度排行榜
         completionRank();
+        // 获取学时排行榜
+        studytimeRank();
 
       } else if (e == 3) {
         state.tabFlag = true;
@@ -3690,6 +3674,8 @@ state.ischeckCertificate=false
       scoreRank();
       // 获取项目进度排行榜
       completionRank();
+      // 获取学时排行榜
+      studytimeRank();
     };
     //重置
     const rankReset = () => {
@@ -3702,6 +3688,8 @@ state.ischeckCertificate=false
       scoreRank();
       // 获取项目进度排行榜
       completionRank();
+      // 获取学时排行榜
+      studytimeRank();
     };
 
     // end -----排行榜----------------排行榜----------------------排行榜-----------排行榜----------
@@ -4822,6 +4810,9 @@ state.ischeckCertificate=false
       jdSelectChange,
       jdSelectChange1,
 
+      studytimeRank,
+      xsSelectChange
+
     };
   },
 };