fix: z-index层级遮盖

src/features/mark/MarkBoardKeyBoard.vue

@@ -278,8 +278,8 @@ export default defineComponent({
     });
 
     const collapseSideBar = () => {
-      store.setting.uiSetting["score.board.collapse"] = !!!store.setting
-        .uiSetting["score.board.collapse"];
+      store.setting.uiSetting["score.board.collapse"] =
+        !!!store.setting.uiSetting["score.board.collapse"];
     };
 
     const handleMouseOverWithBoard = () => {
@@ -347,6 +347,7 @@ export default defineComponent({
   padding-right: 6px;
   max-height: calc(100vh - 41px);
   overflow: scroll;
+  z-index: 1001;
 }
 .hide-board {
   display: none;

src/features/mark/MarkBoardMouse.vue

@@ -147,8 +147,8 @@ export default defineComponent({
     }
 
     const collapseSideBar = () => {
-      store.setting.uiSetting["score.board.collapse"] = !!!store.setting
-        .uiSetting["score.board.collapse"];
+      store.setting.uiSetting["score.board.collapse"] =
+        !!!store.setting.uiSetting["score.board.collapse"];
     };
 
     const handleMouseOverWithBoard = () => {
@@ -215,6 +215,7 @@ export default defineComponent({
   padding-right: 6px;
   max-height: calc(100vh - 41px);
   overflow: scroll;
+  z-index: 1001;
 }
 .hide-board {
   display: none;

src/features/mark/MarkBoardTrack.vue

@@ -67,7 +67,14 @@
     >
       <div
         v-if="store.currentTask && store.currentTask.questionList"
-        class="tw-flex tw-gap-1 tw-flex-wrap tw-justify-between tw-overflow-scroll tw-content-start"
+        class="
+          tw-flex
+          tw-gap-1
+          tw-flex-wrap
+          tw-justify-between
+          tw-overflow-scroll
+          tw-content-start
+        "
         style="min-height: 20% !important"
         :style="{ height: `${topPercent}%` }"
       >
@@ -104,7 +111,14 @@
         ref="dragSpliter"
       ></div>
       <div
-        class="tw-flex tw-gap-1 tw-flex-wrap tw-mt-5 tw-overflow-scroll tw-content-start"
+        class="
+          tw-flex
+          tw-gap-1
+          tw-flex-wrap
+          tw-mt-5
+          tw-overflow-scroll
+          tw-content-start
+        "
         style="padding-bottom: 40px"
         :style="{ height: `${100 - topPercent}%` }"
       >
@@ -265,8 +279,8 @@ export default defineComponent({
     });
 
     const collapseSideBar = () => {
-      store.setting.uiSetting["score.board.collapse"] = !!!store.setting
-        .uiSetting["score.board.collapse"];
+      store.setting.uiSetting["score.board.collapse"] =
+        !!!store.setting.uiSetting["score.board.collapse"];
     };
 
     const handleMouseOverWithBoard = () => {
@@ -325,13 +339,14 @@ export default defineComponent({
           q.mainNumber === store.currentQuestion?.mainNumber &&
           q.subNumber === store.currentQuestion?.subNumber
       );
-      store.currentMarkResult.trackList = store.currentMarkResult?.trackList.filter(
-        (q) =>
-          !(
-            q.mainNumber === store.currentQuestion?.mainNumber &&
-            q.subNumber === store.currentQuestion?.subNumber
-          )
-      );
+      store.currentMarkResult.trackList =
+        store.currentMarkResult?.trackList.filter(
+          (q) =>
+            !(
+              q.mainNumber === store.currentQuestion?.mainNumber &&
+              q.subNumber === store.currentQuestion?.subNumber
+            )
+        );
       store.currentQuestion.score = null;
     }
 
@@ -386,6 +401,7 @@ export default defineComponent({
   padding-right: 6px;
   max-height: calc(100vh - 41px);
   overflow: scroll;
+  z-index: 1001;
 }
 .hide-board {
   display: none;