137 lines
3.7 KiB
Vue
137 lines
3.7 KiB
Vue
<template>
|
|
|
|
<div>
|
|
|
|
<div v-if="breakShow" style=" cursor: pointer; padding: 20px 20px 0px 20px" @click="toExam">
|
|
<el-alert :closable="false" title="您有正在进行的模拟考试，离线太久考试将被作废哦，点击此处可继续考试！" type="error" />
|
|
</div>
|
|
|
|
<data-table ref="pagingTable" :options="options" :list-query="listQuery">
|
|
<template #filter-content>
|
|
|
|
<el-select v-model="listQuery.params.openType" class="filter-item" placeholder="开放类型" clearable>
|
|
<el-option v-for="item in openTypes" :key="item.value" :label="item.label" :value="item.value" />
|
|
</el-select>
|
|
|
|
<el-input v-model="listQuery.params.title" placeholder="搜索考试名称" style="width: 200px;" class="filter-item" />
|
|
|
|
</template>
|
|
|
|
<template #data-columns>
|
|
|
|
<el-table-column label="考试名称" prop="title" show-overflow-tooltip />
|
|
|
|
<el-table-column label="开放类型" align="center">
|
|
<template v-slot="scope">
|
|
{{ scope.row.openType | examOpenType }}
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="考试时间" width="220px" align="center">
|
|
|
|
<template v-slot="scope">
|
|
<span v-if="scope.row.timeLimit">
|
|
{{ scope.row.startTime }} ~ {{ scope.row.endTime }}
|
|
</span>
|
|
<span v-else>不限时</span>
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="考试时长" align="center">
|
|
|
|
<template v-slot="scope">
|
|
{{ scope.row.totalTime }}分钟
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="考试总分" prop="totalScore" align="center" />
|
|
|
|
<el-table-column label="及格线" prop="qualifyScore" align="center" />
|
|
|
|
<el-table-column label="操作" align="center">
|
|
<template v-slot="scope">
|
|
<el-button v-if="scope.row.state === 0" icon="el-icon-caret-right" type="primary" size="mini"
|
|
@click="handlePre(scope.row.id)">去考试</el-button>
|
|
<el-button v-if="scope.row.state === 1" icon="el-icon-s-release" size="mini" disabled>已禁用</el-button>
|
|
<el-button v-if="scope.row.state === 2" icon="el-icon-s-fold" size="mini" disabled>待开始</el-button>
|
|
<el-button v-if="scope.row.state === 3" icon="el-icon-s-unfold" size="mini" disabled>已结束</el-button>
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</template>
|
|
|
|
</data-table>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
import DataTable from '@/components/DataTable'
|
|
import { checkProcess } from '@/api/paper/exam'
|
|
|
|
export default {
|
|
components: { DataTable },
|
|
data() {
|
|
return {
|
|
breakShow: false,
|
|
breakId: '',
|
|
openTypes: [
|
|
{
|
|
value: 1,
|
|
label: '完全开放'
|
|
},
|
|
{
|
|
value: 2,
|
|
label: '定向考试'
|
|
}
|
|
],
|
|
|
|
listQuery: {
|
|
current: 1,
|
|
size: 10,
|
|
params: {
|
|
examType: 1,
|
|
}
|
|
},
|
|
options: {
|
|
// 可批量操作
|
|
multi: false,
|
|
// 列表请求URL
|
|
listUrl: '/exam/api/exam/exam/online-paging'
|
|
}
|
|
}
|
|
},
|
|
|
|
created() {
|
|
// this.check()
|
|
},
|
|
methods: {
|
|
|
|
// 开始考试
|
|
handlePre(examId) {
|
|
this.$router.push({ name: 'PreExam', params: { examId: examId } })
|
|
},
|
|
|
|
// 继续考试
|
|
toExam() {
|
|
this.$router.push({ name: 'StartExam', params: { id: this.breakId } })
|
|
},
|
|
|
|
// 检查进行中的考试
|
|
check() {
|
|
checkProcess().then(res => {
|
|
if (res.data && res.data.id) {
|
|
this.breakShow = true
|
|
this.breakId = res.data.id
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|