remove useless code

src/features/student/importInspect/MarkBoardInspect.vue

@@ -118,13 +118,6 @@ let questions = $computed(() => {
 
 let markerScore = $computed(() => store.currentTask?.markerScore || 0);
 
-function addToCheckedQuestion(question: Question) {
-  checkedQuestions.push(question);
-}
-function removeCheckedQuestion(question: Question) {
-  const idx = checkedQuestions.indexOf(question);
-  checkedQuestions.splice(idx, 1);
-}
 function groupChecked(groupNumber: number) {
   return (
     checkedQuestions.filter((q) => q.groupNumber === groupNumber).length ===
@@ -136,23 +129,6 @@ function questionChecked(question: Question) {
   return checkedQuestions.includes(question);
 }
 
-function groupClicked(groupNumber: number) {
-  if (groupChecked(groupNumber)) {
-    checkedQuestions
-      .filter((q) => q.groupNumber === groupNumber)
-      .forEach((q) => {
-        const idx = checkedQuestions.indexOf(q);
-        checkedQuestions.splice(idx, 1);
-      });
-  } else {
-    questions
-      ?.filter((q) => q.groupNumber === groupNumber)
-      .forEach((q) => {
-        if (!questionChecked(q)) checkedQuestions.push(q);
-      });
-  }
-}
-
 function addFocusTrack(
   groupNumber: number | undefined,
   mainNumber: number | undefined,
@@ -226,43 +202,15 @@ function makeTag(isTag: boolean) {
   color: white;
   background-color: var(--app-primary-button-bg-color);
 }
-.total-score {
-  color: var(--app-main-text-color);
-  font-size: 32px;
-}
 .question {
   min-width: 80px;
   background-color: var(--app-container-bg-color);
 }
-.current-question .score {
-  color: var(--high-light-score-color);
-}
 
-.current-score {
-  color: var(--app-score-color);
-}
-.current-score-indicator {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 5px;
-  height: 5px;
-  background-color: #5c69f6;
-}
-.all-zero-unselective-button {
-  border-radius: 10px;
-  padding: 7px;
-  background-color: #4db9ff;
-  border: none;
-}
 .full-width-btn {
   width: 100%;
   border-radius: 20px;
 }
-.undo-btn {
-  background-color: var(--app-undo-button-bg-color);
-  border-color: var(--app-undo-button-bg-color);
-}
 
 .star {
   margin-top: -30px;

src/features/student/importInspect/MarkHeader.vue

@@ -119,9 +119,6 @@ onMounted(() => {
 </script>
 
 <style scoped>
-.header-bg-color {
-  background-color: var(--header-bg-color);
-}
 .header-container {
   position: relative;
   height: 56px;
@@ -154,20 +151,7 @@ onMounted(() => {
   color: white;
   font-size: var(--app-title-font-size);
 }
-.header-bg-color.ant-btn:hover {
-  background-color: var(--app-ant-select-bg-override-color) !important;
-}
 
-.assistant-table {
-  z-index: 5500;
-  border-collapse: separate;
-  border-spacing: 0 1em;
-  color: var(--app-bold-text-color);
-  width: 240px;
-}
-.assistant-table tr td:nth-child(2) {
-  text-align: right;
-}
 .svg-red {
   filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg)
     brightness(104%) contrast(97%);
@@ -181,22 +165,4 @@ onMounted(() => {
   position: absolute;
   bottom: -2px;
 }
-.dropdown-triangle {
-  background-color: #8c8d9b;
-  width: 7px;
-  height: 5px;
-  clip-path: polygon(0 0, 100% 0, 50% 100%);
-  margin-left: 4px;
-}
-.markcount-animation {
-  animation: change-color 3s ease-in-out;
-}
-@keyframes change-color {
-  0% {
-    color: red;
-  }
-  100% {
-    color: white;
-  }
-}
 </style>

src/features/student/inspect/Inspect.vue

@@ -117,11 +117,6 @@ async function updateTask() {
   }
 }
 
-// async function reloadAndfetchTask() {
-//   await updateClearTask();
-//   await updateSetting();
-//   await fetchTask();
-// }
 watch(
   () => store.historyOpen,
   async () => {

src/features/student/inspect/MarkBoardInspect.vue

@@ -265,27 +265,6 @@ function inspect() {
   min-width: 80px;
   background-color: var(--app-container-bg-color);
 }
-.current-question .score {
-  color: var(--high-light-score-color);
-}
-
-.current-score {
-  color: var(--app-score-color);
-}
-.current-score-indicator {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 5px;
-  height: 5px;
-  background-color: #5c69f6;
-}
-.all-zero-unselective-button {
-  border-radius: 10px;
-  padding: 7px;
-  background-color: #4db9ff;
-  border: none;
-}
 .full-width-btn {
   width: 100%;
   border-radius: 20px;

src/features/student/inspect/MarkHeader.vue

@@ -128,9 +128,6 @@ onMounted(() => {
 </script>
 
 <style scoped>
-.header-bg-color {
-  background-color: var(--header-bg-color);
-}
 .header-container {
   position: relative;
   height: 56px;
@@ -163,20 +160,7 @@ onMounted(() => {
   color: white;
   font-size: var(--app-title-font-size);
 }
-.header-bg-color.ant-btn:hover {
-  background-color: var(--app-ant-select-bg-override-color) !important;
-}
 
-.assistant-table {
-  z-index: 5500;
-  border-collapse: separate;
-  border-spacing: 0 1em;
-  color: var(--app-bold-text-color);
-  width: 240px;
-}
-.assistant-table tr td:nth-child(2) {
-  text-align: right;
-}
 .svg-red {
   filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg)
     brightness(104%) contrast(97%);
@@ -197,15 +181,4 @@ onMounted(() => {
   clip-path: polygon(0 0, 100% 0, 50% 100%);
   margin-left: 4px;
 }
-.markcount-animation {
-  animation: change-color 3s ease-in-out;
-}
-@keyframes change-color {
-  0% {
-    color: red;
-  }
-  100% {
-    color: white;
-  }
-}
 </style>

src/features/student/studentTrack/MarkHeader.vue

@@ -53,9 +53,6 @@ const closeWindow = async () => {
 </script>
 
 <style scoped>
-.header-bg-color {
-  background-color: var(--header-bg-color);
-}
 .header-container {
   position: relative;
   height: 56px;
@@ -64,15 +61,6 @@ const closeWindow = async () => {
   background-color: var(--header-bg-color);
   color: rgba(255, 255, 255, 0.5);
 }
-.menu {
-  width: 56px;
-  height: 56px;
-  padding: 20px;
-}
-.menu:hover,
-.menu-toggled {
-  background-color: rgba(255, 255, 255, 0.2);
-}
 
 .header-container span {
   vertical-align: middle;
@@ -88,49 +76,9 @@ const closeWindow = async () => {
   color: white;
   font-size: var(--app-title-font-size);
 }
-.header-bg-color.ant-btn:hover {
-  background-color: var(--app-ant-select-bg-override-color) !important;
-}
 
-.assistant-table {
-  z-index: 5500;
-  border-collapse: separate;
-  border-spacing: 0 1em;
-  color: var(--app-bold-text-color);
-  width: 240px;
-}
-.assistant-table tr td:nth-child(2) {
-  text-align: right;
-}
 .svg-red {
   filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg)
     brightness(104%) contrast(97%);
 }
-.triangle {
-  background-color: white;
-  width: 10px;
-  height: 10px;
-  clip-path: polygon(0 100%, 100% 100%, 50% 0);
-
-  position: absolute;
-  bottom: -2px;
-}
-.dropdown-triangle {
-  background-color: #8c8d9b;
-  width: 7px;
-  height: 5px;
-  clip-path: polygon(0 0, 100% 0, 50% 100%);
-  margin-left: 4px;
-}
-.markcount-animation {
-  animation: change-color 3s ease-in-out;
-}
-@keyframes change-color {
-  0% {
-    color: red;
-  }
-  100% {
-    color: white;
-  }
-}
 </style>

src/features/student/studentTrack/StudentTrack.vue

@@ -24,7 +24,7 @@ import MarkHeader from "./MarkHeader.vue";
 import { useRoute } from "vue-router";
 import MarkBody from "../inspect/MarkBody.vue";
 import CommonMarkBody from "@/features/mark/CommonMarkBody.vue";
-import type { Task, Setting } from "@/types";
+import type { Task } from "@/types";
 import { message } from "ant-design-vue";
 import { getSingleStudentTask } from "@/api/studentTrackPage";
 import { getInspectedSetting } from "@/api/inspectPage";