|
@@ -1,25 +1,34 @@
|
|
<template>
|
|
<template>
|
|
<div class="question-info-view">
|
|
<div class="question-info-view">
|
|
- <el-form :label-width="labelWidth">
|
|
|
|
- <el-form-item v-if="IS_PAPER_MODE" label="分值">
|
|
|
|
- {{ score }}
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="答案">
|
|
|
|
|
|
+ <div class="question-info-item" v-if="IS_PAPER_MODE">
|
|
|
|
+ <div class="question-info-label">分值</div>
|
|
|
|
+ <div class="question-info-content">{{ score }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="question-info-item">
|
|
|
|
+ <div class="question-info-label">答案</div>
|
|
|
|
+ <div class="question-info-content">
|
|
<question-answer :data="question"></question-answer>
|
|
<question-answer :data="question"></question-answer>
|
|
- </el-form-item>
|
|
|
|
- <el-form-item
|
|
|
|
- v-if="!isAnEmptyRichText(question.answerAnalysis)"
|
|
|
|
- label="答案解析"
|
|
|
|
- >
|
|
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ v-if="!isAnEmptyRichText(question.answerAnalysis)"
|
|
|
|
+ class="question-info-item"
|
|
|
|
+ >
|
|
|
|
+ <div class="question-info-label">解析</div>
|
|
|
|
+ <div class="question-info-content">
|
|
<rich-text :text-json="question.answerAnalysis"></rich-text>
|
|
<rich-text :text-json="question.answerAnalysis"></rich-text>
|
|
- </el-form-item>
|
|
|
|
- <el-form-item v-if="question.difficulty" label="难度">
|
|
|
|
- {{ question.difficulty }}
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item
|
|
|
|
- v-if="question.quesProperties && question.quesProperties.length"
|
|
|
|
- label="属性"
|
|
|
|
- >
|
|
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div v-if="question.difficulty" class="question-info-item">
|
|
|
|
+ <div class="question-info-label">难度</div>
|
|
|
|
+ <div class="question-info-content">{{ question.difficulty }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ v-if="question.quesProperties && question.quesProperties.length"
|
|
|
|
+ class="question-info-item"
|
|
|
|
+ >
|
|
|
|
+ <div class="question-info-label">属性</div>
|
|
|
|
+ <div class="question-info-content">
|
|
<el-tag
|
|
<el-tag
|
|
v-for="(content, propIndex) in question.quesProperties"
|
|
v-for="(content, propIndex) in question.quesProperties"
|
|
:key="propIndex"
|
|
:key="propIndex"
|
|
@@ -32,8 +41,8 @@
|
|
<span v-if="content.secondProperty" style="margin: 0 3px">/</span>
|
|
<span v-if="content.secondProperty" style="margin: 0 3px">/</span>
|
|
{{ content.secondProperty && content.secondProperty.name }}
|
|
{{ content.secondProperty && content.secondProperty.name }}
|
|
</el-tag>
|
|
</el-tag>
|
|
- </el-form-item>
|
|
|
|
- </el-form>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -53,10 +62,6 @@ export default {
|
|
return {};
|
|
return {};
|
|
},
|
|
},
|
|
},
|
|
},
|
|
- labelWidth: {
|
|
|
|
- type: String,
|
|
|
|
- default: "100px",
|
|
|
|
- },
|
|
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {};
|
|
return {};
|