zc

src/views/safetyEducationExaminationNew/safetyTest/myGrades/index.vue

@@ -50,7 +50,7 @@
         <div class="for-max-big-box scrollbar-box">
           <div class="for-big-box" v-for="(item,index) in dataList" :key="index">
             <p class="title-p">{{item.examTypeName}}</p>
-            <p class="text-p">{{item.examName}}</p>
+            <p class="text-p">{{item.examName}}<span :class="item.examScene == 1?'color-A':'color-B'">{{item.examScene == 1?'在线考试':'模拟考试'}}</span></p>
             <p class="text-p">{{parseTime(item.startTime,"{y}-{m}-{d} {h}:{i}")}} 至 {{parseTime(item.endTime,"{y}-{m}-{d} {h}:{i}")}}</p>
             <p class="color-p">时长：{{item.answerDuration}}分钟 丨 总分：{{item.totalScore}}分 丨 及格分：{{item.passScore}}分 丨 考试次数：{{item.attemptCount}}/{{item.attemptLimit==0?'无限':item.attemptLimit}}次</p>
             <div class="color-box">
@@ -342,6 +342,26 @@
             margin-top:10px;
             line-height:20px;
           }
+          .color-A{
+            margin-left:10px;
+            padding:0 5px;
+            width:60px;
+            text-align: center;
+            line-height: 10px;
+            color:#fff;
+            background-color: #0183fa;
+            border-radius:4px;
+          }
+          .color-B{
+            margin-left:10px;
+            padding:0 5px;
+            width:60px;
+            text-align: center;
+            line-height: 10px;
+            color:#fff;
+            background-color: #2dc26b;
+            border-radius:4px;
+          }
           .color-p{
             padding:0 10px;
             border-radius:4px;