feat:增加项目/学习路径图评估管理列表部分数据接入

src/components/drawers/router/RouterCommonManage.vue

@@ -66,7 +66,7 @@
             <div
               class="btn btn1"
               style="margin-right: 20px"
-              @click="searchTaskList"
+              @click="searchTaskList" 
             >
               <div class="img1"></div>
               <div class="wz">搜索</div>
@@ -82,8 +82,8 @@
             <div class="img1"></div>
             <div class="wz">催促学习</div>
           </div>
-          <div class="btn btn2">
-            <div class="img2"></div>
+          <div class="btn btn2" @click="exportTaskStu"> 
+            <div class="img2"></div> 
             <div class="wz">导出数据</div>
           </div>
         </div>
@@ -92,7 +92,7 @@
             style="border: 1px solid #f2f6fe"
             :columns="tableDataFunc()"
             :data-source="tabledata"
-            :loading="tableDataTotal === -1 ? true : false"
+            :loading="tableDataTotalLoading"
             :scroll="{ x: 900 }"
             :pagination="false"
           />
@@ -106,7 +106,7 @@
                 :current="currentPage"
                 :total="tableDataTotal"
                 class="pagination"
-                @change="onChange"
+                @change="changePaginationStu"
                 v-if="tableDataTotal > 10"
               />
             </div>
@@ -114,8 +114,8 @@
         </div>
       </div>
       <div class="btnn">
-        <button class="btn1">取消</button>
-        <button class="btn2">确定</button>
+        <button class="btn1" @click="closeDrawer">取消</button>
+        <button class="btn2" @click="closeDrawer">确定</button>
       </div>
     </div>
   </a-drawer>
@@ -125,6 +125,7 @@
 import { toRefs, reactive, onMounted, onUnmounted } from "vue";
 import { message } from "ant-design-vue";
 // import * as api from "../../../api/index";
