mark-web/src/features/check-objective/composables/useStudent.ts

import { StudentObjectiveInfo } from "@/types";
import { studentObjectiveConfirmData } from "@/api/checkPage";
import { message } from "ant-design-vue";
import { computed } from "vue";
import { useCheckObjectiveStore } from "@/store";

export default function useStudent() {
  const checkObjectiveStore = useCheckObjectiveStore();

  const currentIndex = computed(() =>
    checkObjectiveStore.studentIds.indexOf(checkObjectiveStore.currentStudentId)
  );
  const isFirst = computed(() => currentIndex.value === 0);
  const isLast = computed(
    () => currentIndex.value === checkObjectiveStore.studentIds.length - 1
  );
  const isMultiStudent = computed(
    () => checkObjectiveStore.studentIds.length > 1
  );

  const totalScore = computed(() => {
    if (!checkObjectiveStore.student) return 0;
    return checkObjectiveStore.student.objectiveScore || 0;
  });

  const curImageUrl = computed(() =>
    checkObjectiveStore.student
      ? checkObjectiveStore.student.sheetUrls[checkObjectiveStore.currentImage]
          ?.url
      : ""
  );

  const answersComputed = computed(() => {
    if (!checkObjectiveStore.student) return [];

    const { answers, titles } = checkObjectiveStore.student;

    let mains = answers.map((v) => ({
      mainTitle: "",
      mainNumber: v.mainNumber,
      subs: [v],
    }));
    const mSet = new Set();
    mains = mains?.filter((v) => {
      if (!mSet.has(v.mainNumber)) {
        mSet.add(v.mainNumber);
        v.subs = [];
        return true;
      }
    });
    mains?.forEach((v) => {
      v.mainTitle = titles ? titles[v.mainNumber] : "";
      v.subs = answers.filter((v2) => v2.mainNumber === v.mainNumber) ?? [];
    });
    return mains;
  });

  async function getNextStudent() {
    if (isLast.value && !isFirst.value) {
      void message.warning("已经是最后一份！");
      return;
    }
    await getStudent(checkObjectiveStore.studentIds[currentIndex.value + 1]);
  }

  async function getPreviousStudent() {
    if (isFirst.value) {
      void message.warning("已经是第一份！");
      return;
    }
    await getStudent(checkObjectiveStore.studentIds[currentIndex.value - 1]);
  }

  async function getStudent(studentId: string) {
    let dataError = false;
    const res = await studentObjectiveConfirmData(studentId).catch(() => {
      dataError = true;
    });
    if (dataError) {
      void message.error(res.message, 24 * 60 * 60);
      throw new Error("取学生信息出错: " + res.message);
    }

    checkObjectiveStore.student = res.data as StudentObjectiveInfo;
    checkObjectiveStore.currentStudentId = studentId;
    checkObjectiveStore.currentImage = 0;
    checkObjectiveStore.browsedImageIndexes = [0];
    checkObjectiveStore.answerMap = {};
    checkObjectiveStore.student?.answers.forEach((item) => {
      checkObjectiveStore.answerMap[`${item.mainNumber}_${item.subNumber}`] = {
        answer: item.answer,
        isRight: item.answer === item.standardAnswer,
      };
    });
  }

  async function updateCurStudent() {
    await getStudent(checkObjectiveStore.studentIds[currentIndex]);
  }

  return {
    currentIndex,
    isFirst,
    isLast,
    isMultiStudent,
    totalScore,
    curImageUrl,
    answersComputed,
    getNextStudent,
    getPreviousStudent,
    updateCurStudent,
  };
}