From 78faa9ad4961704abe0b8a49c8bcf4c062390925 Mon Sep 17 00:00:00 2001
From: 18571350067 <d20019898>
Date: Sat, 25 Dec 2021 11:26:08 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=BE=E4=BB=B6=E9=A2=84=E8=A7=88=20?=
 =?UTF-8?q?=E7=BB=86=E8=8A=82=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/course/CoursewarePreview.vue | 70 ++++++++++++++------------
 1 file changed, 38 insertions(+), 32 deletions(-)

diff --git a/src/views/course/CoursewarePreview.vue b/src/views/course/CoursewarePreview.vue
index b078feb..a847eaf 100644
--- a/src/views/course/CoursewarePreview.vue
+++ b/src/views/course/CoursewarePreview.vue
@@ -5,7 +5,7 @@
       <a-button size="small" @click="goback">返回</a-button>
     </template>
 
-    <div style="width:100%;height:600px">
+    <div style="width:100%;height:600px;">
       <a-row class="left">
         <a-col :span="14">
           <!-- 这里面对应放视频 -->
@@ -23,9 +23,10 @@
               </div>
             </a-card>
           </div>
-
         </a-col>
-        <a-col :span="10" style="flex-shrink: 0;">
+        <a-divider type="vertical" :dashed="false"/>
+        <a-divider type="vertical" :dashed="false"/>
+        <a-col :span="10" style="flex-shrink: 0; background-color: #f0f2f5">
           <div>
             <a-tabs default-active-key="1" @change="callback" style="margin-left: 50px">
               <a-tab-pane key="1" tab="课件" style="font-weight: bold">
@@ -37,40 +38,45 @@
                 </a-radio-group>
               </a-tab-pane>
               <a-tab-pane key="2" tab="课中检测" force-render>
-                <div style="margin-left: 10px;" v-for="(item,index) in question" :key="index">
-                  <h1 style="font-weight: bold;" v-if="question != null && question.length != 0">
-                    {{index+1}}.（{{ item.questionTypeName }}）{{ item.questionName }}
-                  </h1>
+                <div v-if="question.length == 0">
+                  <a-empty description="还没有设置必选题~~" />
+                </div>
+                <div v-if="question.length != 0">
+                  <div style="margin-left: 10px;" v-for="(item,index) in question" :key="index">
+                    <h1 style="font-weight: bold;" v-if="question != null && question.length != 0">
+                      {{index+1}}.（{{ item.questionTypeName }}）{{ item.questionName }}
+                    </h1>
 
-                  <!-- 显示单选题和多选题 -->
-                  <div v-if="item.questionType == 1 || item.questionType == 2">
-                    <div class="answer">A. {{ item.answerA }}</div>
-                    <div class="answer">B. {{ item.answerB }}</div>
-                    <div class="answer">C. {{ item.answerC }}</div>
-                    <div class="answer">D. {{ item.answerD }}</div>
-                    <div v-if="item.answerE" class="answer">E. {{ item.answerE }}</div>
-                    <div v-if="item.answerF" class="answer">F. {{ item.answerF }}</div>
-                  </div>
-
-                  <!-- 显示简答题 || 判断题内容-->
-                  <div v-if="item.questionType == 3 || item.questionType == 4">
-                    <div class="answer">正确答案:&nbsp;&nbsp;&nbsp;&nbsp;{{ item.rightAnswers }}</div>
-                  </div>
-
-                  <!-- 显示填空题 -->
-                  <div>
-                    <div class="answer" v-for="(item1, ind) in item.answerList" :key="ind">
-                      正确答案{{ ind + 1 }}:&nbsp;&nbsp;&nbsp;&nbsp;{{ item1 }}
+                    <!-- 显示单选题和多选题 -->
+                    <div v-if="item.questionType == 1 || item.questionType == 2">
+                      <div class="answer">A. {{ item.answerA }}</div>
+                      <div class="answer">B. {{ item.answerB }}</div>
+                      <div class="answer">C. {{ item.answerC }}</div>
+                      <div class="answer">D. {{ item.answerD }}</div>
+                      <div v-if="item.answerE" class="answer">E. {{ item.answerE }}</div>
+                      <div v-if="item.answerF" class="answer">F. {{ item.answerF }}</div>
                     </div>
-                  </div>
 
-                  <div class="info_parent" v-if="question != null && question.length != 0">
-                    <div class="info">解析</div>
-                    <div class="info_main">
-                      {{ item.asnwerParse }}
+                    <!-- 显示简答题 || 判断题内容-->
+                    <div v-if="item.questionType == 3 || item.questionType == 4">
+                      <div class="answer">正确答案:&nbsp;&nbsp;&nbsp;&nbsp;{{ item.rightAnswers }}</div>
                     </div>
+
+                    <!-- 显示填空题 -->
+                    <div>
+                      <div class="answer" v-for="(item1, ind) in item.answerList" :key="ind">
+                        正确答案{{ ind + 1 }}:&nbsp;&nbsp;&nbsp;&nbsp;{{ item1 }}
+                      </div>
+                    </div>
+
+                    <div class="info_parent" v-if="question != null && question.length != 0">
+                      <div class="info">解析</div>
+                      <div class="info_main">
+                        {{ item.asnwerParse }}
+                      </div>
+                    </div>
+                    <a-divider :style="{ backgroundColor: '#000' }" />
                   </div>
-                  <a-divider :style="{ backgroundColor: '#000' }" />
                 </div>
               </a-tab-pane>
             </a-tabs>