[新增] 学生完成文档 review

src/api/review.js

@@ -213,15 +213,15 @@ export const postStudentArgueAcceptation = (reviewId, checkListId, accept) => {
  * 学生(评审方)提交argue [标记为已处理完成]
  * @param {string|number} reviewId
  * @param {string|number} checkListId
- * @param {CheckListItemSerializerType[]} checkList
+ * @param {CheckListItemSerializerType} checkListItem
  * @return {Promise<{data:CheckListItemSerializerType[]}>}
  */
-export const postStudentArgueEnd = (reviewId, checkListId, checkList) => {
+export const postStudentArgueEnd = (reviewId, checkListId, checkListItem) => {
   return request(
-    `${REVIEW_MODULE}/student/review/${reviewId}/checklist/${checkListId}/argue/acceptation`,
+    `${REVIEW_MODULE}/student/review/${reviewId}/checklist/${checkListId}/argue/end`,
     {
       method: "POST",
-      body: { data: checkList }
+      body: { data: checkListItem }
     }
   );
 };

src/components/CardJudgeItem/index.vue

@@ -3,7 +3,9 @@
     :class="{
       'judge-section': true,
       'judge-success': success,
-      'judge-primary': isPrimary
+      'judge-primary': state === 'SOLVING',
+      'judge-warning': state === 'PENDING',
+      'judge-end': state === 'ARGUED'
     }"
   >
     <slot></slot>
@@ -11,6 +13,8 @@
 </template>
 
 <script>
+import { DEFAULT } from "@/data/checkListItemState";
+
 export default {
   name: "CardJudgeItem",
   props: {
@@ -18,9 +22,9 @@ export default {
       type: Boolean,
       default: false
     },
-    isPrimary: {
-      type: Boolean,
-      default: false
+    state: {
+      type: String,
+      default: DEFAULT
     }
   }
 };
@@ -40,4 +44,10 @@ export default {
 .judge-primary {
   border-left: 6px solid $primary;
 }
+.judge-warning {
+  border-left: 6px solid $warning;
+}
+.judge-end {
+  border-left: 6px solid $grey;
+}
 </style>

src/components/CheckList/index.vue

@@ -4,25 +4,72 @@
       v-for="item in value"
       :key="item.id"
       :success="item.level"
-      :is-primary="item.state === 'PENDING'"
+      :state="item.state"
     >
-      <b-tooltip :label="item.explain" position="is-left">
+      <div>
         <b-checkbox
           class="checkbox-section"
           v-model="item.level"
-          :type="item.state === 'PENDING' ? 'is-primary' : 'is-success'"
+          :type="item.state === 'SOLVING' ? 'is-primary' : 'is-success'"
+          :disabled="item.state === 'PENDING' || item.state === 'ARGUED'"
         >
-          {{ item.content }}
+          <b-tooltip :label="item.explain" position="is-top">
+            {{ item.content }}
+          </b-tooltip>
         </b-checkbox>
-      </b-tooltip>
+        <b-tooltip :label="`申诉备注 : ${item.remark}`" type="is-warning">
+          <b-tag v-if="item.state === 'PENDING'" type="is-warning">
+            学生申诉
+          </b-tag>
+          <b-tag v-if="item.state === 'SOLVING'" type="is-primary">
+            处理申诉
+          </b-tag>
+        </b-tooltip>
+      </div>
+
       <input
         v-model="item.comment"
         class="input-custom"
-        :class="item.level ? 'input-custom--success' : 'input-custom--danger'"
+        :class="{
+          'input-custom--success': item.level,
+          'input-custom--danger': !item.level,
+          'input-custom--primary': item.state === 'SOLVING',
+          'input-custom--warning': item.state === 'PENDING',
+          'input-custom--end': item.state === 'ARGUED'
+        }"
+        :disabled="item.state === 'PENDING' || item.state === 'ARGUED'"
         type="text"
         placeholder="填写备注"
         style="box-shadow:none;border-color:white"
       />
+      <div
+        class="action-section--warning action-section "
+        v-if="item.state === 'PENDING'"
+      >
+        <span
+          @click="acceptArgue(item)"
+          :class="{ 'is-loading': acceptArgueLoading }"
+          class="button is-warning"
+          >接受申诉</span
+        >
+        <span
+          @click="refuseArgue(item)"
+          :class="{ 'is-loading': refuseArgueLoading }"
+          class="button is-danger"
+          >拒绝申诉</span
+        >
+      </div>
+      <div
+        class="action-section--primary action-section "
+        v-if="item.state === 'SOLVING'"
+      >
+        <span
+          @click="submitSolution(item)"
+          :class="{ 'is-loading': submitSolutionLoading }"
+          class="button is-primary"
+          >提交处理好的申诉</span
+        >
+      </div>
     </card-judge-item>
   </div>
 </template>
@@ -38,6 +85,13 @@ export default {
       default: () => []
     }
   },
+  data() {
+    return {
+      acceptArgueLoading: false,
+      refuseArgueLoading: false,
+      submitSolutionLoading: false
+    };
+  },
   watch: {
     value: {
       handler(newValue) {
@@ -47,6 +101,21 @@ export default {
     }
   },
   methods: {
+    async acceptArgue(item) {
+      this.acceptArgueLoading = true;
+      await this.$emit("accept-argue", item);
+      this.acceptArgueLoading = false;
+    },
+    async refuseArgue(item) {
+      this.refuseArgueLoading = true;
+      await this.$emit("refuse-argue", item);
+      this.refuseArgueLoading = false;
+    },
+    async submitSolution(item) {
+      this.submitSolutionLoading = true;
+      await this.$emit("submit-solution", item);
+      this.submitSolutionLoading = false;
+    }
     // getColor(state) {}
   }
 };
@@ -58,6 +127,29 @@ export default {
   padding: $default-margin;
 }
 
+.argue-section {
+  padding: $default-margin;
+  background-color: $warning;
+}
+
+.action-section {
+  .button {
+    border-radius: 0;
+  }
+
+  &--warning {
+    .button {
+      width: 50%;
+    }
+  }
+
+  &--primary {
+    .button {
+      width: 100%;
+    }
+  }
+}
+
 .input-custom {
   padding: $default-margin;
   width: 100%;
@@ -74,6 +166,18 @@ export default {
     background-color: #ebfff2;
   }
 
+  &--primary {
+    background-color: lighten($primary, 30%);
+  }
+
+  &--warning {
+    background-color: lighten($warning, 30%);
+  }
+
+  &--end {
+    background-color: lighten($grey, 50%);
+  }
+
   &::placeholder {
     /*color: hsl(0, 0%, 96%);*/
   }

src/views/student/Review/ReviewDocDetail/index.vue

@@ -28,13 +28,18 @@
         <div class="column is-4">
           <div class="right-part">
             <div
-              class="button is-primary action-button"
+              class="button  is-medium is-primary action-button"
               :class="{ 'is-loading': submitLoading }"
               @click="submitCheckList"
             >
               提 交
             </div>
-            <check-list v-model="detail.checkList" />
+            <check-list
+              v-model="detail.checkList"
+              @submit-solution="submitSolution"
+              @accept-argue="acceptArgue"
+              @refuse-argue="refuseArgue"
+            />
           </div>
         </div>
       </div>
@@ -45,7 +50,12 @@
 import PageHeader from "@/components/PageHeader";
 import PageBody from "@/components/PageBody/index";
 import VueMarkdown from "vue-markdown";
-import { getStudentReviewDocDetail, postStudentReviewWork } from "@/api/review";
+import {
+  getStudentReviewDocDetail,
+  postStudentArgueAcceptation,
+  postStudentArgueEnd,
+  postStudentReviewWork
+} from "@/api/review";
 import timeMixins from "@/mixins/time";
 import ReviewStateTag from "@/components/ReviewStateTag/index";
 import CheckList from "@/components/CheckList/index";
@@ -83,6 +93,29 @@ export default {
           this.detail.checkList = resp.data;
         }
       );
+    },
+    async submitSolution(item) {
+      const { reviewId } = this.$route.params;
+      const { data } = await postStudentArgueEnd(reviewId, item.id, item);
+      this.detail.checkList = data;
+    },
+    async refuseArgue(item) {
+      const { reviewId } = this.$route.params;
+      const { data } = await postStudentArgueAcceptation(
+        reviewId,
+        item.id,
+        false
+      );
+      this.detail.checkList = data;
+    },
+    async acceptArgue(item) {
+      const { reviewId } = this.$route.params;
+      const { data } = await postStudentArgueAcceptation(
+        reviewId,
+        item.id,
+        true
+      );
+      this.detail.checkList = data;
     }
   }
 };
@@ -99,7 +132,6 @@ export default {
   top: 0;
   max-height: 100vh;
   overflow-y: auto;
-  overflow-x: hidden;
   box-shadow: $default-shadow;
 }