+import * as api from '../../../api/indexTaskManage';
 export default {
   name: "RouterCommonManage",
 
@@ -137,6 +138,10 @@ export default {
       type: String,
       default: "",
     },
+    levelName: {
+      type: String,
+      default: "",
+    },
     projectTaskId: {
       type: Number,
       default: null,
@@ -161,82 +166,80 @@ export default {
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 0,
-      projectName: null,
+      projectName: "",
       projectNameList: [
+        // {
+        //   id: 1,
+        //   value: "-1",
+        //   label: "未开始",
+        // },
         {
           id: 1,
-          value: "-1",
-          label: "未开始",
-        },
-        {
-          id: 2,
           value: "0",
           label: "未完成",
         },
         {
-          id: 3,
+          id: 2,
           value: "1",
           label: "已完成",
         },
       ],
-      tabledata: [
-        {
-          workNum: "123",
-          userName: "li",
-          deptName: "开发",
-          jobName: "前端开发",
-          level:"关卡一",
-          time: "2022-07-22 14:00:30",
-          status: "已完成",
-        },
-      ],
+      tabledata: [],
+      tableDataTotalLoading: true, // 表格loading加载配置
     });
     const tableDataFunc = () => {
       const columns = [
         {
           title: "工号",
-          dataIndex: "workNum",
-          key: "workNum",
+          dataIndex: "studentUserNo",
+          key: "studentUserNo",
           width: 50,
           align: "center",
           className: "h head",
         },
         {
           title: "姓名",
-          dataIndex: "userName",
-          key: "userName",
+          dataIndex: "studentName",
+          key: "studentName",
           width: 50,
           align: "center",
           className: "h head",
         },
         {
           title: "所在部门",
-          dataIndex: "deptName",
-          key: "deptName",
+          dataIndex: "studentDepartName",
+          key: "studentDepartName",
           width: 60,
           align: "center",
           className: "h",
         },
         {
           title: "所在岗位",
-          dataIndex: "jobName",
-          key: "jobName",
+          dataIndex: "studentJobName",
+          key: "studentJobName",
           width: 60,
           align: "center",
           className: "h",
         },
         {
           title: "学员关卡",
-          dataIndex: "level",
-          key: "level",
+          dataIndex: "currentStageName",
+          key: "currentStageName",
           width: 60,
           align: "center",
           className: "h",
+          customRender: (text) => {
+              return (
+                <div class="racona">
+                  <span> {props.levelName}</span>
+                </div>
+              );
+            }
         },
         {
           title: "完成时间",
-          dataIndex: "time",
-          key: "time",
+          dataIndex: "endStudyTime",
+          key: "endStudyTime",
           width: 100,
           align: "center",
           className: "h",
@@ -248,6 +251,13 @@ export default {
           width: 60,
           align: "center",
           className: "h",
+          customRender: (text) => {
+              return (
+                <div class="racona">
+                  <span> {text.record.status==0?"未完成":"已完成"}</span>
+                </div>
+              );
+            }
         },
       ];
       return columns;
@@ -262,6 +272,8 @@ export default {
     };
     const afterVisibleChange = (bol) => {
       if (bol == true) {
+        console.log('当前是什么类型',props.datasource.type)
+        state.tableDataTotalLoading = true;
         getData();
       }
     };
@@ -277,18 +289,80 @@ export default {
       console.log("Page: ", pageNumber);
     };
 
+    // 获取数据
     function getData() {
-      state.tabledata =  [
-        {
-          workNum: "123",
-          userName: "li",
-          deptName: "开发",
-          jobName: "前端开发",
-          level:"关卡一",
-          time: "2022-07-22 14:00:30",
-          status: "已完成",
-        },
-      ]
+      if(props.datasource.type==11){
+        // 此处为获取评估学员的接口 - 如后续还有用到此接口的公共任务可直接在if里面加||判断即可
+        console.log('我是传递的查询参数',{
+          pageNo:state.currentPage,
+          pageSize:state.pageSize,
+          currentStageId:props.datasource.chapterId,
+          type: 2,
+          pid: props.datasource.routerId,
+          status: state.projectName,
+          studentName: state.name
+        })
+        api.AssessmentManagementMessage({
+          pageNo:state.currentPage,
+          pageSize:state.pageSize,
+          currentStageId:props.datasource.chapterId,
+          type: 2,
+          pid: props.datasource.routerId,
+          status: state.projectName,
+          studentName: state.name
+        }).then(res=>{
+          console.log(res)
+          if(res.status==200){
+            state.tabledata = res.data.data.records;
+            state.tableDataTotal =res.data.data.total;
+            state.tableDataTotalLoading = false;
+          }
+        }).catch(err=>{
+          console.log(err)
+          state.tableDataTotalLoading = false;
+          state.tabledata = [];
+        })
+      }else{
+        state.tableDataTotalLoading = false;
+        state.tabledata =  [];
+      }
+    }
+
+    // 搜索按钮
+    function searchTaskList() {
+      state.currentPage = 1;
+      state.tableDataTotalLoading = true;
+      getData();
+    }
+    // 重置按钮
+    function resetTaskList() {
+      state.tableDataTotalLoading = true;
+      state.currentPage = 1;
+      state.name = ""; 
+      state.projectName = "";
+      getData();
+    }
+
+    //分页
+    const changePaginationStu = (page) => {
+        state.tableDataTotalLoading = true;
+        state.currentPage = page;
+        getData();
+      };
+    
+    // 导出数据
+    function exportTaskStu() {
+      api.ExportTaskStudent({
+        pageNo:state.currentPage,
+        pageSize:state.pageSize,
+        currentStageId:props.datasource.chapterId,
+        type: 2,
+        pid: props.datasource.routerId
+      }).then(res=>{
+        console.log(res)
+      }).catch(err=>{
+        console.log(err)
+      })
     }
 
     return {
@@ -301,6 +375,10 @@ export default {
       onMounted,
       onUnmounted,
       onChange,
+      searchTaskList,
+      resetTaskList,
+      changePaginationStu,
+      exportTaskStu
     };
   },
 };