考试分析-题目详情增加关闭按钮

This commit is contained in:
lyc 2024-10-19 15:59:20 +08:00
parent 388fc2b2b4
commit 4dbb5d2224
1 changed files with 29 additions and 17 deletions

View File

@ -19,6 +19,8 @@
<!-- 试题详情 --> <!-- 试题详情 -->
<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%">
<div style="height: calc(100% - 50px);">
<el-scrollbar>
<el-row class="drawer-main"> <el-row class="drawer-main">
<el-col :span="24"> <el-col :span="24">
<span>{{activeExam.worktag}}</span> <span>{{activeExam.worktag}}</span>
@ -35,6 +37,11 @@
<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.discuss"></el-col>
</el-row> </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>