优化考试结束页面

src/App.vue

@@ -43,7 +43,7 @@ export default {
   font-size: 14px;
   font-weight: normal;
   font-stretch: normal;
-  line-height: 20px;
+  /* line-height: 20px; */
   color: #999999;
 }
 </style>

src/features/OnlineExam/Examing/ExamingEnd.vue

@@ -4,8 +4,8 @@
     <div class="instructions">
       <h1 class="">考试已结束</h1>
       <div><img class="user-avatar" :src="user.photoPath" alt="无底照" /></div>
-      <div v-if="showObjectScore && !examResult.isWarn">客观分: {{examResult.objectiveScore}}</div>
-      <div v-if="examResult.isWarn">成绩待审核</div>
+      <div class="qm-big-text score-text" v-if="showObjectScore && !examResult.isWarn">客观题得分: <span style="color: red">{{examResult.objectiveScore}}</span></div>
+      <div class="qm-big-text score-text" v-if="examResult.isWarn">客观题得分: 成绩待审核</div>
       <h1 v-if="examResult.isWarn" class="">违纪提示: </h1>
       <div v-if="examResult.isWarn" class="" style="text-align: left;  padding-bottom: 20px">
         <p v-html="cheatingRemark"></p>
@@ -20,12 +20,12 @@
 
     </div>
 
-    <div class="exam-detail">
+    <!-- <div class="exam-detail">
       <h3 class="">科目：{{exam.name}}</h3>
       <br>
       <h4 class="">试卷总分：{{paperTotalScore}}</h4>
       <br>
-    </div>
+    </div> -->
 
   </div>
 
@@ -70,9 +70,9 @@ export default {
       this.cheatingRemark = cheatingRemark.data || false;
     }
 
-    this.paperTotalScore = this.paperStruct.defaultPaper.questionGroupList
-      .map(q => q.groupScore)
-      .reduce((p, c) => p + c);
+    // this.paperTotalScore = this.paperStruct.defaultPaper.questionGroupList
+    //   .map(q => q.groupScore)
+    //   .reduce((p, c) => p + c);
   },
   computed: {
     ...globalMapState(["user"]),
@@ -85,17 +85,24 @@ export default {
 <style scoped>
 .container {
   display: grid;
-  grid-template-columns: 1fr 300px;
-  width: 100wh;
-  height: 100vh;
+  grid-template-columns: 1fr;
+  width: 80vw;
+  /* height: 100vh; */
 }
 
 .instructions {
-  display: grid;
-  grid-template-rows: 40px 300px 100px 30px minmax(200px, auto) 1fr;
+  /* display: grid; */
+  /* grid-template-rows: 40px 300px min(100px) 30px minmax(200px, auto) min(100px) min(
+      100px
+    ) min(100px); */
   padding: 40px 20px;
 }
 
+.instructions > h1,
+.instructions > div {
+  padding-bottom: 30px;
+}
+
 .user-avatar {
   display: inline-block;
   width: 280px;
@@ -103,23 +110,14 @@ export default {
   object-fit: contain;
 }
 
-.exam-detail {
+.score-text {
+  font-size: 40px;
+}
+
+/* .exam-detail {
   padding: 40px 20px;
   background-color: #f5f5f5;
 
   text-align: left;
-}
-
-.list-group {
-  list-style: none;
-}
-
-.list-group li {
-  border-bottom: 1px solid #eeeeee;
-  padding-top: 10px;
-}
-.pull-right {
-  text-align: right;
-  float: right;
-}
+} */
 </style>