zhangjie преди 1 година
родител
ревизия
d5ae3c8ea9

+ 12 - 0
src/assets/icons/icon-left-arrows.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon-上一份</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="01-评卷" transform="translate(-1104, -20)">
+            <g id="icon-上一份" transform="translate(1112, 28) rotate(-90) translate(-1112, -28)translate(1104, 20)">
+                <polygon id="矩形" opacity="0" transform="translate(8, 8) rotate(-180) translate(-8, -8)" points="16.0000007 6.99382101e-07 16.0000007 16.0000007 6.99382184e-07 16.0000007 6.99382184e-07 6.99382101e-07"></polygon>
+                <polygon id="路径-4-(Stroke)" fill="#FFFFFF" transform="translate(8, 7.7702) rotate(-180) translate(-8, -7.7702)" points="4.45962524 5.08073765 8.00000596 8.62111812 11.5403864 5.08073765 12.4596255 5.99997645 8.00000596 10.4595957 3.54038644 5.99997645"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>

+ 12 - 0
src/assets/icons/icon-right-arrows.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon-下一份</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="01-评卷" transform="translate(-1256, -20)">
+            <g id="icon-下一份" transform="translate(1264, 28) scale(-1, 1) rotate(-90) translate(-1264, -28)translate(1256, 20)">
+                <polygon id="矩形" opacity="0" transform="translate(8, 8) rotate(-180) translate(-8, -8)" points="16.0000007 6.99382101e-07 16.0000007 16.0000007 6.99382177e-07 16.0000007 6.99382177e-07 6.99382101e-07"></polygon>
+                <polygon id="路径-4-(Stroke)" fill="#FFFFFF" transform="translate(8, 7.7702) rotate(-180) translate(-8, -7.7702)" points="4.45962524 5.08073765 8.00000596 8.62111812 11.5403864 5.08073765 12.4596255 5.99997645 8.00000596 10.4595957 3.54038644 5.99997645"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>

+ 4 - 1
src/features/arbitrate/MarkHeader.vue

@@ -51,7 +51,7 @@
       <div class="header-text-btn header-logout" @click="logout">
         <img class="header-icon" src="@/assets/icons/icon-return.svg" />返回
       </div>
-      <a-tooltip placement="bottomRight">
+      <a-tooltip v-if="store.isTrackMode" placement="bottomRight">
         <template #title>弹出给分板</template>
         <div
           :class="[
@@ -63,6 +63,9 @@
           <img src="@/assets/icons/icon-right-menu.svg" class="header-icon" />
         </div>
       </a-tooltip>
+      <div v-else class="header-menu is-toggled">
+        <img src="@/assets/icons/icon-right-menu.svg" class="header-icon" />
+      </div>
     </div>
   </div>
 </template>

+ 18 - 18
src/features/check/SubjectiveAnswer.vue

@@ -30,27 +30,24 @@
         </template>
       </div>
       <div class="mark-header-part">
-        <div v-if="isMultiStudent" class="task-switch">
-          <a-button
-            :disabled="isFirst"
-            size="small"
-            @click="getPreviousStudent"
-          >
-            上一份
-          </a-button>
-          <a-button
-            :disabled="isLast"
-            size="small"
-            style="margin-left: 8px"
-            @click="getNextStudent"
-          >
-            下一份
-          </a-button>
-        </div>
+        <template v-if="isMultiStudent">
+          <div class="header-text-btn" @click="getPreviousStudent">
+            <img
+              class="header-icon"
+              src="@/assets/icons/icon-left-arrows.svg"
+            />上一份
+          </div>
+          <div class="header-text-btn" @click="getNextStudent">
+            下一份<img
+              class="header-icon"
+              src="@/assets/icons/icon-right-arrows.svg"
+            />
+          </div>
+        </template>
         <div class="header-text-btn header-logout" @click="logout">
           <img class="header-icon" src="@/assets/icons/icon-return.svg" />返回
         </div>
-        <a-tooltip placement="bottomRight">
+        <a-tooltip v-if="store.isTrackMode" placement="bottomRight">
           <template #title>弹出给分板</template>
           <div
             :class="[
@@ -62,6 +59,9 @@
             <img src="@/assets/icons/icon-right-menu.svg" class="header-icon" />
           </div>
         </a-tooltip>
+        <div v-else class="header-menu is-toggled">
+          <img src="@/assets/icons/icon-right-menu.svg" class="header-icon" />
+        </div>
       </div>
     </div>
     <mark-tool

+ 9 - 2
src/features/mark/MarkHeader.vue

@@ -2,7 +2,11 @@
   <div v-if="store.setting && store.setting.subject.name" class="mark-header">
     <div class="mark-header-part">
       <div
-        :class="['header-menu', { 'is-toggled': store.historyOpen }]"
+        :class="[
+          'header-menu',
+          'header-menu-left',
+          { 'is-toggled': store.historyOpen },
+        ]"
         @click="store.toggleHistory"
       >
         <img class="header-icon" src="@/assets/icons/icon-left-menu.svg" />回评
@@ -146,7 +150,7 @@
         <img class="header-icon" src="@/assets/icons/icon-return.svg" />返回
       </div>
 
-      <a-tooltip placement="bottomRight">
+      <a-tooltip v-if="store.isTrackMode" placement="bottomRight">
         <template #title>弹出给分板</template>
         <div
           :class="[
@@ -158,6 +162,9 @@
           <img src="@/assets/icons/icon-right-menu.svg" class="header-icon" />
         </div>
       </a-tooltip>
+      <div v-else class="header-menu is-toggled">
+        <img src="@/assets/icons/icon-right-menu.svg" class="header-icon" />
+      </div>
     </div>
   </div>
   <MarkChangeProfile ref="changeProfileRef" />

+ 4 - 1
src/styles/page.less

@@ -61,10 +61,13 @@
   }
 
   .header-menu {
-    min-width: 79px;
+    min-width: 56px;
     padding: 18px 15px;
     text-align: center;
     cursor: pointer;
+    .header-menu-left {
+      min-width: 79px;
+    }
 
     .header-icon {
       display: inline-block;