提前公共方法 toggleScoreBoard

src/api/arbitratePage.ts

@@ -3,6 +3,7 @@ import { HistoryQueryParams } from "@/types";
 
 /** 清理仲裁任务(libraryId 与其他参数互斥填写) */
 export async function clearArbitrateTask(
+  // 这里libraryId为string，是因为它也会从query里面取值，同时利用为null的情况不传值到后台
   libraryId?: string,
   subjectCode?: string,
   groupNumber?: string

src/features/arbitrate/MarkHeader.vue

@@ -120,7 +120,7 @@
           store.currentTask &&
           'menu-toggled',
       ]"
-      @click="toggleScoreBoard"
+      @click="store.toggleScoreBoard"
     >
       <span
         title="给分板"
@@ -182,17 +182,9 @@ onMounted(() => {
     updateClearTask();
   });
 });
-
-const toggleScoreBoard = () => {
-  store.setting.uiSetting["score.board.collapse"] =
-    !store.setting.uiSetting["score.board.collapse"];
-};
 </script>
 
 <style scoped>
-.header-bg-color {
-  background-color: var(--header-bg-color);
-}
 .header-container {
   position: relative;
   height: 56px;
@@ -225,9 +217,6 @@ const toggleScoreBoard = () => {
   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;
@@ -252,22 +241,4 @@ const toggleScoreBoard = () => {
   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/library/inspect/MarkHeader.vue

@@ -73,7 +73,7 @@
           store.currentTask &&
           'menu-toggled',
       ]"
-      @click="toggleScoreBoard"
+      @click="store.toggleScoreBoard"
     >
       <span
         title="给分板"
@@ -127,11 +127,6 @@ onMounted(() => {
     updateClearTask();
   });
 });
-
-const toggleScoreBoard = () => {
-  store.setting.uiSetting["score.board.collapse"] =
-    !store.setting.uiSetting["score.board.collapse"];
-};
 </script>
 
 <style scoped>

src/features/mark/MarkHeader.vue

@@ -302,7 +302,7 @@
             store.currentTask &&
             'menu-toggled',
         ]"
-        @click="toggleScoreBoard"
+        @click="store.toggleScoreBoard"
       >
         <span
           title="给分板"
@@ -374,10 +374,6 @@ const progress = computed(() => {
   return p;
 });
 
-const toggleScoreBoard = () => {
-  store.setting.uiSetting["score.board.collapse"] =
-    !store.setting.uiSetting["score.board.collapse"];
-};
 const logout = () => {
   doLogout();
 };

src/features/student/importInspect/MarkHeader.vue

@@ -62,7 +62,7 @@
           store.currentTask &&
           'menu-toggled',
       ]"
-      @click="toggleScoreBoard"
+      @click="store.toggleScoreBoard"
     >
       <span
         title="给分板"
@@ -116,11 +116,6 @@ onMounted(() => {
     updateClearTask();
   });
 });
-
-const toggleScoreBoard = () => {
-  store.setting.uiSetting["score.board.collapse"] =
-    !store.setting.uiSetting["score.board.collapse"];
-};
 </script>
 
 <style scoped>

src/features/student/inspect/MarkHeader.vue

@@ -71,7 +71,7 @@
           store.currentTask &&
           'menu-toggled',
       ]"
-      @click="toggleScoreBoard"
+      @click="store.toggleScoreBoard"
     >
       <span
         title="给分板"
@@ -125,11 +125,6 @@ onMounted(() => {
     updateClearTask();
   });
 });
-
-const toggleScoreBoard = () => {
-  store.setting.uiSetting["score.board.collapse"] =
-    !store.setting.uiSetting["score.board.collapse"];
-};
 </script>
 
 <style scoped>

src/store/store.ts

@@ -86,6 +86,10 @@ export const useMarkStore = defineStore("mark", {
     toggleHistory(): void {
       this.historyOpen = !this.historyOpen;
     },
+    toggleScoreBoard(): void {
+      this.setting.uiSetting["score.board.collapse"] =
+        !this.setting.uiSetting["score.board.collapse"];
+    },
   },
 });