| | |
| | | <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="学员"> |
| | | <span>{{row.userName}}</span> |
| | | </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="handlerAddTime(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> |
| | |
| | | <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 { |
| | | components: { Pagination }, |
| | | data() { |
| | | return { |
| | | addTimeShow: false, |
| | | forceSubmitShow: false, |
| | | listLoading: true, |
| | | queryParam: { |
| | | examId: '', |
| | |
| | | examId: null, |
| | | userId: null, |
| | | userName: '', |
| | | addTimeSecond: 0 |
| | | addTimeM: 0 // 添加多少分钟 |
| | | }, |
| | | forceSubmitForm: { |
| | | examId: null, |
| | | userId: null, |
| | | userName: '', |
| | | userId: null |
| | | }, |
| | | visible: false, |
| | | rules: { |
| | |
| | | { required: true, message: '请输入排序', trigger: 'blur', type: 'number' } |
| | | ] |
| | | }, |
| | | addTimeRule: { |
| | | userId: [ |
| | | { required: true, message: '请选择为谁加时', trigger: 'blur' } |
| | | ], |
| | | addTimeSecond: [ |
| | | { required: true, message: '请输入加时时间', trigger: 'blur' } |
| | | ] |
| | | }, |
| | | }; |
| | | }, |
| | | created() { |
| | |
| | | }, |
| | | methods: { |
| | | // 处理加时 |
| | | // handlerAddTime(row) { |
| | | // this.addTimeShow = true |
| | | // }, |
| | | // handlerForceSubmit(row) { |
| | | // |
| | | // }, |
| | | 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 => { |