fix：修改考试

src/components/exam/examCard.vue

@@ -11,6 +11,7 @@
       <div class="exam-main" :style="{ height: this.contentHeight + 'px' }">
         <div class="left">
           <question-list :data="currentExam"></question-list>
+          {{ (index + 1) + '/' +data.questions.total_question_count }}
         </div>
         <div class="right">
           <answer-card></answer-card>
@@ -18,20 +19,20 @@
       </div>
       <div class="foot" id="foot-h">
         <div class="exam-btn">
-          <div>上一题</div>
-          <div>下一题</div>
+          <div @click="prevQuestion">上一题</div>
+          <div @click="nextQuestion">下一题</div>
         </div>
         <div class="rigth-btn">
-          <div class="sign" v-if="hasCollect">
-            <div class="icon"></div>
-            <div class="txt">收藏</div>
+          <div class="sign" v-if="hasCollect" @click="collectQuestion">
+            <div :class="currentItem.is_collection ? 'icon active' : 'icon'"></div>
+            <div class="txt">{{ currentItem.is_collection ? '已收藏' : '收藏' }}</div>
           </div>
-          <div class="sign2" v-if="hasMark">
-            <div class="icon"></div>
-            <div class="txt">标记</div>
+          <div class="sign2" v-if="hasMark" @click="markQuestion">
+            <div :class="currentItem.sign ? 'icon active' : 'icon'"></div>
+            <div class="txt">{{ currentItem.sign ? '已标记' : '标记' }}</div>
           </div>
           <div class="end-exam-btn">
-            <div class="btn" v-if="hasSubmitBtn">交卷</div>
+            <div class="btn" v-if="hasSubmitBtn" @click="submitExam">交卷</div>
           </div>
         </div>
       </div>
@@ -40,6 +41,7 @@
 </template>
 
 <script>
+import * as api from '@/api/exam.js'
 import questionList from '@/components/exam/questionList'
 import answerCard from '@/components/exam/examNumbers'
 export default {
@@ -73,6 +75,10 @@ export default {
     // 当前页面的大题数据
     currentExam() {
       return this.questionList[this.index]
+    },
+    // 当前题第一个小题
+    currentItem() {
+      return this.currentExam.question_list[0]
     }
   },
   mounted() {
@@ -85,6 +91,54 @@ export default {
     // 获取dom高
     getDom(id) {
       return document.getElementById(id)
+    },
+    // 下一题
+    nextQuestion() {
+      console.log(this.currentExam.question_list[0])
+      const totalNumber = this.data.questions.total_question_count
+      if (this.index + 1 < totalNumber) this.index++
+    },
+    // 上一题
+    prevQuestion() {
+      if (this.index !== 0) this.index--
+    },
+    // 收藏试题
+    collectQuestion() {
+      const item = this.currentItem
+      if (item.is_collection) {
+        api.deleteCollection({ type: 2, question_id: item.id }).then(response => {
+          item.is_collection = false
+        })
+        return false
+      }
+      api.addCollection({ question_id: item.id }).then(response => {
+        item.is_collection = true
+      })
+    },
+    // 标记
+    markQuestion() {
+      const item = this.currentItem
+      item.sign ? (item.sign = false) : (item.sign = true)
+      this.$forceUpdate()
+      console.log(item)
+    },
+    // 提交考试
+    submitExam() {
+      const id = this.data.id
+      console.log(this.questionList, id)
+      // const param = {
+      //   sheet_id: id,
+      //   status: 1, // 0缓存，1提交
+      //   answers: JSON.stringify(this.questionParams.answerRecord),
+      //   duration: this.time.duration
+      // }
+      // api.setCache(param).then(response => {
+      //   if (n) {
+      //     this.$router.replace({
+      //       path: '/testExam/result'
+      //     })
+      //   }
+      // })
     }
   }
 }