more style

src/components/QmDialog.vue

@@ -22,7 +22,7 @@
         </a-button>
       </header>
 
-      <div class="tw-m-1 tw-overflow-scroll" style="height: calc(100% - 50px)">
+      <div class="tw-m-1 tw-overflow-auto" style="height: calc(100% - 50px)">
         <slot></slot>
       </div>
 

src/features/mark/MarkBoardKeyBoard.vue

@@ -35,11 +35,7 @@
         </div>
       </div>
 
-      <div
-        class="
-          tw-flex tw-flex-col tw-place-content-center tw-items-center tw-gap-1
-        "
-      >
+      <div class="tw-flex tw-place-content-center tw-items-center tw-gap-1">
         <a-popconfirm
           v-if="store.setting.enableAllZero"
           title="确定给全零分？"

src/features/mark/MarkBoardMouse.vue

@@ -35,11 +35,7 @@
         </div>
       </div>
 
-      <div
-        class="
-          tw-flex tw-flex-col tw-place-content-center tw-items-center tw-gap-1
-        "
-      >
+      <div class="tw-flex tw-place-content-center tw-items-center tw-gap-1">
         <a-popconfirm
           v-if="store.setting.enableAllZero"
           title="确定给全零分？"
@@ -75,12 +71,20 @@
       </div>
     </div>
 
-    <div v-if="store.currentTask && store.currentTask.questionList">
+    <div
+      v-if="store.currentTask && store.currentTask.questionList"
+      style="
+        height: calc(100vh - 56px - 200px);
+        overflow: auto;
+        user-select: none;
+        position: relative;
+      "
+    >
       <template
         v-for="(question, index) in store.currentTask?.questionList"
         :key="index"
       >
-        <div class="question tw-rounded tw-p-1 tw-mb-2">
+        <div class="question tw-rounded tw-mb-2">
           <div>
             <div>
               {{ question.title }} {{ question.mainNumber }}-{{

src/features/mark/MarkBoardTrack.vue

@@ -58,7 +58,7 @@
 
     <div
       style="
-        height: calc(100vh - 56px - 200px);
+        height: calc(100vh - 56px - 210px);
         overflow: hidden;
         user-select: none;
         position: relative;
@@ -83,7 +83,7 @@
         >
           <div
             @click="chooseQuestion(question)"
-            class="question tw-rounded tw-cursor-pointer tw-relative"
+            class="question tw-rounded tw-cursor-pointer tw-relative tw-mb-2"
             :class="isCurrentQuestion(question) && 'current-question'"
           >
             <div>

src/features/mark/MarkHeader.vue

@@ -36,12 +36,14 @@
       >
     </div>
     <div class="tw-flex" style="margin: 0 -20px 0 -40px">
-      <span
-        :title="`问题卷${store.status.problemCount}\n待仲裁${store.status.arbitrateCount}`"
-        class="tw-inline-flex tw-place-content-center"
-      >
+      <a-tooltip>
+        <template #title>
+          问题卷{{ store.status.problemCount }}
+          <br />
+          待仲裁{{ store.status.arbitrateCount }}
+        </template>
         <img src="./images/problems.svg" />
-      </span>
+      </a-tooltip>
     </div>
     <div v-if="store.setting.statusValue === 'TRIAL'">试评</div>
     <div class="tw-flex tw-gap-1">
@@ -78,21 +80,25 @@
         ><span class="highlight-text">{{ progress ?? "-" }}%</span>
       </span>
     </div>
-    <div
-      class="tw-flex tw-place-items-center"
-      :title="
-        '评卷时间段：' +
-        (store.setting.startTime > 0
-          ? $filters.datetimeFilter(store.setting.startTime)
-          : '-') +
-        ' ~ ' +
-        (store.setting.endTime > 0
-          ? $filters.datetimeFilter(store.setting.endTime)
-          : '-')
-      "
-    >
-      <!-- <ClockCircleOutlined /> -->
-      <img src="./images/时间.png" style="width: 16px; height: 16px" />
+    <div class="tw-flex tw-place-items-center">
+      <a-tooltip>
+        <template #title>
+          评卷时间段
+          <br />
+          {{
+            store.setting.startTime > 0
+              ? $filters.datetimeFilter(store.setting.startTime)
+              : "-"
+          }}
+          <br />~<br />
+          {{
+            store.setting.endTime > 0
+              ? $filters.datetimeFilter(store.setting.endTime)
+              : "-"
+          }}
+        </template>
+        <img src="./images/时间.png" style="width: 16px; height: 16px" />
+      </a-tooltip>
     </div>
     <div class="tw-flex">
       <a-dropdown class="header-bg-color">

src/features/mark/MarkHistory.vue

@@ -316,7 +316,7 @@ function searchHistoryTask() {
   height: 12px;
   background-color: white;
   clip-path: polygon(0 50%, 100% 0, 100% 100%);
-  translate: 60%;
+  transform: translateX(60%);
 }
 
 .right-triangle {
@@ -324,7 +324,7 @@ function searchHistoryTask() {
   height: 12px;
   background-color: white;
   clip-path: polygon(100% 50%, 0 100%, 0 0);
-  translate: 90%;
+  transform: translateX(90%);
 }
 .pager-container {
   position: absolute;

src/features/mark/MarkSwitchGroupDialog.vue

@@ -21,11 +21,7 @@
         <td>{{ group.title }}</td>
         <td>{{ progress(group.totalCount, group.markedCount) }}%</td>
         <td class="tw-text-right">
-          <qm-button
-            type="text"
-            style="color: #5d65ff; font-weight: bold"
-            @click="chooseGroup(group.markerId)"
-          >
+          <qm-button type="primary" @click="chooseGroup(group.markerId)">
             选择
           </qm-button>
         </td>

src/styles/global.css

@@ -22,10 +22,11 @@ body {
 
 .ant-message {
   z-index: 6001 !important;
+  font-size: 16px !important;
 }
 
 .ant-message-custom-content span[role="img"] {
-  top: -2px;
+  top: -4px;
 }
 
 button.ant-btn span[role="img"] {

src/types/global.d.ts

@@ -43,5 +43,6 @@ declare module "vue" {
     AInput: typeof import("ant-design-vue")["Input"];
     APopover: typeof import("ant-design-vue")["Popover"];
     APopconfirm: typeof import("ant-design-vue")["Popconfirm"];
+    ATooltip: typeof import("ant-design-vue")["Tooltip"];
   }
 }