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

src/renderer/src/views/examReport/container/examReview.vue

@@ -19,6 +19,8 @@
 
   <!-- 试题详情 -->
   <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-col :span="24">
             <span>{{activeExam.worktag}}</span>
@@ -35,6 +37,11 @@
           <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>
 </template>
 
@@ -90,7 +97,6 @@ const showExamAnalyseDrawer = (row) => {
   .drawer-main{
     margin: 1%; 
     padding: 1% 2%; 
-    border: 2px dotted;
     display: flex;
     text-align: left;
     
@@ -98,4 +104,10 @@ const showExamAnalyseDrawer = (row) => {
       padding: 10px 0px;
     }
   }
+  .drawer-footer{
+    padding: 10px 20px 0 0;
+    display: flex;
+    justify-content: flex-end;
+    box-sizing: border-box;
+  }
 </style>