|
@@ -29,7 +29,15 @@
|
|
|
<h3>试卷扫描</h3>
|
|
|
</div>
|
|
|
<div class="task-part-body box-justify">
|
|
|
- <div class="task-chart"></div>
|
|
|
+ <div class="task-chart">
|
|
|
+ <el-progress
|
|
|
+ type="circle"
|
|
|
+ :percentage="percentage"
|
|
|
+ :width="140"
|
|
|
+ :stroke-width="20"
|
|
|
+ color="#165dff"
|
|
|
+ ></el-progress>
|
|
|
+ </div>
|
|
|
<div class="task-infos">
|
|
|
<div class="task-info-item">
|
|
|
<div class="task-info-title">
|
|
@@ -119,13 +127,20 @@ export default {
|
|
|
},
|
|
|
computed: {
|
|
|
unScanStudentCount() {
|
|
|
- return (this.task.scanCount || 0) - (this.task.scanStudentCount || 0);
|
|
|
+ return (this.task.studentCount || 0) - (this.task.scanStudentCount || 0);
|
|
|
},
|
|
|
searchEnable() {
|
|
|
return (
|
|
|
this.filter.semesterId && this.filter.examId && this.filter.courseCode
|
|
|
);
|
|
|
},
|
|
|
+ percentage() {
|
|
|
+ const studentCount = this.task.studentCount || 0;
|
|
|
+ const scanStudentCount = 8;
|
|
|
+ // const scanStudentCount = this.task.scanStudentCount || 0;
|
|
|
+ if (!studentCount) return 0;
|
|
|
+ return ((scanStudentCount * 100) / studentCount).toFixed(2) * 1;
|
|
|
+ },
|
|
|
},
|
|
|
mounted() {
|
|
|
this.$store.commit("setBreadcrumbs", [{ url: "Scan", name: "扫描" }]);
|