修改答题分享列表

src/views/home/recovery/AnswerData.vue

@@ -63,7 +63,7 @@
 
       <el-table-column prop="operation" label="操作" fixed="right" width="200">
         <template slot-scope="{ row }">
-          <span class="link" @click="viewUserAnswerRecordLis(row.exercise_share_record_id)">查看</span>
+          <span class="link" @click="viewUserAnswerRecordLis(row.exercise_share_record_id, row.id)">查看</span>
         </template>
       </el-table-column>
     </el-table>
@@ -119,12 +119,14 @@ export default {
     /**
      * 查看用户答题记录列表
      * @param {string} exercise_share_record_id 练习分享记录id
+     * @param {string} answer_record_id 答题记录id
      */
-    viewUserAnswerRecordLis(exercise_share_record_id) {
+    viewUserAnswerRecordLis(exercise_share_record_id, answer_record_id) {
       this.$router.push({
         path: '/answer_record_list',
         query: {
           exercise_share_record_id,
+          answer_record_id,
         },
       });
     },

src/views/home/recovery/AnswerRecordList.vue

@@ -3,16 +3,10 @@
     <div class="answer-record-list">
       <ul>
         <li
-          v-for="{
-            id,
-            user_real_name,
-            user_image_url,
-            is_finish,
-            exercise_share_record_id: recordId,
-          } in answer_record_list"
+          v-for="{ id, user_real_name, user_image_url, is_finish } in answer_record_list"
           :key="id"
-          :class="['record-item', { active: curShareRecordId === recordId }]"
-          @click="selectShareRecord(recordId)"
+          :class="['record-item', { active: answer_record_id === id }]"
+          @click="selectShareRecord(id)"
         >
           <el-avatar :src="user_image_url" :size="24" />
           <span class="user-name nowrap-ellipsis">{{ user_real_name }}</span>
@@ -82,14 +76,12 @@ import { GetUserAnswerRecordList, GetAnswerRecordReport, FinishAnswerRemark, Get
 export default {
   name: 'AnswerRecordList',
   data() {
-    const { query } = this.$route;
-
-    const exercise_share_record_id = query.exercise_share_record_id;
+    const { exercise_share_record_id, answer_record_id } = this.$route.query;
 
     return {
       secondFormatConversion,
       exercise_share_record_id,
-      curShareRecordId: exercise_share_record_id, // 当前分享记录id
+      answer_record_id,
       exercise_share_url_path: '', // 分享链接
       answer_record: {},
       question_list: [],
@@ -99,7 +91,7 @@ export default {
   computed: {
     // 当前答题记录id
     curAnswerRecordId() {
-      return this.answer_record_list.find((item) => item.exercise_share_record_id === this.curShareRecordId)?.id;
+      return this.answer_record_list.find((item) => item.id === this.answer_record_id)?.id;
     },
   },
   watch: {
@@ -122,17 +114,19 @@ export default {
       });
     },
     getUserAnswerRecordList() {
-      GetUserAnswerRecordList({ exercise_share_record_id: this.curShareRecordId }).then(({ answer_record_list }) => {
-        this.answer_record_list = answer_record_list;
-      });
+      GetUserAnswerRecordList({ exercise_share_record_id: this.exercise_share_record_id }).then(
+        ({ answer_record_list }) => {
+          this.answer_record_list = answer_record_list;
+        },
+      );
     },
     /**
      * 选择答题记录
-     * @param {string} recordId 答题记录id
+     * @param {string} answer_record_id 答题记录id
      */
-    selectShareRecord(recordId) {
-      if (this.curShareRecordId === recordId) return;
-      this.curShareRecordId = recordId;
+    selectShareRecord(answer_record_id) {
+      if (this.answer_record_id === answer_record_id) return;
+      this.answer_record_id = answer_record_id;
     },
     /**
      * 获取答题记录报告
@@ -150,7 +144,7 @@ export default {
      */
     selectQuestion(i) {
       window.open(
-        `${this.exercise_share_url_path}?share_record_id=${this.curShareRecordId}&answer_record_id=${this.curAnswerRecordId}&exercise_id=${this.answer_record.exercise_id}&question_index=${i}`,
+        `${this.exercise_share_url_path}?share_record_id=${this.exercise_share_record_id}&answer_record_id=${this.curAnswerRecordId}&exercise_id=${this.answer_record.exercise_id}&question_index=${i}`,
         '_blank',
       );
     },