Merge pull request '考试分析-题目详情增加关闭按钮' (#334) from lyc-dev into main

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

@@ -19,22 +19,29 @@
 
   <!-- 试题详情 -->
   <el-drawer v-model="activeExamInfoDrawer" title="题目详情" :with-header="false" direction="rtl" size="60%">
-    <el-row class="drawer-main">
-      <el-col :span="24">
-        <span>{{activeExam.worktag}}</span>
-        <span style="margin-left: 4px" v-html="activeExam.titleFormat" ></span>
-      </el-col>
-      <el-col :span="24" style="padding: 4px" v-html="activeExam.workdescFormat">
-      </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.workanswerFormat"></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="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="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>
+    <div style="height: calc(100% - 50px);">
+      <el-scrollbar>
+        <el-row class="drawer-main">
+          <el-col :span="24">
+            <span>{{activeExam.worktag}}</span>
+            <span style="margin-left: 4px" v-html="activeExam.titleFormat" ></span>
+          </el-col>
+          <el-col :span="24" style="padding: 4px" v-html="activeExam.workdescFormat">
+          </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.workanswerFormat"></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="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="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>