From a63af57c702c64606cfca255e671b17257925993 Mon Sep 17 00:00:00 2001
From: yangzhi <765157588@qq.com>
Date: Fri, 15 Apr 2022 14:41:01 +0800
Subject: [PATCH] 超哥牛批

---
 src/views/AnswerResult/detail.vue | 47 ++++++++++++++++++++++++++++++++++-------------
 1 file changed, 34 insertions(+), 13 deletions(-)

diff --git a/src/views/AnswerResult/detail.vue b/src/views/AnswerResult/detail.vue
index a725673..baf2940 100644
--- a/src/views/AnswerResult/detail.vue
+++ b/src/views/AnswerResult/detail.vue
@@ -2,7 +2,7 @@
   <div class="container">
     <h3>{{ info.TestPaperName }}</h3>
     <div class="header-opts">
-        <el-button type="text">查看回放</el-button>
+      <el-button type="text">查看回放</el-button>
     </div>
     <div class="questions">
       <el-card class="box-card" v-for="item in list" :key="item.id">
@@ -12,16 +12,25 @@
           }}</el-tag>
           【{{ item.subjectName }}】{{ item.subject }}
         </h4>
-        <ul v-if="item.subjectType == 1">
-          <li v-for="i in item.subjectContentObj" :key="i.option">
+        <div v-if="item.subjectType == 4">
+          <audio controls>
+            <source :src="BASE_URL + item.answer" />
+          </audio>
+        </div>
+        <ul class="answer-list" v-if="item.subjectType == 1">
+          <li
+            v-for="i in item.subjectContentObj"
+            :key="i.option"
+            :class="{ active: item.answer == i.option }"
+          >
             <el-tag size="mini" type="primary" effect="dark">{{
               i.option
             }}</el-tag>
             {{ i.optionContent }}
           </li>
         </ul>
-        <p v-if="item.subjectType == 1">Ta的答案:{{ item.answer }}</p>
-        <p v-if="item.subjectType == 1">正确答案:B</p>
+        <!-- <p v-if="item.subjectType == 1">Ta的答案:{{ item.answer }}</p> -->
+        <!-- <p v-if="item.subjectType == 1">正确答案:B</p> -->
       </el-card>
     </div>
   </div>
@@ -35,18 +44,30 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  .header-opts{
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 10px;
+  .header-opts {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 10px;
+  }
+  .box-card {
+    margin-bottom: 20px;
   }
   .questions {
     width: 100%;
   }
-  li {
-    list-style: none;
-    margin-bottom: 10px;
+  .answer-list {
+    display: flex;
+    flex-direction: column;
+    li {
+      list-style: none;
+      margin-bottom: 10px;
+      padding: 10px 10px;
+      &.active {
+        border: 2px solid #00c9ff;
+        border-radius: 10px;
+      }
+    }
   }
 }
 </style>
--
libgit2 0.21.4