考试分析-题目详情增加关闭按钮 #334
|
@ -19,22 +19,29 @@
|
||||||
|
|
||||||
<!-- 试题详情 -->
|
<!-- 试题详情 -->
|
||||||
<el-drawer v-model="activeExamInfoDrawer" title="题目详情" :with-header="false" direction="rtl" size="60%">
|
<el-drawer v-model="activeExamInfoDrawer" title="题目详情" :with-header="false" direction="rtl" size="60%">
|
||||||
<el-row class="drawer-main">
|
<div style="height: calc(100% - 50px);">
|
||||||
<el-col :span="24">
|
<el-scrollbar>
|
||||||
<span>{{activeExam.worktag}}</span>
|
<el-row class="drawer-main">
|
||||||
<span style="margin-left: 4px" v-html="activeExam.titleFormat" ></span>
|
<el-col :span="24">
|
||||||
</el-col>
|
<span>{{activeExam.worktag}}</span>
|
||||||
<el-col :span="24" style="padding: 4px" v-html="activeExam.workdescFormat">
|
<span style="margin-left: 4px" v-html="activeExam.titleFormat" ></span>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="3" class="drawer-main-col"><em>【答案】</em></el-col>
|
<el-col :span="24" style="padding: 4px" v-html="activeExam.workdescFormat">
|
||||||
<el-col :span="20" class="drawer-main-col" v-html="activeExam.workanswerFormat"></el-col>
|
</el-col>
|
||||||
<el-col :span="3" class="drawer-main-col"><em>【分析】</em></el-col>
|
<el-col :span="3" class="drawer-main-col"><em>【答案】</em></el-col>
|
||||||
<el-col :span="20" class="drawer-main-col" v-html="activeExam.method"></el-col>
|
<el-col :span="20" class="drawer-main-col" v-html="activeExam.workanswerFormat"></el-col>
|
||||||
<el-col :span="3" class="drawer-main-col"><em>【解答】</em></el-col>
|
<el-col :span="3" class="drawer-main-col"><em>【分析】</em></el-col>
|
||||||
<el-col :span="20" class="drawer-main-col" v-html="activeExam.analyse"></el-col>
|
<el-col :span="20" class="drawer-main-col" v-html="activeExam.method"></el-col>
|
||||||
<el-col :span="3" class="drawer-main-col" ><em>【点评】</em></el-col>
|
<el-col :span="3" class="drawer-main-col"><em>【解答】</em></el-col>
|
||||||
<el-col :span="20" class="drawer-main-col" v-html="activeExam.discuss"></el-col>
|
<el-col :span="20" class="drawer-main-col" v-html="activeExam.analyse"></el-col>
|
||||||
</el-row>
|
<el-col :span="3" class="drawer-main-col" ><em>【点评】</em></el-col>
|
||||||
|
<el-col :span="20" class="drawer-main-col" v-html="activeExam.discuss"></el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-scrollbar>
|
||||||
|
</div>
|
||||||
|
<div class="drawer-footer">
|
||||||
|
<el-button type="primary" @click="activeExamInfoDrawer = false">关闭</el-button>
|
||||||
|
</div>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -90,7 +97,6 @@ const showExamAnalyseDrawer = (row) => {
|
||||||
.drawer-main{
|
.drawer-main{
|
||||||
margin: 1%;
|
margin: 1%;
|
||||||
padding: 1% 2%;
|
padding: 1% 2%;
|
||||||
border: 2px dotted;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
|
@ -98,4 +104,10 @@ const showExamAnalyseDrawer = (row) => {
|
||||||
padding: 10px 0px;
|
padding: 10px 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.drawer-footer{
|
||||||
|
padding: 10px 20px 0 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue