md

src/modules/mark/components/markDetail/MarkDetailProgress.vue

@@ -22,10 +22,25 @@
         >
       </div>
     </div>
-    <div class="part-box part-box-pad">
+    <div v-if="openMarkClass" class="part-box part-box-pad">
       <div class="part-box-head">
         <h3>班级阅卷进度</h3>
       </div>
+
+      <el-form label-position="left" label-width="0" inline>
+        <el-form-item>
+          <el-input
+            v-model.trim="filter.className"
+            placeholder="班级"
+            clearable
+          >
+          </el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="getList(1)">查询</el-button>
+        </el-form-item>
+      </el-form>
+
       <el-table ref="TableList" :data="classList">
         <el-table-column
           prop="groupQuestions"
@@ -67,11 +82,6 @@
           label="剩余总数"
           min-width="100"
         ></el-table-column>
-        <el-table-column
-          prop="currentCount"
-          label="正在评卷"
-          min-width="100"
-        ></el-table-column>
         <el-table-column prop="percent" label="评卷进度" min-width="100">
           <span slot-scope="scope">{{ scope.row.percent || 0 }}%</span>
         </el-table-column>
@@ -200,7 +210,9 @@ export default {
   },
   data() {
     return {
-      filter: {},
+      filter: {
+        className: "",
+      },
       size: this.GLOBAL.pageSize,
       current: 1,
       total: 0,
@@ -208,6 +220,7 @@ export default {
       summary: {},
       questionList: [],
       curRow: {},
+      openMarkClass: false,
       downloading: false,
     };
   },
@@ -215,9 +228,9 @@ export default {
     this.initData();
   },
   methods: {
-    initData() {
-      this.getSummary();
-      this.toPage(1);
+    async initData() {
+      await this.getSummary();
+      if (this.openMarkClass) this.toPage(1);
     },
     async getSummary() {
       const res = await markProgressSummary({
@@ -231,11 +244,13 @@ export default {
         percent: "",
       };
       this.questionList = res.groupInfo || [];
+      this.openMarkClass = res.openMarkClass;
     },
     async getList() {
       const datas = {
         examId: this.baseInfo.examId,
         paperNumber: this.baseInfo.paperNumber,
+        ...this.filter,
         pageNumber: this.current,
         pageSize: this.size,
       };