我的技能培训列表页接口联调

src/api/PersonalCenter/index.js

@@ -4,7 +4,7 @@
  * @Date: 2022-08-15 14:26:14
 <<<<<<< HEAD
  * @LastEditors: wangcc
- * @LastEditTime: 2022-08-25 14:48:47
+ * @LastEditTime: 2022-08-25 16:00:21
 =======
  * @LastEditors: gcz
  * @LastEditTime: 2022-08-25 11:41:09
@@ -12,7 +12,7 @@
  * @FilePath: \veterans_client_web\src\api\PersonalCenter\index.js
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
  */
-import request from '@/utils/request'
+import request from "@/utils/request";
 
 /**
  * 获取个人信息
@@ -21,10 +21,10 @@ import request from '@/utils/request'
  */
 export function getPersonInfoData(params) {
   return request({
-    url: '/app/memberinfo',
-    method: 'get',
-    params
-  })
+    url: "/app/memberinfo",
+    method: "get",
+    params,
+  });
 }
 
 /**
@@ -34,10 +34,10 @@ export function getPersonInfoData(params) {
  */
 export function getPersonIntegralData(params) {
   return request({
-    url: '/app/integral/total',
-    method: 'get',
-    params
-  })
+    url: "/app/integral/total",
+    method: "get",
+    params,
+  });
 }
 
 /**
@@ -47,10 +47,10 @@ export function getPersonIntegralData(params) {
  */
 export function getPersonStaticisData(params) {
   return request({
-    url: '/app/memberinfo/getCountResult',
-    method: 'get',
-    params
-  })
+    url: "/app/memberinfo/getCountResult",
+    method: "get",
+    params,
+  });
 }
 
 /**
@@ -61,22 +61,21 @@ export function getPersonStaticisData(params) {
 export function getIdInfo(params) {
   return request({
     url: `/app/veteEduc/idcard/${params.id}`,
-    method: 'get'
-  })
+    method: "get",
+  });
 }
 
-
 /**
  * 查询我投递列表
  * @param {*} params
  * @returns
  */
- export function myDeliveredList(params) {
+export function myDeliveredList(params) {
   return request({
-    url: '/app/delivery/myDeliveredList',
-    method: 'get',
-    params
-  })
+    url: "/app/delivery/myDeliveredList",
+    method: "get",
+    params,
+  });
 }
 
 /**
@@ -84,24 +83,24 @@ export function getIdInfo(params) {
  * @param {*} params
  * @returns
  */
- export function myInterviewList(params) {
+export function myInterviewList(params) {
   return request({
-    url: '/app/delivery/myInterviewList',
-    method: 'get',
-    params
-  })
+    url: "/app/delivery/myInterviewList",
+    method: "get",
+    params,
+  });
 }
-/** 
+/**
  * 保存求职意向
  * @param {*} params
  * @returns
  */
 export function saveJobIntention(data) {
   return request({
-    url: '/app/memberinfo/saveJobIntention',
-    method: 'put',
-    data
-  })
+    url: "/app/memberinfo/saveJobIntention",
+    method: "put",
+    data,
+  });
 }
 
 /**
@@ -111,8 +110,21 @@ export function saveJobIntention(data) {
  */
 export function saveSelfAssessment(data) {
   return request({
-    url: '/app/memberinfo/saveSelfAssessment',
-    method: 'put',
-    data
-  })
-}
+    url: "/app/memberinfo/saveSelfAssessment",
+    method: "put",
+    data,
+  });
+}
+
+/**
+ * 我的培训列表
+ * @param {*} params
+ * @returns
+ */
+export function myTrainList(params) {
+  return request({
+    url: "/app/learnmember/myTrainList/" + params.type,
+    method: "get",
+    params,
+  });
+}

src/views/PersonalCenter/SkillTraining/SkillTrainingIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-24 10:02:17
  * @LastEditors: wangcc
- * @LastEditTime: 2022-08-25 15:49:02
+ * @LastEditTime: 2022-08-25 16:10:36
  * @FilePath: \veterans_client_web\src\views\PersonalCenter\SkillTraining\SkillTrainingIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -26,31 +26,31 @@
         <div class="box-list">
           <div class="tabs">
             <span
-              @click="tabsClick(index)"
+              @click="tabsClick(index,item)"
               :class="{activeSpan:currentClass==index}"
               v-for="(item,index) in tabsList"
               :key="index"
             >{{item.name}}</span>
           </div>
           <div style="display:table;width:100%">
-            <div class="deliverList-box" @click="trainDetail">
+            <div class="deliverList-box" v-for="(train,index) in deliverList" :key="index" @click="trainDetail(train)">
               <div class="line"></div>
-              <h3 class="title-h3">检验分析培训</h3>
+              <h3 class="title-h3">{{train.name}}</h3>
               <div class="deliver">
                 <div class="log">
-                  <img src="@/assets/images/log.png" alt />
+                  <img :src="train.img" alt />
                 </div>
                 <div class="center">
-                  <h3>培训学校：贵州工业职业技术学院</h3>
+                  <h3>培训学校：{{train.schoolName}}</h3>
                   <p style="display: flex;">
                     <span style="margin-right:6px">难度</span>
-                    <el-rate v-model="value" disabled text-color="#ff9900"></el-rate>
+                    <el-rate v-model="train.difficult" disabled text-color="#ff9900"></el-rate>
                   </p>
-                  <p class="comment">报名人数：16/60</p>
-                  <p class="comment">培训周期：2个月</p>
+                  <!-- <p class="comment">报名人数：16/60</p> -->
+                  <p class="comment">培训周期：{{train.cycle}}个月</p>
                 </div>
                 <div class="right-box">
-                  <span class="time">开始时间：2020-08-24</span>
+                  <span class="time">开始时间：{{train.applyTime.slice(0,10)}}</span>
                 </div>
               </div>
             </div>
@@ -72,6 +72,7 @@
 
 <script>
 import banner from '@/components/BannerBreadcrumb/index.vue';
+import { myTrainList } from '@/api/PersonalCenter/index';
 export default {
   name: 'EvaluateIndex',
   components: { banner },
@@ -81,23 +82,27 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        schoolName: undefined
+        type: '1'
       },
       total: 0,
       loading: false,
       currentClass: 0,
+      deliverList: [],
       tabsList: [
         {
           id: 1,
           name: '培训中'
         },
         {
-          id: 2,
+          id: 0,
           name: '已报名'
         }
       ]
     };
   },
+  created() {
+    this.getList()
+  },
   methods: {
     /**
      * 分页切换触发
@@ -116,19 +121,21 @@ export default {
      */
     getList() {
       this.loading = true;
-      // myInterviewList(this.queryParams).then((res) => {
-      //   this.deliverList = res.rows;
-      //   this.total = Number(res.total);
-      //   this.loading = false;
-      // });
+      myTrainList(this.queryParams).then((res) => {
+        this.deliverList = res.rows;
+        this.total = Number(res.total);
+        this.loading = false;
+      });
     },
-    tabsClick(index) {
+    tabsClick(index,item) {
       this.currentClass = index;
+      this.queryParams.type = item.id
+      this.getList()
     },
-    trainDetail() {
+    trainDetail(item) {
         this.$router.push({
           name: 'SkillsTrainingDetails',
-          query: {  }
+          query: { id:item.id }
         });
     }
   }