<template>
  <CommonMarkHeader
    :isSingleStudent="isSingleStudent"
    :clearTasks="clearTasks"
    showScoreBoard
    showPaperAndAnswer
    notShowAnswer
  >
    <span>
      <span class="header-small-text">待复核</span>
      <span class="highlight-text">{{ store.status.totalCount ?? "-" }}</span>
    </span>
  </CommonMarkHeader>
</template>

<script setup lang="ts">
import { clearInspectedTask } from "@/api/inspectPage";
import { store } from "@/store/store";
import { useRoute } from "vue-router";
import CommonMarkHeader from "@/components/CommonMarkHeader.vue";

const route = useRoute();
let isSingleStudent = !!route.query.studentId;
const { studentId, subjectCode } = route.query as {
  studentId: string;
  subjectCode: string;
};

let clearTasks = clearInspectedTask.bind(null, studentId, subjectCode);
</script>
