1

src/pages/exam/examPaper.vue

@@ -25,18 +25,18 @@
       </template>
     </van-nav-bar>
     <view class="exam-con" v-if="!isShowAnswer">
+      <i
+        class="iconfont icon-caidanzu answerSheet"
+        style="
+          position: absolute;
+          right: 30rpx;
+          z-index: 999;
+          margin-top: 26rpx;
+        "
+        :style="{ top: `calc(${statusBarHeight}px + 105rpx)` }"
+        @click="showAnswerSheet"
+      ></i>
       <view v-for="(item, index) in peaperDetail.Paper.GroupList" :key="index">
-        <i
-          class="iconfont icon-caidanzu answerSheet"
-          style="
-            position: absolute;
-            right: 15px;
-            z-index: 999;
-            margin-top: 13px;
-          "
-          :style="{ top: statusBarHeight + 65 }"
-          @click="showAnswerSheet"
-        ></i>
         <!-- 数字单选题 -->
         <SingleChoiceNumber
           :startIndex="item.startIndex"
@@ -47,8 +47,10 @@
           :sort="index"
           :sortTotal="peaperDetail.Paper.GroupList.length"
           :isLast="isLast"
-		  :isOperate="isOperate"
-          v-if="item.QuestionTypeKey === 'single-number' && index === changeIndex"
+          :isOperate="isOperate"
+          v-if="
+            item.QuestionTypeKey === 'single-number' && index === changeIndex
+          "
         />
         <!-- 多选题 -->
         <MultipleChoice
@@ -57,7 +59,7 @@
           :isLast="isLast"
           :sort="index"
           :sortTotal="peaperDetail.Paper.GroupList.length"
-		  :isOperate="isOperate"
+          :isOperate="isOperate"
           @getBeforeTopic="getBeforeTopic()"
           @getAfterTopic="getAfterTopic()"
           @answerChange="getAnswerChange($event, index)"
@@ -70,7 +72,7 @@
           :isLast="isLast"
           :sort="index"
           :sortTotal="peaperDetail.Paper.GroupList.length"
-		  :isOperate="isOperate"
+          :isOperate="isOperate"
           @getBeforeTopic="getBeforeTopic()"
           @getAfterTopic="getAfterTopic()"
           @answerChange="getAnswerChange($event, index)"
@@ -95,7 +97,7 @@
           :isLast="isLast"
           :sort="index"
           :sortTotal="peaperDetail.Paper.GroupList.length"
-		  :isOperate="isOperate"
+          :isOperate="isOperate"
           @getBeforeTopic="getBeforeTopic()"
           @getAfterTopic="getAfterTopic()"
           @answerChange="getAnswerChange($event, index)"
@@ -124,7 +126,7 @@
           :isLast="isLast"
           :sort="index"
           :sortTotal="peaperDetail.Paper.GroupList.length"
-		  :isOperate="isOperate"
+          :isOperate="isOperate"
           @getAfterTopic="getAfterTopic()"
           @getBeforeTopic="getBeforeTopic()"
           @answerChange="getAnswerChange($event, index)"
@@ -137,11 +139,13 @@
           :isLast="isLast"
           :sort="index"
           :sortTotal="peaperDetail.Paper.GroupList.length"
-		  :isOperate="isOperate"
+          :isOperate="isOperate"
           @getAfterTopic="getAfterTopic()"
           @getBeforeTopic="getBeforeTopic()"
           @answerChange="getAnswerChange($event, index)"
-          v-if="item.QuestionTypeKey === 'short-answer' && index === changeIndex"
+          v-if="
+            item.QuestionTypeKey === 'short-answer' && index === changeIndex
+          "
         />
         <!-- 名词解释 -->
         <nounExplanation
@@ -150,7 +154,7 @@
           :isLast="isLast"
           :sort="index"
           :sortTotal="peaperDetail.Paper.GroupList.length"
-	      :isOperate="isOperate"
+          :isOperate="isOperate"
           @getAfterTopic="getAfterTopic()"
           @getBeforeTopic="getBeforeTopic()"
           @answerChange="getAnswerChange($event, index)"
@@ -165,7 +169,7 @@
           :isLast="isLast"
           :sort="index"
           :sortTotal="peaperDetail.Paper.GroupList.length"
