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

@@ -19,29 +19,22 @@
 
   <!-- 试题详情 -->
   <el-drawer v-model="activeExamInfoDrawer" title="题目详情" :with-header="false" direction="rtl" size="60%">
-    <div style="height: calc(100% - 50px);">
+    <el-row class="drawer-main">
-      <el-scrollbar>
+      <el-col :span="24">
-        <el-row class="drawer-main">
+        <span>{{activeExam.worktag}}</span>
-          <el-col :span="24">
+        <span style="margin-left: 4px" v-html="activeExam.titleFormat" ></span>
-            <span>{{activeExam.worktag}}</span>
+      </el-col>
-            <span style="margin-left: 4px" v-html="activeExam.titleFormat" ></span>
+      <el-col :span="24" style="padding: 4px" v-html="activeExam.workdescFormat">
-          </el-col>
+      </el-col>
-          <el-col :span="24" style="padding: 4px" v-html="activeExam.workdescFormat">
+      <el-col :span="3"  class="drawer-main-col"><em>【答案】</em></el-col>
-          </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.workanswerFormat"></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.method"></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="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.discuss"></el-col>
-          <el-col :span="3"  class="drawer-main-col" ><em>【点评】</em></el-col>
+    </el-row>
-          <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>
 
@@ -97,6 +90,7 @@ const showExamAnalyseDrawer = (row) => {
   .drawer-main{
     margin: 1%; 
     padding: 1% 2%; 
+    border: 2px dotted;
     display: flex;
     text-align: left;
     
@@ -104,10 +98,4 @@ const showExamAnalyseDrawer = (row) => {
       padding: 10px 0px;
     }
   }
-  .drawer-footer{
-    padding: 10px 20px 0 0;
-    display: flex;
-    justify-content: flex-end;
-    box-sizing: border-box;
-  }
 </style>