重新算分加上状态

src/features/examwork/ExamManagement/ExamManagement.vue

@@ -68,9 +68,15 @@
         }}</span>
       </el-table-column>
       <el-table-column width="100" label="算分进度">
-        <span slot-scope="scope">{{
-          scope.row.scoreStatus | scoreStatusFilter
-        }}</span>
+        <span slot-scope="scope">
+          <div class="text-center">{{ scope.row.progress }}%</div>
+          <el-progress
+            type="line"
+            :show-text="false"
+            :stroke-width="12"
+            :percentage="scope.row.progress"
+          ></el-progress
+        ></span>
       </el-table-column>
       <el-table-column width="120" label="更新人">
         <span slot-scope="scope">{{ scope.row.updateName }}</span>
@@ -103,14 +109,24 @@
           >
             场次设置
           </el-button>
-          <el-button
-            size="mini"
-            type="primary"
-            @click="reCalcBtn(scope.row)"
-            plain
+          <span v-if="scope.row.mode === 'TOGETHER'" class="ml-2"></span>
+          <el-badge
+            :value="scope.row.scoreStatus === 'NEED_CALCULATE' ? 'new' : ''"
           >
-            重新算分
-          </el-button>
+            <el-button
+              size="mini"
+              type="primary"
+              @click="reCalcBtn(scope.row)"
+              plain
+              :loading="scope.row.scoreStatus === 'CALCULATING'"
+            >
+              {{
+                scope.row.scoreStatus === "CALCULATING"
+                  ? "正在算分"
+                  : "重新算分"
+              }}
+            </el-button>
+          </el-badge>
         </div>
       </el-table-column>
     </el-table>