-		  :isOperate="isOperate"
+          :isOperate="isOperate"
           @getAfterTopic="getAfterTopic()"
           @getBeforeTopic="getBeforeTopic()"
           @answerChange="getAnswerChange($event, index)"
@@ -180,7 +184,7 @@
           :isLast="isLast"
           :sort="index"
           :sortTotal="peaperDetail.Paper.GroupList.length"
-		  :isOperate="isOperate"
+          :isOperate="isOperate"
           @getAfterTopic="getAfterTopic()"
           @getBeforeTopic="getBeforeTopic()"
           @answerChange="getAnswerChange($event, index)"
@@ -193,7 +197,7 @@
           :isLast="isLast"
           :sort="index"
           :sortTotal="peaperDetail.Paper.GroupList.length"
-		  :isOperate="isOperate"
+          :isOperate="isOperate"
           @getAfterTopic="getAfterTopic()"
           @getBeforeTopic="getBeforeTopic()"
           @answerChange="getAnswerChange($event, index)"
@@ -244,7 +248,7 @@
           :isLast="isLast"
           :sort="index"
           :sortTotal="peaperDetail.Paper.GroupList.length"
-		  :isOperate="isOperate"
+          :isOperate="isOperate"
           @getAfterTopic="getAfterTopic()"
           @getBeforeTopic="getBeforeTopic()"
           @answerChange="getAnswerChange($event, index)"
@@ -273,11 +277,13 @@
           :isLast="isLast"
           :sort="index"
           :sortTotal="peaperDetail.Paper.GroupList.length"
-		  :isOperate="isOperate"
+          :isOperate="isOperate"
           @getAfterTopic="getAfterTopic()"
           @getBeforeTopic="getBeforeTopic()"
           @answerChange="getAnswerChange($event, index)"
-          v-if="item.QuestionTypeKey === 'sorting-problem' && index === changeIndex"
+          v-if="
+            item.QuestionTypeKey === 'sorting-problem' && index === changeIndex
+          "
         />
         <!-- 连线题待完善 -->
         <Connect
@@ -369,16 +375,16 @@ export default {
     let data = reactive({
       time: 999,
       statusBarHeight: 0,
-      // msg: { GuestId: 0, PaperId: 0, PublishId: 0},	  
-	  msg: { GuestId: 20, PaperId: 9, PublishId: 1 ,isShowAnswer: true},
-	  
+      // msg: { GuestId: 0, PaperId: 0, PublishId: 0},
+      msg: { GuestId: 20, PaperId: 9, PublishId: 1, isShowAnswer: true },
+
       peaperDetail: {},
       changeIndex: 0, //大题序号
       isLast: false, //用于判断是否从后往前翻
       isShowAnswer: false, //是否显示答题卡
       Exam_Student_Id: 0,
       autoTimeStart: false,
-	  isOperate:true, //考试状态 判断是考试还是查看答案
+      isOperate: true, //考试状态 判断是考试还是查看答案
     });
     let methods = {
       changeNumToHan,
@@ -440,9 +446,7 @@ export default {
       },
     };
     onMounted(() => {
-      getSystemInfo((res) => {
-        data.statusBarHeight = res.statusBarHeight;
-      });
+      data.statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
     });
     return {
       ...toRefs(data),
@@ -451,22 +455,22 @@ export default {
   },
   onLoad(options) {
     console.log(options, "options");
-	// if(options.GuestId){
-	// 	this.msg.GuestId = options.GuestId;
-	// }
- //    if (options.PaperId) {
- //      this.msg.PaperId = options.PaperId;
- //    }
- //    if (options.Id) {
- //      this.msg.PublishId = options.Id;
- //    }
+    // if(options.GuestId){
+    // 	this.msg.GuestId = options.GuestId;
+    // }
+    //    if (options.PaperId) {
+    //      this.msg.PaperId = options.PaperId;
+    //    }
+    //    if (options.Id) {
+    //      this.msg.PublishId = options.Id;
+    //    }
     if (options.Exam_Student_Id) {
       this.Exam_Student_Id = options.Exam_Student_Id;
     }
-	if (options.ExamStatus&&options.ExamStatus==1){
-	  this.isOperate = false;
-	  this.msg.isShowAnswer=true;
-	}
+    if (options.ExamStatus && options.ExamStatus == 1) {
+      this.isOperate = false;
+      this.msg.isShowAnswer = true;
+    }
     this.getPaperDetail();
   },
 };