显示评卷状态: 回评、打回

src/features/mark/MarkBody.vue

@@ -5,6 +5,21 @@
         {{ store.message }}
       </div>
       <div v-else :style="{ width: answerPaperScale }">
+        <div
+          style="
+            top: -10px;
+            right: 0;
+            position: absolute;
+            color: red;
+            pointer-events: none;
+            font-size: 30px;
+            z-index: 1000;
+          "
+        >
+          <!-- @mouseover="(e) => (e.target.style.opacity = 0.01)"
+          @mouseout="(e) => (e.target.style.opacity = 1)" -->
+          {{ markStatus }}
+        </div>
         <div
           v-for="(item, index) in sliceImagesWithTrackList"
           :key="index"
@@ -45,7 +60,7 @@ import {
   watch,
   watchEffect,
 } from "vue";
-import { findCurrentTaskMarkResult, store } from "./store";
+import { findCurrentTaskMarkResult, getMarkStatus, store } from "./store";
 import filters from "@/filters";
 import MarkDrawTrack from "./MarkDrawTrack.vue";
 import { ModeEnum, Track } from "@/types";
@@ -533,6 +548,14 @@ export default defineComponent({
       theCursor && theCursor.destroy();
     });
 
+    const markStatus = ref("");
+    watch(
+      () => store.currentTask,
+      () => {
+        markStatus.value = getMarkStatus();
+      }
+    );
+
     return {
       dragContainer,
       store,
@@ -540,6 +563,7 @@ export default defineComponent({
       sliceImagesWithTrackList,
       answerPaperScale,
       makeScoreTrack,
+      markStatus,
     };
   },
   // renderTriggered({ key, target, type }) {

src/features/mark/store.ts

@@ -101,4 +101,16 @@ export function removeCurrentMarkResult() {
   }
 }
 
+/**
+ * 返回正在评卷的状态 '' | 回评 | 打回
+ */
+export function getMarkStatus() {
+  if (!store.currentTask) return "";
+
+  if (store.currentTask.previous) return "回评";
+  if (store.currentTask.rejected) return "打回";
+
+  return "";
+}
+
 export const store = reactive(obj);