feat:增加项目排行榜,项目积分榜单接口获取数据

src/views/projectcenter/TaskPage.vue

@@ -45,6 +45,7 @@
         v-model:activeKey="activeKey"
         size="large"
         :tabBarStyle="{ marginLeft: '10px', marginTop: '5px' }"
+        @change="tabsChange"
       >
         <a-tab-pane key="1" tab="概览">
           <div class="split"></div>
@@ -809,7 +810,7 @@
           <NoticePub></NoticePub>
         </a-tab-pane>
         <a-tab-pane key="5" tab="项目积分">
-          <ProjectScore></ProjectScore>
+          <ProjectScore :projectId="projectId"></ProjectScore>
         </a-tab-pane>
         <a-tab-pane key="6" tab="排行榜">
           <div class="split"></div>
@@ -837,15 +838,16 @@
                     v-model:value="valueDate"
                     style="border-radius: 8px; height: 40px; margin-left: 5px"
                     :placeholder="['      开始时间', '        结束时间']"
+                    @change="rankTimeChange"
                   />
                 </div>
               </div>
               <div class="right">
-                <div class="btn btn1">
+                <div class="btn btn1" @click="rankSearch">
                   <div class="img1"></div>
                   <div class="te">搜索</div>
                 </div>
-                <div class="btn btn2">
+                <div class="btn btn2" @click="rankReset">
                   <div class="img2"></div>
                   <div class="te">重置</div>
                 </div>
@@ -1664,6 +1666,7 @@ import NoticePub from "../../components/drawers/NoticePub";
 import ProjectScore from "../../components/drawers/ProjectScore";
 import TaskImpStu from "../../components/drawers/TaskFaceIn";
 import { storage } from "../../api/storage";
+import * as api from "../../api/index1";
 export default {
   name: "taskPage",
   components: {
@@ -1686,7 +1689,7 @@ export default {
   },
   setup() {
     const state = reactive({
-      projectId: storage.get("projectId") ? storage.get("projectId") : null,
+      projectId: storage.get("projectId") ?JSON.parse(storage.get("projectId")) : null,
       goodstuList: [
         {
           id: 1,
@@ -1799,7 +1802,7 @@ export default {
       checkedd2: false, //设置按钮2
       radioV1: "",
       radioV2: "",
-      activeKey: "1", //1:概览 2.任务...
+      activeKey: "5", //1:概览 2.任务...
       activeKey1: "8", //8:学员管理 9：小组管理
       activeKey2: "3",
       inputValue: 5,
@@ -1811,7 +1814,7 @@ export default {
       valuegood: "",
       valuestub: "", //学员管理部门
       valuestug: "", //学员管理小组名称
-      valueName: "", //排行榜输入姓名
+
       valueDate: "", //排行榜输入日期
       noticeChecked: true,
       noticeContent: "",
@@ -2267,6 +2270,11 @@ export default {
       showTestText: "",
       //直播、活动页面传递参数
       showkaoqinText: "",
+
+      //排行榜时间
+      rankStartTime: null,
+      rankEndTime: null,
+      valueName: "", //排行榜输入姓名
     });
 
     // 输入接入 -- start --
@@ -2665,6 +2673,78 @@ export default {
     const delete_exit = () => {
       state.delete_hs = false;
     };
+
+    //tabs切换
+    const tabsChange = (e) => {
+     
+      //排行榜
+      if (e == 6) {
+        //获取进度榜
+      getbillboard(1, 1);
+      //获取学分榜
+      getbillboard(2, 1);
+      //获取学时榜
+      getbillboard(3, 1);
+      } else {
+        rankReset();
+      }
+    };
+
+    
+
+
+
+    // start -------排行榜---------------排行榜------------排行榜------------------排行榜---------
+    //选择搜索时间
+    const rankTimeChange = (e, date) => {
+      let startTime = date[0] + " 00:00:00";
+      let endTime = date[1] + " 23:59:59";
+      state.rankStartTime = new Date(startTime).getTime() / 1000;
+      state.rankEndTime = new Date(endTime).getTime() / 1000;
+      console.log("e", state.rankStartTime, state.rankEndTime);
+    };
+    //获取排行榜 category:榜单类别参数 type:人员类别参数
+    const getbillboard = (category, type) => {
+      let obj = {
+        beginTime: state.rankStartTime,
+        category: category,
+        endTime: state.rankEndTime,
+        name: state.valueName,
+        projectId: state.projectId,
+        stageId: 0,
+        type: type,
+      };
+      api
+        .billboard(obj)
+        .then((res) => {
+          console.log("获取成功", res);
+        })
+        .catch((err) => {
+          console.log("获取失败", err);
+        });
+    };
+
+    //搜索
+    const rankSearch = () => {
+      //获取进度榜
+      getbillboard(1, 1);
+      //获取学分榜
+      getbillboard(2, 1);
+      //获取学时榜
+      getbillboard(3, 1);
+    };
+    //重置
+    const rankReset = () => {
+      state.rankStartTime = null;
+      state.rankEndTime = null;
+      state.valueDate = null;
+      state.valueName = null;
+    };
+
+    // end -----排行榜----------------排行榜----------------------排行榜-----------排行榜----------
+
+
+
     return {
       ...toRefs(state),
       totask,
@@ -2706,6 +2786,15 @@ export default {
       showhuodModal,
       closehuodModal,
       closezhibModal,
+
+      tabsChange,
+
+     
+
+      rankTimeChange,
+      getbillboard,
+      rankSearch,
+      rankReset,
     };
   },
 };