bug fixes

src/pages/teacher/examReview/review.vue

@@ -58,14 +58,14 @@
         <div class="stu-list">
           <div class="title">
             <span>学生列表</span>
-            <el-select @change="change" v-model="selectValue" placeholder="请选择">
+            <el-select v-model="selectValue" placeholder="请选择">
               <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
             </el-select>
           </div>
           <ul>
             <li
-              :class="item.sheet_id === (sheetIds || $route.query.sheet_id) ? 'active' : ''"
-              v-for="(item, index) in studentList"
+              :class="item.sheet_id === sheetId ? 'active' : ''"
+              v-for="(item, index) in currentStudentList"
               :key="index"
               @click="selectStudent(item)"
             >
@@ -87,7 +87,7 @@ export default {
       data: {},
       selectValue: 0,
       studentList: [],
-      sheetIds: '',
+      sheetId: this.$route.query.sheet_id,
       options: [
         { value: 0, label: '全部' },
         { value: 1, label: '未批阅' },
@@ -98,6 +98,13 @@ export default {
   computed: {
     examId() {
       return this.$route.query.exam_id
+    },
+    currentStudentList() {
+      if (this.selectValue === 0) {
+        return this.studentList
+      } else {
+        return this.studentList.filter(item => item.status === this.selectValue)
+      }
     }
   },
   created() {
@@ -109,19 +116,13 @@ export default {
   },
   methods: {
     selectStudent(item) {
-      this.sheetIds = item.sheet_id
-      this.getTopic(item.sheet_id)
+      this.sheetId = item.sheet_id
+      this.getTopic()
       this.$refs.exam.reset()
     },
-    change() {
-      this.studentList = JSON.parse(window.localStorage.examStudentsList)
-      if (this.selectValue !== 0) {
-        this.studentList = this.studentList.filter(item => parseInt(item.status) === parseInt(this.selectValue))
-      }
-    },
     // 获取考卷
-    getTopic(sheetId) {
-      api.getReviewDetails({ sheet_id: sheetId || this.$route.query.sheet_id }).then(response => {
+    getTopic() {
+      api.getReviewDetails({ sheet_id: this.sheetId }).then(response => {
         this.data = JSON.parse(response.data).sheet
       })
     },
@@ -144,7 +145,7 @@ export default {
         return false
       }
       const param = {
-        sheet_id: this.$route.query.sheet_id,
+        sheet_id: this.sheetId,
         question_item_id: data.question_item_id,
         question_id: item.id,
         comment: item.comment,
@@ -158,8 +159,18 @@ export default {
         api.submitReviewDetails(param).then(response => {
           item.checked_flag = true
           this.$message('批阅成功')
+          if (response.status === 2) {
+            this.updateStudentStatus(response.status)
+          }
         })
       })
+    },
+    updateStudentStatus(stauts) {
+      const index = this.studentList.findIndex(item => item.sheet_id === this.sheetId)
+      if (index !== -1) {
+        this.studentList[index].status = stauts
+      }
+      window.localStorage.setItem('examStudentsList', JSON.stringify(this.studentList))
     }
   }
 }

src/pages/teacher/testReview/review.vue

@@ -58,14 +58,14 @@
         <div class="stu-list">
           <div class="title">
             <span>学生列表</span>
-            <el-select @change="change" v-model="selectValue" placeholder="请选择">
+            <el-select v-model="selectValue" placeholder="请选择">
               <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
             </el-select>
           </div>
           <ul>
             <li
-              :class="item.sheet_id === (sheetIds || $route.query.sheet_id) ? 'active' : ''"
-              v-for="(item, index) in studentList"
+              :class="item.sheet_id === sheetId ? 'active' : ''"
+              v-for="(item, index) in currentStudentList"
               :key="index"
               @click="selectStudent(item)"
             >
@@ -86,7 +86,7 @@ export default {
     return {
       data: {},
       selectValue: 0,
-      sheetIds: '',
+      sheetId: this.$route.query.sheet_id,
       studentList: [],
       options: [
         { value: 0, label: '全部' },
@@ -98,6 +98,13 @@ export default {
   computed: {
     examId() {
       return this.$route.query.exam_id
+    },
+    currentStudentList() {
+      if (this.selectValue === 0) {
+        return this.studentList
+      } else {
+        return this.studentList.filter(item => item.status === this.selectValue)
+      }
     }
   },
   created() {
@@ -109,19 +116,13 @@ export default {
   },
   methods: {
     selectStudent(item) {
-      this.sheetIds = item.sheet_id
-      this.getTopic(item.sheet_id)
+      this.sheetId = item.sheet_id
+      this.getTopic()
       this.$refs.exam.reset()
     },
-    change() {
-      this.studentList = JSON.parse(window.localStorage.testStudentsList)
-      if (this.selectValue !== 0) {
-        this.studentList = this.studentList.filter(item => parseInt(item.status) === parseInt(this.selectValue))
-      }
-    },
     // 获取考卷
-    getTopic(sheetId) {
-      api.getReviewDetails({ sheet_id: sheetId || this.$route.query.sheet_id, type: 'chapter' }).then(response => {
+    getTopic() {
+      api.getReviewDetails({ sheet_id: this.sheetId, type: 'chapter' }).then(response => {
         this.data = JSON.parse(response.data).sheet
       })
     },
@@ -145,7 +146,7 @@ export default {
       }
       const param = {
         type: 'chapter',
-        sheet_id: this.$route.query.sheet_id,
+        sheet_id: this.sheetId,
         question_item_id: data.question_item_id,
         question_id: item.id,
         comment: item.comment,
@@ -159,8 +160,18 @@ export default {
         api.submitReviewDetails(param).then(response => {
           item.checked_flag = true
           this.$message('批阅成功')
+          if (response.status === 2) {
+            this.updateStudentStatus(response.status)
+          }
         })
       })
+    },
+    updateStudentStatus(stauts) {
+      const index = this.studentList.findIndex(item => item.sheet_id === this.sheetId)
+      if (index !== -1) {
+        this.studentList[index].status = stauts
+      }
+      window.localStorage.setItem('testStudentsList', JSON.stringify(this.studentList))
     }
   }
 }