进度查询新增状态

src/features/examwork/StudentExamDetail/PreviewPaperDialog.vue

@@ -205,6 +205,7 @@ export default {
 
       this.paperStruct = studentPaperStructJson;
     },
+    // transformRichJson(richJson) {},
     parseRenderStructList() {
       let renderStructList = [];
       renderStructList.push({

src/features/invigilation/ProgressDetail/ProgressDetail.vue

@@ -48,6 +48,16 @@
               ></el-option>
             </el-select>
           </el-form-item>
+          <el-form-item>
+            <el-select v-model="filter.status" placeholder="进度状态" clearable>
+              <el-option
+                v-for="(val, key) in BOOLEAN_TYPE"
+                :key="key"
+                :value="key * 1"
+                :label="key === '0' ? '未完成' : '已完成'"
+              ></el-option>
+            </el-select>
+          </el-form-item>
           <el-form-item>
             <el-input
               v-model.trim="filter.name"
@@ -137,6 +147,7 @@ import {
 import SummaryLine from "../common/SummaryLine";
 import { downloadBlob } from "@/utils/utils";
 import { mapState, mapActions, mapMutations } from "vuex";
+import { BOOLEAN_TYPE } from "@/constant/constants";
 
 export default {
   name: "progress-detail",
@@ -149,10 +160,12 @@ export default {
         courseCode: "",
         name: "",
         identity: "",
+        status: null,
       },
       current: 1,
       total: 0,
       size: 10,
+      BOOLEAN_TYPE,
       examBatchs: [],
       examActivities: [],
       examRooms: [],

src/styles/paper-preview.css

@@ -1,62 +1,62 @@
-.paper-content {
-  width: 210mm;
-  height: 297mm;
-  padding: 40px;
-  margin: 0 auto;
-  overflow: hidden;
-}
-
-.cont-item {
-  page-break-after: always;
-}
-.cont-item p {
-  margin: 0;
-}
-.cont-paper-name {
-  font-size: 20px;
-  padding-bottom: 30px;
-  text-align: center;
-  color: #333;
-}
-.cont-detail-name {
-  font-size: 16px;
-  font-weight: 600;
-  padding: 15px 0;
-  color: #333;
-}
-.cont-topic-title {
-  padding-bottom: 5px;
-}
-.cont-item-detail {
-  min-height: 20px;
-}
-.cont-part-title {
-  font-size: 14px;
-  line-height: 20px;
-  float: left;
-  margin: 0;
-}
-.cont-part-body {
-  min-height: 20px;
-}
-.cont-part-body img {
-  max-width: 100%;
-  max-height: 1042px;
-}
-
-.cont-topic-answer .cont-part-title {
-  width: 72px;
-  font-weight: 600;
-  color: #333;
-}
-.cont-topic-answer .cont-part-body {
-  margin-left: 72px;
-}
-
-.cont-topic-answer + .cont-topic-title {
-  padding-top: 15px;
-}
-.cont-topic-score {
-  color: #f56c6c;
-  padding-bottom: 5px;
-}
+.paper-content {
+  width: 210mm;
+  height: 297mm;
+  padding: 40px;
+  margin: 0 auto;
+  overflow: hidden;
+}
+
+.cont-item {
+  page-break-after: always;
+}
+.cont-item p {
+  margin: 0;
+}
+.cont-paper-name {
+  font-size: 20px;
+  padding-bottom: 30px;
+  text-align: center;
+  color: #333;
+}
+.cont-detail-name {
+  font-size: 16px;
+  font-weight: 600;
+  padding: 15px 0;
+  color: #333;
+}
+.cont-topic-title {
+  padding-bottom: 5px;
+}
+.cont-item-detail {
+  min-height: 20px;
+}
+.cont-part-title {
+  font-size: 14px;
+  line-height: 20px;
+  float: left;
+  margin: 0;
+}
+.cont-part-body {
+  min-height: 20px;
+}
+.cont-part-body img {
+  max-width: 100%;
+  max-height: 1042px;
+}
+
+.cont-topic-answer .cont-part-title {
+  width: 72px;
+  font-weight: 600;
+  color: #333;
+}
+.cont-topic-answer .cont-part-body {
+  margin-left: 72px;
+}
+
+.cont-topic-answer + .cont-topic-title {
+  padding-top: 15px;
+}
+.cont-topic-score {
+  color: #f56c6c;
+  padding-bottom: 5px;
+}