update

src/view/student/trainMain/itemCard.vue

@@ -63,11 +63,18 @@ const cardClick = () => {
     //     background-image: url(/src/assets/student/step/training.png);
     //     cursor: not-allowed;
     // }
-     &.training {
-        background-image: url(/src/assets/student/step/LiLunYuShiXunXueXi_Yes.png);
+    &.training {
+        background-image: url(/src/assets/student/step/LiLunYuShiXunXueXi_Yes.webp);
     }
     &.training_gray {
-        background-image: url(/src/assets/student/step/LiLunYuShiXunXueXi_No.png);
+        background-image: url(/src/assets/student/step/LiLunYuShiXunXueXi_No.webp);
+        cursor: not-allowed;
+    }
+    &.assessment {
+        background-image: url(/src/assets/student/step/LiLunYuShiXunKaoHe_Yes.webp);
+    }
+    &.assessment_gray {
+        background-image: url(/src/assets/student/step/LiLunYuShiXunKaoHe_No.webp);
         cursor: not-allowed;
     }
     &.report {

src/view/student/trainMain/trainMain.vue

@@ -4,6 +4,7 @@
         <div class="train-main">
             <div class="train-items">
                 <ItemCard type="training" :active="true" :progress="state.trainingProgress" @click="itemClick"></ItemCard>
+                <ItemCard type="assessment" :active="true" @click="itemClick"></ItemCard>
                 <!-- <ItemCard type="report" :active="state.trainingProgress.percent == 100" @click="itemClick"></ItemCard>
                 <ItemCard type="report_share" :active="state.trainSelf.isSubmit" @click="itemClick"></ItemCard> -->
             </div>
@@ -59,6 +60,10 @@ const itemClick = (type: 'training' | 'report' | 'report_share') => {
 
     }
 
+    if (type == 'assessment') {
+        console.log("考核");
+    }
+
     if (type == 'report') router.push({ path: `/train/exam/${state.taskId}/${state.trainSelf.id}/${state.trainSelf.taskReport.id}` });
     if (type == 'report_share') router.push({ path: `/train/share/${state.taskId}` });
 };
@@ -91,7 +96,8 @@ onMounted(() => {
     justify-content: center;
     align-items: center;
     .train-main {
-        width: 100%;
+        // width: 100%;
+        width: 80%;
         margin-top: -5rem;
     }
     .train-items {