xiangpei
2024-07-09 8a968bcc9d96c6ac88c6ec85b27be63ae40aef36
src/views/exam/exam/monitor.vue
@@ -17,9 +17,30 @@
      <el-table-column align="center" prop="status" label="状态" :formatter="statusFormatter" />
      <el-table-column label="操作" align="center">
        <template slot-scope="{row}">
          <el-popover
            placement="right"
            width="400"
            trigger="click">
            <el-form :model="addTimeForm" ref="addTimeForm" :rules="addTimeRule">
              <el-form-item label="学员">
                <div>{{row.userName}}</div>
              </el-form-item>
              <el-form-item label="加多少分钟">
                <el-input v-model="addTimeForm.addTimeM" type="number" size="small"/>
              </el-form-item>
              <el-form-item>
                <el-button size="mini" type="success" @click="handlerAddTime(row)">加时</el-button>
              </el-form-item>
            </el-form>
            <el-button size="mini" slot="reference">加时</el-button>
          </el-popover>
          <el-button size="mini" type="danger" @click="handleNullify(row)">作废</el-button>
          <el-button size="mini" type="primary" @click="edit(row)">收卷</el-button>
          <el-button size="mini" type="success" @click="edit(row)">加时</el-button>
          <el-popconfirm
            title="确定要强制提交该学员的试卷吗?"
            @confirm="handlerForceSubmit(row.userId)"
          >
            <el-button size="mini" type="primary" slot="reference">收卷</el-button>
          </el-popconfirm>
        </template>
      </el-table-column>
    </el-table>
@@ -48,7 +69,7 @@
<script>
import { mapGetters, mapState } from 'vuex'
import Pagination from '@/components/Pagination'
import { monitorList } from '@/api/exam'
import { monitorList, addTime, forceSubmit } from '@/api/exam'
import cheatApi from '@/api/cheat'
export default {
@@ -69,6 +90,16 @@
        name: '',
        itemOrder: ''
      },
      addTimeForm: {
        examId: null,
        userId: null,
        userName: '',
        addTimeM: 1  // 添加多少分钟
      },
      forceSubmitForm: {
        examId: null,
        userId: null
      },
      visible: false,
      rules: {
        name: [
@@ -78,6 +109,14 @@
          { required: true, message: '请输入排序', trigger: 'blur', type: 'number' }
        ]
      },
      addTimeRule: {
        userId: [
          { required: true, message: '请选择为谁加时', trigger: 'blur' }
        ],
        addTimeSecond: [
          { required: true, message: '请输入加时时间', trigger: 'blur' }
        ]
      },
    };
  },
  created() {
@@ -85,6 +124,25 @@
    this.search()
  },
  methods: {
    // 处理加时
    handlerAddTime() {
      this.$refs['addTimeForm'].validate((valid) => {
        if (valid) {
          this.addTimeForm.examId = this.queryParam.examId
          addTime(this.addTimeForm).then(res => {
            this.$message.success('加时成功')
          })
        }
      })
    },
    // 强制交卷
    handlerForceSubmit(userId) {
      this.forceSubmitForm.examId = this.queryParam.examId
      this.forceSubmitForm.userId = userId
      forceSubmit(this.forceSubmitForm).then(res => {
        this.$message.success('强制交卷成功')
      })
    },
    handleNullify(row) {
      let cheatObj = { examId: row.examId, cheatUser: row.userId };
      cheatApi.edit(cheatObj).then(res => {