修改搜索提示

luohairen

2024-10-30 55b2e475da98ae7bf13a4ecd50eb8a278aeeeee3

 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>
@@ -71,12 +77,6 @@
      >
      </el-table-column>
      <el-table-column
        align="center"
        prop="phone"
        label="系统自动估分(选择题型)"
      >
      </el-table-column>
      <el-table-column
        label="操作"
        align="center"
        width="300px"
@@ -101,6 +101,13 @@
      this.getExamInfo()
    }
  },
  // watch: {
  //   $route: {
  //     handler () {
  //       this.reloadPage()
  //     }
  //   }
  // },
  data () {
    return {
      examInfo: {
@@ -117,15 +124,27 @@
    }
  },
  methods: {
    statusFormatter(row) {
      if (row.status === 'finish' || row.markPaperStatus === 'finish') {
    // 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 (row.status === 'temp' || row.markPaperStatus === 'temp') {
        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 => {
@@ -141,14 +160,17 @@
.title {
  font-size: 18px;
}

.bottom5 {
  margin-bottom: 5px;
}

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

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

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