课件预览 细节优化

This commit is contained in:
18571350067 2021-12-25 11:26:08 +08:00
parent fbe0b557d8
commit 78faa9ad49
1 changed files with 38 additions and 32 deletions

View File

@ -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>