refactor MarkBoard -> MarkBoardTrack

src/components/mark/Mark.vue

@@ -4,7 +4,7 @@
     <div class="flex gap-1">
       <mark-history />
       <mark-body />
-      <mark-board @submit="saveTaskToServer" />
+      <mark-board-track @submit="saveTaskToServer" />
     </div>
   </div>
 </template>
@@ -25,7 +25,7 @@ import MarkHeader from "./MarkHeader.vue";
 import MarkBody from "./MarkBody.vue";
 import { useTimers } from "@/setups/useTimers";
 import MarkHistory from "./MarkHistory.vue";
-import MarkBoard from "./MarkBoard.vue";
+import MarkBoardTrack from "./MarkBoardTrack.vue";
 
 export default defineComponent({
   name: "Mark",
@@ -33,7 +33,7 @@ export default defineComponent({
     MarkHeader,
     MarkBody,
     MarkHistory,
-    MarkBoard,
+    MarkBoardTrack,
   },
   setup: () => {
     const { addInterval } = useTimers();

src/components/mark/MarkBoard.vue → src/components/mark/MarkBoardTrack.vue

@@ -1,12 +1,13 @@
 <template>
   <div
     v-if="store.currentTask"
-    :style="{ display: store.markBoardCollapse ? 'none' : 'block' }"
+    :style="{ display: store.MarkBoardTrackCollapse ? 'none' : 'block' }"
     style="
       max-width: 250px;
       min-width: 250px;
       border: 1px solid grey;
       padding-left: 6px;
+      padding-left: 6px;
     "
   >
     <div>
@@ -20,7 +21,7 @@
 
     <div
       v-if="store.currentTask && store.currentTask.questionList"
-      class="flex gap-1 flex-wrap"
+      class="flex gap-1 flex-wrap justify-between"
     >
       <template
         v-for="(question, index) in store.currentTask?.questionList"
@@ -65,7 +66,7 @@ import { computed, defineComponent, onMounted, onUnmounted, watch } from "vue";
 import { findCurrentTaskMarkResult, store } from "./store";
 
 export default defineComponent({
-  name: "MarkBoard",
+  name: "MarkBoardTrack",
   emits: ["submit"],
   setup(props, { emit }) {
     const markResult = findCurrentTaskMarkResult();

src/components/mark/store.ts

@@ -33,7 +33,7 @@ const obj = {
   currentScore: undefined,
   markResults: [],
   historyOpen: false,
-  markBoardCollapse: false,
+  MarkBoardTrackCollapse: false,
   historyTasks: [],
 } as MarkStore;
 

src/types/index.ts

@@ -15,7 +15,7 @@ export interface MarkStore {
   currentScore?: number;
   markResults: Array<MarkResult>;
   historyOpen: boolean; // 是否打开回评侧边栏
-  markBoardCollapse: boolean; // 是否收缩评分版
+  MarkBoardTrackCollapse: boolean; // 是否收缩评分版
   historyTasks: Array<Task>;
 }