网考-违纪名单-考试记录详情改造

src/modules/oe/views/illegalityNameList.vue

@@ -204,6 +204,19 @@
           </div>
         </el-col>
       </el-row>
+
+      <el-dialog
+        title="考试记录详情"
+        width="1250px"
+        :visible.sync="examRecordDataDialog"
+        @close="examRecordDataDialogClose"
+      >
+        <ExamRecordDetail
+          :exam-record-data-id="curSelectedExamRecordDataId"
+          :show-audit-button="curSelectedShowAuditButton"
+          @changeExamRecordData="changeExamRecordData"
+        ></ExamRecordDetail>
+      </el-dialog>
     </el-main>
   </el-container>
 </template>
@@ -218,6 +231,11 @@ export default {
   mixins: [pagePrivilege],
   data() {
     return {
+      curSelectedExamRecordDataId: null,
+      curSelectedShowAuditButton: false,
+      examRecordDataDialog: false,
+      toNext: false,
+      curTotalPages: 0,
       disciplineTypeList: [],
       total: 0,
       tableLoading: false,
@@ -267,7 +285,7 @@ export default {
   },
   created() {
     this.form.rootOrgId = this.user.rootOrgId;
-    this.backFill();
+    // this.backFill();
     this.getDisciplineTypeList("");
   },
   methods: {
@@ -338,13 +356,14 @@ export default {
             this.tableData = response.data.content;
             this.total = response.data.totalElements;
             this.form.pageNo = response.data.number + 1;
+            this.curTotalPages = response.data.totalPages;
           } else {
             this.tableData = [];
           }
           this.tableLoading = false;
-          this.$router.push({
-            path: "/oe/illegalityNameList?" + new URLSearchParams(params),
-          });
+          // this.$router.push({
+          //   path: "/oe/illegalityNameList?" + new URLSearchParams(params),
+          // });
         });
     },
     selectable(row) {
@@ -366,10 +385,72 @@ export default {
     handleCurrentChange() {
       this.search();
     },
+    examRecordDataDialogClose() {
+      this.examRecordDataDialog = false;
+    },
+    examRecordDataDialogOpen(examRecordDataId, showAuditButton) {
+      this.examRecordDataDialog = true;
+      this.curSelectedShowAuditButton = showAuditButton;
+      this.curSelectedExamRecordDataId = examRecordDataId;
+    },
+    changeExamRecordData(isNext) {
+      // console.log("isNext:" + isNext);
+      let curId = null;
+      let isFirst = false;
+      let isLast = false;
+      let rowSize = this.tableData.length;
+      for (let n = 0; n < rowSize; n++) {
+        isFirst = n === 0;
+        isLast = n === rowSize - 1;
+        let row = this.tableData[n];
+        if (this.curSelectedExamRecordDataId === row.examRecordDataId) {
+          curId = row.examRecordDataId;
+          if (isNext) {
+            if (!isLast) {
+              curId = this.tableData[n + 1].examRecordDataId;
+            } else {
+              // if (this.form.pageNo < this.curTotalPages) {
+              //   // 跳到下一页
+              //   curId = null;
+              //   this.handleCurrentChange(this.form.pageNo + 1);
+              // }
+              this.$message({
+                message: "当前数据为最后一条！",
+                type: "warning",
+                showClose: true,
+              });
+            }
+          } else {
+            if (!isFirst) {
+              curId = this.tableData[n - 1].examRecordDataId;
+            } else {
+              // if (this.form.pageNo > 1) {
+              //   // 跳到上一页
+              //   curId = null;
+              //   this.handleCurrentChange(this.form.pageNo - 1);
+              // }
+              this.$message({
+                message: "当前数据为第一条！",
+                type: "warning",
+                showClose: true,
+              });
+            }
+          }
+          break;
+        }
+      }
+
+      if (curId) {
+        this.curSelectedExamRecordDataId = curId;
+      } else {
+        this.examRecordDataDialogClose();
+      }
+    },
     gotoCaptureDetail(examRecordDataId) {
-      this.$router.push({
-        path: "/oe/captureDetail/" + examRecordDataId + "/illegalityNameList",
-      });
+      this.examRecordDataDialogOpen(examRecordDataId, false);
+      // this.$router.push({
+      //   path: "/oe/captureDetail/" + examRecordDataId + "/illegalityNameList",
+      // });
     },
     backFill() {
       var formData = this.$route.query;