bug fix

src/features/arbitrate/MarkHeader.vue

@@ -1,15 +1,13 @@
 <template>
   <div v-if="store.setting && store.setting.subject.name" class="mark-header">
     <div class="mark-header-part">
-      <a-tooltip v-if="!isSingleStudent">
-        <template #title>回评</template>
-        <div
-          :class="['header-menu', { 'is-toggled': store.historyOpen }]"
-          @click="store.toggleHistory"
-        >
-          <img class="header-icon" src="@/assets/icons/icon-left-menu.svg" />
-        </div>
-      </a-tooltip>
+      <div
+        v-if="!isSingleStudent"
+        :class="['header-menu', { 'is-toggled': store.historyOpen }]"
+        @click="store.toggleHistory"
+      >
+        <img class="header-icon" src="@/assets/icons/icon-left-menu.svg" />回评
+      </div>
       <div class="header-subject" :title="store.setting.subject.name">
         {{
           `${store.setting.subject.code ?? ""}-${

src/features/mark/MarkBoardKeyBoard.vue

@@ -181,6 +181,7 @@ function numberKeyListener(event: KeyboardEvent) {
         q.subNumber === store.currentQuestion.subNumber
     );
   }
+
   // 处理Enter跳下一题或submit
   if (event.key === "Enter") {
     const allScoreMarked = store.currentTask.markResult.scoreList.every((s) =>
@@ -235,7 +236,7 @@ function numberKeyListener(event: KeyboardEvent) {
     }
     return;
   }
-  if (event.key === "ArrowLeft") {
+  if (event.key === "ArrowUp") {
     const idx = indexOfCurrentQuestion();
     if (idx > 0) {
       chooseQuestion(store.currentTask.questionList[idx - 1]);
@@ -243,7 +244,7 @@ function numberKeyListener(event: KeyboardEvent) {
     event.preventDefault();
     return;
   }
-  if (event.key === "ArrowRight") {
+  if (event.key === "ArrowDown") {
     const idx = indexOfCurrentQuestion();
     if (idx < store.currentTask.questionList.length - 1) {
       chooseQuestion(store.currentTask.questionList[idx + 1]);

src/features/mark/MarkHeader.vue

@@ -1,15 +1,12 @@
 <template>
   <div v-if="store.setting && store.setting.subject.name" class="mark-header">
     <div class="mark-header-part">
-      <a-tooltip>
-        <template #title>回评</template>
-        <div
-          :class="['header-menu', { 'is-toggled': store.historyOpen }]"
-          @click="store.toggleHistory"
-        >
-          <img class="header-icon" src="@/assets/icons/icon-left-menu.svg" />
-        </div>
-      </a-tooltip>
+      <div
+        :class="['header-menu', { 'is-toggled': store.historyOpen }]"
+        @click="store.toggleHistory"
+      >
+        <img class="header-icon" src="@/assets/icons/icon-left-menu.svg" />回评
+      </div>
       <div class="header-subject" :title="store.setting.subject.name">
         {{
           `${store.setting.subject.code ?? ""}-${
@@ -227,9 +224,9 @@ let changeProfileRef = $ref<InstanceType<typeof MarkChangeProfile>>();
 // 应该是@typescript-eslint/no-unsafe-call不完美的搞法，导致了下面的调用会出错
 type ShowModalFunc = () => void;
 
-const openProfileModal = () => {
-  (changeProfileRef.showModal as ShowModalFunc)();
-};
+// const openProfileModal = () => {
+//   (changeProfileRef.showModal as ShowModalFunc)();
+// };
 
 let switchGroupRef = $ref<InstanceType<typeof MarkSwitchGroupDialog>>();
 

src/styles/page.less

@@ -59,12 +59,21 @@
   }
 
   .header-menu {
-    width: 56px;
-    padding: 19px;
+    min-width: 56px;
+    padding: 18px 15px;
+    text-align: center;
     cursor: pointer;
 
+    .header-icon {
+      display: inline-block;
+      vertical-align: middle;
+      margin-right: 3px;
+      margin-top: -2px;
+    }
+
     &:hover,
     &.is-toggled {
+      color: #fff;
       background-color: rgba(62, 64, 87, 1);
 
       .header-icon {
@@ -548,6 +557,7 @@
     overflow: hidden;
     color: #262626;
     position: relative;
+    outline: none;
     cursor: pointer;
 
     .question-info {