课件预览 细节优化
This commit is contained in:
parent
fbe0b557d8
commit
78faa9ad49
|
@ -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">正确答案: {{ item.rightAnswers }}</div>
|
||||
</div>
|
||||
|
||||
<!-- 显示填空题 -->
|
||||
<div>
|
||||
<div class="answer" v-for="(item1, ind) in item.answerList" :key="ind">
|
||||
正确答案{{ ind + 1 }}: {{ 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">正确答案: {{ item.rightAnswers }}</div>
|
||||
</div>
|
||||
|
||||
<!-- 显示填空题 -->
|
||||
<div>
|
||||
<div class="answer" v-for="(item1, ind) in item.answerList" :key="ind">
|
||||
正确答案{{ ind + 1 }}: {{ 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>
|
||||
|
|
Loading…
Reference in New Issue