考试记录

src/project/qujing/AppMine/testList.vue

@@ -12,6 +12,7 @@
             <img :src="statusImgList[item.myRecord.assessmentType]" alt="" />
             <div :class="`score-type`+item.myRecord.assessmentType">{{ item.myRecord.score }}</div>
           </div>
+          <div class="test-type" :class="`test-type`+item.examinationType">{{ $dict.getLabel("qjExaminationType", item.examinationType) }}</div>
         </div>
         <div class="bottom" @click="toTestForm(item.id)" v-if="item.status == 1">重新考试</div>
       </div>
@@ -45,9 +46,9 @@ export default {
       frontColor: "#000000",
       backgroundColor: "#F4F6FA",
     })
-  },
-  onShow() {
-    this.getList()
+    this.$dict.load('qjExaminationType').then(() => {
+      this.getList()
+    })
   },
   methods: {
     getList() {
@@ -140,6 +141,24 @@ export default {
             color: #E23C3C;
           }
         }
+        .test-type {
+          position: absolute;
+          top: 0;
+          right: 0;
+          font-family: PingFangSC-Regular;
+          font-size: 24px;
+          color: #FFF;
+          line-height: 38px;
+          padding: 0 10px;
+          border-top-right-radius: 16px;
+          border-bottom-left-radius: 16px;
+        }
+        .test-type0 {
+          background-color: #8F5AFF;
+        }
+        .test-type1 {
+          background-color: #FF772D;
+        }
       }
       .bottom {
         line-height: 88px;