我的技能培训页面

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:35:51
+ * @LastEditTime: 2022-08-25 15:49:02
  * @FilePath: \veterans_client_web\src\views\PersonalCenter\SkillTraining\SkillTrainingIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -25,10 +25,15 @@
       <div class="_container">
         <div class="box-list">
           <div class="tabs">
-            <span  @click="tabsClick(index)" :class="{activeSpan:currentClass==index}" v-for="(item,index) in tabsList" :key="index">{{item.name}}</span>
+            <span
+              @click="tabsClick(index)"
+              :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">
+            <div class="deliverList-box" @click="trainDetail">
               <div class="line"></div>
               <h3 class="title-h3">检验分析培训</h3>
               <div class="deliver">
@@ -37,7 +42,10 @@
                 </div>
                 <div class="center">
                   <h3>培训学校：贵州工业职业技术学院</h3>
-                  <p style="display: flex;"><span style="margin-right:6px">难度</span><el-rate v-model="value" disabled text-color="#ff9900"></el-rate></p>
+                  <p style="display: flex;">
+                    <span style="margin-right:6px">难度</span>
+                    <el-rate v-model="value" disabled text-color="#ff9900"></el-rate>
+                  </p>
                   <p class="comment">报名人数：16/60</p>
                   <p class="comment">培训周期：2个月</p>
                 </div>
@@ -78,7 +86,7 @@ export default {
       total: 0,
       loading: false,
       currentClass: 0,
-      tabsList:[
+      tabsList: [
         {
           id: 1,
           name: '培训中'
@@ -115,7 +123,13 @@ export default {
       // });
     },
     tabsClick(index) {
-      this.currentClass = index
+      this.currentClass = index;
+    },
+    trainDetail() {
+        this.$router.push({
+          name: 'SkillsTrainingDetails',
+          query: {  }
+        });
     }
   }
 };
@@ -202,7 +216,7 @@ export default {
       }
     }
     .center {
-      width: 300px;
+      width: 290px;
       h3 {
         color: #1a1a1a;
         margin-bottom: 10px;