成绩与证书

src/router/index.js

@@ -256,14 +256,23 @@ const routes = [
         }
       },
       {
-        path: 'personalcenter/skillsTrainingDetails',
-        name: 'SkillsTrainingDetails',
+        path: 'personalcenter/skillsTrainingdetails',
+        name: 'SkillsTrainingDetailsIndex',
         component: () =>
-          import('@/views/PersonalCenter/SkillTraining/SkillsTrainingDetails.vue'),
+          import('@/views/PersonalCenter/SkillTraining/SkillsTrainingDetails/SkillsTrainingDetailsIndex.vue'),
         meta: {
           title: '我的技能培训-详情'
         }
       },
+      {
+        path: 'personalcenter/skillsTrainingdetails/achievementcertificate',
+        name: 'AchievementCertificateIndex',
+        component: () =>
+          import('@/views/PersonalCenter/SkillTraining/SkillsTrainingDetails/AchievementCertificate/AchievementCertificateIndex.vue'),
+        meta: {
+          title: '成绩与证书'
+        }
+      },
       {
         path: 'personalcenter/progresspoints',
         name: 'ProgressPointsIndex',

src/views/PersonalCenter/SkillTraining/SkillTrainingIndex.vue

@@ -2,8 +2,8 @@
  * @Description: 我的技能培训
  * @Author: 空白格
  * @Date: 2022-08-24 10:02:17
- * @LastEditors: wangcc
- * @LastEditTime: 2022-08-25 16:10:36
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-26 16:54:28
  * @FilePath: \veterans_client_web\src\views\PersonalCenter\SkillTraining\SkillTrainingIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -15,7 +15,9 @@
         <div class="banner-breadcrumb-breadcrumb">
           <el-breadcrumb separator-class="el-icon-arrow-right">
             <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
-            <el-breadcrumb-item :to="{ path: '/personalcenter'}">我的</el-breadcrumb-item>
+            <el-breadcrumb-item :to="{ path: '/personalcenter' }"
+              >我的</el-breadcrumb-item
+            >
             <el-breadcrumb-item>我的技能培训</el-breadcrumb-item>
           </el-breadcrumb>
         </div>
@@ -26,31 +28,43 @@
         <div class="box-list">
           <div class="tabs">
             <span
-              @click="tabsClick(index,item)"
-              :class="{activeSpan:currentClass==index}"
-              v-for="(item,index) in tabsList"
+              @click="tabsClick(index, item)"
+              :class="{ activeSpan: currentClass == index }"
+              v-for="(item, index) in tabsList"
               :key="index"
-            >{{item.name}}</span>
+              >{{ item.name }}</span
+            >
           </div>
-          <div style="display:table;width:100%">
-            <div class="deliverList-box" v-for="(train,index) in deliverList" :key="index" @click="trainDetail(train)">
+          <div style="display: table; width: 100%">
+            <div
+              class="deliverList-box"
+              v-for="(train, index) in deliverList"
+              :key="index"
+              @click="trainDetail(train)"
+            >
               <div class="line"></div>
-              <h3 class="title-h3">{{train.name}}</h3>
+              <h3 class="title-h3">{{ train.name }}</h3>
               <div class="deliver">
                 <div class="log">
                   <img :src="train.img" alt />
                 </div>
                 <div class="center">
-                  <h3>培训学校：{{train.schoolName}}</h3>
-                  <p style="display: flex;">
-                    <span style="margin-right:6px">难度</span>
-                    <el-rate v-model="train.difficult" disabled text-color="#ff9900"></el-rate>
+                  <h3>培训学校：{{ train.schoolName }}</h3>
+                  <p style="display: flex">
+                    <span style="margin-right: 6px">难度</span>
+                    <el-rate
+                      v-model="train.difficult"
+                      disabled
+                      text-color="#ff9900"
+                    ></el-rate>
                   </p>
                   <!-- <p class="comment">报名人数：16/60</p> -->
-                  <p class="comment">培训周期：{{train.cycle}}个月</p>
+                  <p class="comment">培训周期：{{ train.cycle }}个月</p>
                 </div>
                 <div class="right-box">
-                  <span class="time">开始时间：{{train.applyTime.slice(0,10)}}</span>
+                  <span class="time"
+                    >开始时间：{{ train.applyTime.slice(0, 10) }}</span
+                  >
                 </div>
               </div>
             </div>
@@ -71,10 +85,10 @@
 </template>
 
 <script>
-import banner from '@/components/BannerBreadcrumb/index.vue';
-import { myTrainList } from '@/api/PersonalCenter/index';
+import banner from "@/components/BannerBreadcrumb/index.vue";
+import { myTrainList } from "@/api/PersonalCenter/index";
 export default {
-  name: 'EvaluateIndex',
+  name: "EvaluateIndex",
   components: { banner },
   data() {
     return {
@@ -82,7 +96,7 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        type: '1'
+        type: "1",
       },
       total: 0,
       loading: false,
@@ -91,17 +105,17 @@ export default {
       tabsList: [
         {
           id: 1,
-          name: '培训中'
+          name: "培训中",
         },
         {
           id: 0,
-          name: '已报名'
-        }
-      ]
+          name: "已报名",
+        },
+      ],
     };
   },
   created() {
-    this.getList()
+    this.getList();
   },
   methods: {
     /**
@@ -127,22 +141,22 @@ export default {
         this.loading = false;
       });
     },
-    tabsClick(index,item) {
+    tabsClick(index, item) {
       this.currentClass = index;
-      this.queryParams.type = item.id
-      this.getList()
+      this.queryParams.type = item.id;
+      this.getList();
     },
     trainDetail(item) {
-        this.$router.push({
-          name: 'SkillsTrainingDetails',
-          query: { id:item.id }
-        });
-    }
-  }
+      this.$router.push({
+        path: "/personalcenter/skillsTrainingdetails",
+        query: { id: item.id },
+      });
+    },
+  },
 };
 </script>
 
-<style  lang='scss' scoped>
+<style lang="scss" scoped>
 ._container {
   width: 1200px !important;
   margin-right: auto;
@@ -154,7 +168,7 @@ export default {
 ._container:after,
 ._container:before {
   display: table;
-  content: ' ';
+  content: " ";
   clear: both;
 }
 .breadcrumb {
@@ -228,7 +242,7 @@ export default {
         color: #1a1a1a;
         margin-bottom: 10px;
         font-size: 18px;
-        font-family: 'SourceHanSansCN';
+        font-family: "SourceHanSansCN";
         font-weight: 400;
       }
       p {
@@ -243,10 +257,10 @@ export default {
           padding: 0 1px 0 4px;
           display: inline-block;
           color: #919090;
-          content: '|';
+          content: "|";
         }
         .meta_cell:last-child:after {
-          content: '';
+          content: "";
         }
       }
       .comment {
@@ -343,4 +357,4 @@ export default {
 .video {
   width: 200px;
 }
-</style>
+</style>

src/views/PersonalCenter/SkillTraining/SkillsTrainingDetails/AchievementCertificate/AchievementCertificateIndex.vue

@@ -0,0 +1,12 @@
+<!--
+ * @Description: 我的技能培训 => 技能培训详情 => 成绩和证书
+ * @Author: 空白格
+ * @Date: 2022-08-26 16:50:09
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-26 16:52:11
+ * @FilePath: \veterans_client_web\src\views\PersonalCenter\SkillTraining\SkillsTrainingDetails\AchievementCertificate\AchievementCertificateIndex.vue
+ * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
+-->
+<template>
+  <div>成绩和证书</div>
+</template>

src/views/PersonalCenter/SkillTraining/SkillsTrainingDetails.vue

@@ -1,11 +1,11 @@
 <!--
- * @Description: 
- * @Author: gcz
- * @Date: 2022-08-25 15:01:55
- * @LastEditors: gcz
- * @LastEditTime: 2022-08-26 14:46:10
- * @FilePath: \veterans_client_web\src\views\PersonalCenter\SkillTraining\SkillsTrainingDetails.vue
- * @Copyright: Copyright (c) 2016~2022 by gcz, All Rights Reserved. 
+ * @Description: 我的技能培训 => 详情
+ * @Author: 空白格
+ * @Date: 2022-08-26 08:43:06
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-26 16:51:39
+ * @FilePath: \veterans_client_web\src\views\PersonalCenter\SkillTraining\SkillsTrainingDetails\SkillsTrainingDetailsIndex.vue
+ * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
 <template>
   <div class="app-main">
@@ -86,14 +86,14 @@
                     </div>
                   </div>
                   <div class="right">
-                    
+
                   </div>
                 </div>
               </el-col>
             </el-row>
             <el-empty v-else description="暂无线上课程"></el-empty>
             </div>
-            
+
             <div class="" v-if="classTypeActive==1">
              <el-row :gutter="16" v-if="offLineCourselist && offLineCourselist.length">
               <el-col
@@ -273,4 +273,4 @@ export default {
         background-color: #416050;
     }
 }
-</style>
+</style>