chore: 课程考试显示解析字段

client/src/pages/player/chapterExam/chapterExam2.vue

@@ -7,7 +7,7 @@
         </div>
       </div>
       <template v-if="status.isStart">
-        <div class="play-paper-content play-chapter-exam">
+        <div class="play-paper-content">
           <template v-if="exam.id">
             <div class="exam">
               <!-- <div style='text-align: center;'> -->
@@ -55,6 +55,10 @@
                             &nbsp;&nbsp;&nbsp;&nbsp;正确答案：{{ item.right_answer | getRadioAnswer(item.options) }}
                           </div>
                         </template>
+                        <div class="analysis" v-if="item.analysis">
+                          <p>解析：</p>
+                          <div v-html="item.analysis"></div>
+                        </div>
                       </div>
                     </template>
                   </template>
@@ -84,6 +88,10 @@
                             &nbsp;&nbsp;&nbsp;&nbsp;正确答案：{{ item.right_answer | getCheckboxAnswer(item.options) }}
                           </div>
                         </template>
+                        <div class="analysis" v-if="item.analysis">
+                          <p>解析：</p>
+                          <div v-html="item.analysis"></div>
+                        </div>
                       </div>
                     </template>
                   </template>
@@ -106,6 +114,10 @@
                           :isUpload="!exam.type"
                         ></component>
                         <div class="result" v-if="item.check_comment">评语：{{item.check_comment}}</div>
+                        <div class="analysis" v-if="item.analysis">
+                          <p>解析：</p>
+                          <div v-html="item.analysis"></div>
+                        </div>
                       </div>
                     </template>
                   </template>
@@ -720,7 +732,9 @@ export default {
     color: #090;
   }
   .exam .q-group .result {
-    float: right;
+    clear: both;
+    display: flex;
+    justify-content: flex-end;
     font-size: 0.18rem;
     color: #3f3b3a;
     margin-right: 0;
@@ -772,4 +786,11 @@ export default {
   line-height: 19;
   text-align: center;
 }
+.analysis {
+  clear: both;
+  display: flex;
+  margin: 20px 0;
+  padding: 0 20px;
+  border: 1px solid #c9c9c97a;
+}
 </style>

client/src/pages/player/exam/exam.vue

@@ -75,6 +75,10 @@
                                   正确答案：{{ item.right_answer | getRadioAnswer(item.options) }}
                             </div>
                           </template>
+                          <div class="analysis" v-if="item.analysis">
+                            <p>解析：</p>
+                            <div v-html="item.analysis"></div>
+                          </div>
                         </div>
                       </template>
                     </template>
@@ -104,6 +108,10 @@
                               &nbsp;&nbsp;&nbsp;&nbsp;正确答案：{{ item.right_answer | getCheckboxAnswer(item.options) }}
                             </div>
                           </template>
+                          <div class="analysis" v-if="item.analysis">
+                            <p>解析：</p>
+                            <div v-html="item.analysis"></div>
+                          </div>
                         </div>
                       </template>
                     </template>
@@ -126,6 +134,10 @@
                             :isUpload="!exam.type"
                           ></component>
                           <div class="result" v-if="item.check_comment">评语：{{item.check_comment}}</div>
+                          <div class="analysis" v-if="item.analysis">
+                            <p>解析：</p>
+                            <div v-html="item.analysis"></div>
+                          </div>
                         </div>
                       </template>
                     </template>
@@ -665,7 +677,9 @@ export default {
     color: #090;
   }
   .exam .q-group .result {
-    float: right;
+    clear: both;
+    display: flex;
+    justify-content: flex-end;
     font-size: 0.18rem;
     color: #3f3b3a;
     margin-right: 0;
@@ -717,4 +731,11 @@ export default {
   line-height: 19;
   text-align: center;
 }
+.analysis {
+  clear: both;
+  display: flex;
+  margin: 20px 0;
+  padding: 0 20px;
+  border: 1px solid #c9c9c97a;
+}
 </style>