标记修改

src/assets/styles/marker.less

@@ -459,9 +459,17 @@
       &:hover {
         color: @color-text-act;
       }
+      &.is-disabled {
+        color: tint(@color-text, 20%);
+        cursor: not-allowed;
+      }
     }
     .mark-act {
       color: @warning-color;
+      &.is-disabled {
+        color: tint(@warning-color, 20%);
+        cursor: not-allowed;
+      }
     }
   }
   .image-sn {

src/modules/grading/leader/LeaderGrading.vue

@@ -323,6 +323,9 @@ export default {
       return data;
     },
     async getMarkList(params) {
+      const userId = this.$ls.get("user", { id: "" }).id;
+      const markDisabled = userId !== params.markerId;
+
       const datas = {
         ...params,
         workId: this.workId,
@@ -333,6 +336,10 @@ export default {
       };
 
       const data = await markTaskPaperList(datas);
+      data.data.forEach(item => {
+        item.markDisabled = markDisabled;
+        item.mark = true;
+      });
       return data;
     },
     async toPage(page) {

src/modules/grading/marker/MarkerHeader.vue

@@ -368,6 +368,11 @@ export default {
         role: "MARKER"
       });
       this.markers = data || [];
+      const user = this.$ls.get("user", { id: "", name: "" });
+      this.markers.push({
+        id: user.id,
+        name: "我自己"
+      });
     },
     keyEvent(e) {
       if (!e.altKey && !e.shiftKey && !e.repeat) {

src/modules/grading/marker/MarkerImageView.vue

@@ -36,7 +36,10 @@
           {{ image.title }}
         </div>
         <div class="image-action">
-          <div class="image-action-li" @click="toMark">
+          <div
+            :class="['image-action-li', { 'is-disabled': image.markDisabled }]"
+            @click="toMark"
+          >
             <Icon :class="{ 'mark-act': image.mark }" type="md-bookmark" />
           </div>
           <div class="image-action-li" @click="toRotate">
@@ -97,6 +100,7 @@ export default {
         score: "",
         deg: 0,
         mark: false,
+        markDisabled: false,
         sample: false,
         selected: false
       },
@@ -119,6 +123,7 @@ export default {
       this.$refs.ImageViewContain.resizeImage(image.deg);
     },
     async toMark() {
+      if (this.image.markDisabled) return;
       if (this.loading) return;
       this.loading = true;
       let res = null;