bug

lohir

2024-10-16 80561b2bc83bb35582ba62e0c21a63c3ee5a0e82

 src/views/exam/exam/MarkPaper.vue

@@ -4,31 +4,37 @@
      <el-col :span="5">
        <div class="nameClass">
          <div class="bottom5">考试名称</div>
          <div class="title">{{examInfo.examName}}</div>
          <div class="title">{{ examInfo.examName }}</div>
        </div>
      </el-col>
      <el-col :span="5">
        <div class="nameClass">
          <div class="bottom5">试卷名称</div>
          <div class="title">{{examInfo.examPaperName}}</div>
          <div class="title">{{ examInfo.examPaperName }}</div>
        </div>
      </el-col>
      <el-col :span="3">
        <div class="staticNum">
          <div class="bottom5">应考</div>
          <div class="title">{{ examInfo.shouldJoinNum }}人</div>
        </div>
      </el-col>
      <el-col :span="4">
        <div class="staticNum">
          <div class="bottom5">应考人数</div>
          <div class="title">{{examInfo.shouldJoinNum}}</div>
          <div class="bottom5">参考</div>
          <div class="title">{{ examInfo.joinNum }}人</div>
        </div>
      </el-col>
      <el-col :span="3">
        <div class="staticNum">
          <div class="bottom5">缺考</div>
          <div class="title">{{ examInfo.missJoinNum }}人</div>
        </div>
      </el-col>
      <el-col :span="4">
        <div class="staticNum">
          <div class="bottom5">缺考人数</div>
          <div class="title">{{examInfo.missJoinNum}}</div>
        </div>
      </el-col>
      <el-col :span="4">
        <div class="staticNum">
          <div class="bottom5">参加但未完成人数</div>
          <div class="title">{{examInfo.joinButNotFinishNum}}</div>
          <div class="bottom5">参考但未提交</div>
          <div class="title">{{ examInfo.joinButNotFinishNum }}人</div>
        </div>
      </el-col>
    </el-row>
@@ -40,7 +46,7 @@
    >
      <el-table-column
        align="center"
        prop="id"
        prop="userId"
        label="学号"
      >
      </el-table-column>
@@ -58,8 +64,16 @@
      </el-table-column>
      <el-table-column
        align="center"
        prop="phone"
        label="系统自动估分(选择题型)"
        prop="status"
        :formatter="statusFormatter"
        label="提交状态"
      >
      </el-table-column>
      <el-table-column
        align="center"
        prop="markPaperStatus"
        :formatter="statusFormatter"
        label="阅卷状态"
      >
      </el-table-column>
      <el-table-column
@@ -87,6 +101,13 @@
      this.getExamInfo()
    }
  },
  // watch: {
  //   $route: {
  //     handler () {
  //       this.reloadPage()
  //     }
  //   }
  // },
  data () {
    return {
      examInfo: {
@@ -103,8 +124,27 @@
    }
  },
  methods: {
    // reloadPage () {
    //   this.examInfo.examName = this.$route.query.examName
    //   this.examInfo.examId = this.$route.query.examId
    //   console.log('------->' + this.examInfo.examName + '------->' + this.examInfo.examId)
    //   if (this.examInfo.examId) {
    //     this.getExamInfo()
    //   }
    // },
    statusFormatter (row, column, cellValue, index) {
      if (cellValue === 'finish') {
        return '完成'
      } else if (cellValue === 'temp') {
        return '未完成'
      }
    },
    markPaper (row) {
      // todo打开阅卷页面
      this.$router.push({
        path: '/exam/mark/paper/detail',
        query: { examId: this.examInfo.examId, examName: this.examInfo.examName, userId: row.userId }
      })
    },
    getExamInfo () {
      getExamMarkPaperInfo(this.examInfo.examId).then(res => {
@@ -120,14 +160,17 @@
.title {
  font-size: 18px;
}

.bottom5 {
  margin-bottom: 5px;
}

.nameInfo {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.nameClass {
  width: 100%;
  display: flex;
@@ -137,6 +180,7 @@
  height: 70px;
  background-color: #cb5858;
}

.staticNum {
  width: 100%;
  display: flex;