成绩查询信息展示

src/assets/styles/main.less

@@ -557,6 +557,27 @@
         }
       }
     }
+    &-task {
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      .task-list {
+        text-align: left;
+      }
+
+      .task-item {
+        line-height: 20px;
+        font-size: 14px;
+      }
+      .task-item-label {
+        display: inline-block;
+        vertical-align: top;
+      }
+      .task-item-content {
+        display: inline-block;
+        vertical-align: top;
+      }
+    }
   }
 }
 

src/modules/main/StudentScore.vue

@@ -96,29 +96,51 @@
       </div>
       <div class="score-content-body">
         <image-action-list
-          :data="curStudent.scores"
-          :column-number="curStudent.scores.length"
+          :data="papers"
+          :column-number="papers.length"
           @on-review="toReview"
           ref="ImageActionList"
         ></image-action-list>
 
-        <table :class="['table', `table-column-${curStudent.scores.length}`]">
+        <table :class="['table', `table-column-${papers.length}`]">
+          <tr>
+            <td v-for="(paper, sindex) in papers" :key="sindex">
+              <div class="score-content-task">
+                <div class="task-list">
+                  <div class="task-item">
+                    <div class="task-item-label">试卷密号：</div>
+                    <div class="task-item-content">
+                      {{ paper.secretNumber }}
+                    </div>
+                  </div>
+                  <div class="task-item">
+                    <div class="task-item-label">任务密号：</div>
+                    <div class="task-item-content">
+                      <p v-for="task in paper.taskList" :key="task.id">
+                        {{ task.secretNumber }}（{{ task.markerName }}）
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr>
           <tr>
             <td
               class="color-dark"
-              v-for="(score, sindex) in curStudent.scores"
+              v-for="(paper, sindex) in papers"
               :key="sindex"
             >
-              {{ score.level || "空" }}
+              {{ paper.level || "空" }}
             </td>
           </tr>
           <tr>
             <td
               class="color-error"
-              v-for="(score, sindex) in curStudent.scores"
+              v-for="(paper, sindex) in papers"
               :key="sindex"
             >
-              {{ score.score ? score.score + "分" : "空" }}
+              {{ paper.score ? paper.score + "分" : "空" }}
             </td>
           </tr>
         </table>
@@ -228,14 +250,6 @@ export default {
         this.$Message.error("无此考生");
         return;
       }
-      data.map(student => {
-        student.scores.map(score => {
-          // score.imgSrc = score.sheetSrc;
-          // score.thumbSrc = score.sheetSrc;
-          score.title = score.subjectName;
-          score.key = this.$randomCode();
-        });
-      });
       this.students = data;
       this.total = this.students.length;
       this.toPage(1);
@@ -244,6 +258,18 @@ export default {
       if (!this.students[page - 1]) return;
       this.current = page;
       this.curStudent = this.students[page - 1];
+      this.papers = this.curStudent.papers.map(item => {
+        let nitem = { ...item };
+        nitem.key = this.$randomCode();
+        nitem.imgSrc = item.sheetSrc;
+        nitem.thumbSrc = item.sheetSrc;
+        const fields = ["taskScores", "taskLevels"];
+        const validField = fields.find(
+          field => item[field] && item[field].length
+        );
+        nitem.taskList = validField ? item[validField] : [];
+        return nitem;
+      });
     },
     workChange() {
       this.filter.subject = null;