轨迹图总分

src/features/student/studentInspect/MarkBody.vue

@@ -50,6 +50,12 @@
               <h3>得分：{{ minfo.score }}，满分：{{ minfo.maxScore }}</h3>
             </div>
           </template>
+          <!-- 总分 -->
+          <div class="mark-total">
+            总分：{{ totalScore }}，主观题得分：{{
+              subjectiveScore
+            }}，客观题得分：{{ objectiveScore }}
+          </div>
           <hr class="image-seperator" />
         </div>
       </div>
@@ -95,6 +101,16 @@ const viewScroll = () => {
 };
 const { addTimeout } = useTimers();
 
+const totalScore = $computed(() => {
+  return store.currentTask?.markerScore || 0;
+});
+const objectiveScore = $computed(() => {
+  return store.currentTask?.objectiveScore || 0;
+});
+const subjectiveScore = $computed(() => {
+  return totalScore - objectiveScore;
+});
+
 let sliceImagesWithTrackList: SliceImage[] = reactive([]);
 let maxImageWidth = 0;
 
@@ -564,4 +580,13 @@ const answerPaperScale = $computed(() => {
   line-height: 20px;
   font-weight: bold;
 }
+.mark-total {
+  font-size: 20px;
+  font-weight: bold;
+  position: absolute;
+  top: 20px;
+  left: 260px;
+  z-index: 9;
+  color: #f53f3f;
+}
 </style>