瀏覽代碼

考试详情页布局优化

luoaoxuan 1 年之前
父節點
當前提交
ded6f04429
共有 1 個文件被更改,包括 13 次插入16 次删除
  1. 13 16
      src/views/platform/examination/questionBank/detail.vue

+ 13 - 16
src/views/platform/examination/questionBank/detail.vue

@@ -160,31 +160,25 @@
                             </div>
                             <div class="right">
                                 <div class="title">
-                                    <span>{{ q.showResolution?'答案解析':'参考答案' }}</span>
-                                    <el-tooltip class="item" effect="dark" :content="q.showResolution?'查看答案':'查看解析'" placement="right-end">
-                                        <el-button
-                                            size="mini"
-                                            icon="ibps-icon-exchange"
-                                            :type="q.showResolution?'primary':''"
-                                            @click="changeResolution(index,qIndex)"
-                                        />
-                                    </el-tooltip>
+                                    <span>参考答案</span>
                                 </div>
-                                <div v-show="!q.showResolution" class="answer-content">
-                                    <el-radio-group v-if="q.questionType === '单选题'" :value="q.rightKey">
+                                <div class="answer-content">
+                                    <span v-if="q.questionType === '单选题'">{{ q.rightKey || '' }}</span>
+                                    <!-- <el-radio-group v-if="q.questionType === '单选题'" :value="q.rightKey">
                                         <el-radio
                                             v-for="(o, i) in q.options"
                                             :key="`${index}${qIndex}${i}`"
                                             :label="o.label"
                                         >{{ `${o.label}.${o.value}` }}</el-radio>
-                                    </el-radio-group>
-                                    <el-checkbox-group v-else-if="q.questionType === '多选题'" :value="q.rightKey">
+                                    </el-radio-group> -->
+                                    <span v-else-if="q.questionType === '多选题'">{{ q.rightKey.join(';') || '' }}</span>
+                                    <!-- <el-checkbox-group v-else-if="q.questionType === '多选题'" :value="q.rightKey">
                                         <el-checkbox
                                             v-for="(o, i) in q.options"
                                             :key="`${index}${qIndex}${i}`"
                                             :label="o.label"
                                         >{{ `${o.label}.${o.value}` }}</el-checkbox>
-                                    </el-checkbox-group>
+                                    </el-checkbox-group> -->
                                     <el-radio-group v-else-if="q.questionType === '判断题'" :value="q.rightKey">
                                         <el-radio-button label="√">√</el-radio-button>
                                         <el-radio-button label="×">×</el-radio-button>
@@ -200,7 +194,10 @@
                                         />
                                     </template>
                                 </div>
-                                <div v-show="q.showResolution" style="white-space: pre-wrap;" class="answer-content">{{ q.resolution || '略' }}</div>
+                                <div class="title" style="margin-top:20px">
+                                    <span>答案解析</span>
+                                </div>
+                                <div style="white-space: pre-wrap;" class="answer-content">{{ q.resolution || '无' }}</div>
                             </div>
                         </div>
                     </div>
@@ -288,7 +285,7 @@ export default {
             title: '考试详情',
             dialogVisible: this.visible,
             showResolution: false,
-            toolbars: [{ icon: 'ibps-icon-eye', key: 'change', label: '查看解析' }, { key: 'cancel', label: '退出' }],
+            toolbars: [{ key: 'cancel', label: '退出' }],
             paperList: [],
             paperData: [],
             maxScore: '',