| | |
| | | <div> |
| | | <el-form :inline="true" :model="searchForm" class="demo-form-inline"> |
| | | <el-form-item label="考试名称"> |
| | | <el-input v-model="searchForm.examName" @input="page" clearable size="small" clearable @clear="page" |
| | | <el-input v-model="searchForm.examName" @input="page" clearable size="small" @clear="page" |
| | | placeholder="班级名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="参考班级"> |
| | | <el-select v-model="searchForm.classesId" @change="page" clearable @clear="page"> |
| | | <el-select v-model="searchForm.classesId" @change="page" clearable size="small" @clear="page"> |
| | | <el-option v-for="classes in classesList" :key="classes.id" :value="classes.id" |
| | | :label="classes.className"/> |
| | | </el-select> |
| | |
| | | </el-form> |
| | | </div> |
| | | </div> |
| | | <el-table :data="tableData" border> |
| | | <el-table :data="tableData" border style="width: 100%"> |
| | | <el-table-column |
| | | label="考试名称" |
| | | width="150px" |
| | | prop="examName" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | label="考试试卷" |
| | | prop="examPaperName" |
| | | width="200px" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | label="参考班级" |
| | | width="200px" |
| | | prop="className" |
| | | ></el-table-column> |
| | | <!-- <el-table-column--> |
| | |
| | | <el-table-column |
| | | label="考试地点" |
| | | prop="examPlace" |
| | | width="150px" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | label="考试状态" |
| | |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="创建时间" |
| | | width="150px" |
| | | width="160px" |
| | | prop="createTime" |
| | | ></el-table-column> |
| | | <el-table-column label="操作" fiexd="right" width="280px"> |
| | | <el-table-column label="操作" fixed="right" width="220px"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | type="primary" |
| | | size="small" |
| | | @click="handlerEdit(scope.row)" |
| | | v-if="scope.row.status === 'not_start'" |
| | | v-show="scope.row.status !== 'cancel'" |
| | | >修改 |
| | | </el-button> |
| | | <el-popconfirm |
| | | v-if="scope.row.status === 'not_start'" |
| | | v-show="scope.row.status !== 'cancel'" |
| | | style="margin: 0 5px" |
| | | title="确定要删除该考试吗?" |
| | | @confirm="deleteExam(scope.row.id)" |
| | | > |
| | | <el-button slot="reference" type="danger" size="small">删除</el-button> |
| | | <el-button slot="reference" type="danger" size="small" v-show="scope.row.status !== 'cancel'">删除</el-button> |
| | | </el-popconfirm> |
| | | |
| | | <el-button v-if="scope.row.status === 'finished'" type="success" size="small" @click="markPaper(scope.row)"> |
| | | <el-button v-if="scope.row.status === 'finished'" type="success" size="small" @click="markPaper(scope.row)" v-show="scope.row.status !== 'cancel'"> |
| | | 阅卷 |
| | | </el-button> |
| | | <el-button type="warning" size="small" @click="monitor(scope.row)">监控</el-button> |
| | | <el-button v-if="scope.row.status === 'ing'" type="warning" size="small" @click="monitor(scope.row)" v-show="scope.row.status !== 'cancel'">监控</el-button> |
| | | <el-popconfirm |
| | | class="confirm" |
| | | style="margin: 0 5px" |
| | | title="确定要作废该考试记录吗?" |
| | | @confirm="cancel(scope.row.id)" |
| | | > |
| | | <el-button slot="reference" v-show="scope.row.status !== 'cancel'" type="danger" |
| | | size="small" |
| | | v-if="scope.row.status !== 'ing'">作废 |
| | | </el-button> |
| | | </el-popconfirm> |
| | | <el-popconfirm |
| | | class="confirm" |
| | | title="确定要恢复该考试记录吗?" |
| | | @confirm="recover(scope.row.id)" |
| | | > |
| | | <el-button slot="reference" v-show="scope.row.status === 'cancel'" type="success" |
| | | size="small">恢复正常 |
| | | </el-button> |
| | | </el-popconfirm> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | class="flex" |
| | | style="justify-content:center;margin-top:20px;" |
| | | > |
| | | <pagination v-show="total>0" :total="total" :page.sync="searchForm.pageIndex" :limit.sync="searchForm.pageSize" |
| | | <pagination v-show="total>0" :total="total" :page.sync="searchForm.currentPage" :limit.sync="searchForm.pageSize" |
| | | @pagination="page"/> |
| | | </div> |
| | | <el-dialog width="500px" :title="title" @close="closeHandler" :visible.sync="open" :destroy-on-close="true" |
| | |
| | | |
| | | <script> |
| | | import Pagination from '@/components/Pagination' |
| | | import { getExams, addExam, editExam, deleteExamById } from '@/api/exam' |
| | | import { getExams, addExam, editExam, deleteExamById, cancel, recover } from '@/api/exam' |
| | | import { myClasses } from '@/api/classes' |
| | | import examPaperAPI from '@/api/examPaper' |
| | | |
| | |
| | | searchForm: { |
| | | examName: '', |
| | | subject: null, |
| | | pageIndex: 1, |
| | | currentPage: 1, |
| | | pageSize: 10 |
| | | }, |
| | | tableData: [] |
| | |
| | | this.MyExamPaperList() |
| | | }, |
| | | methods: { |
| | | // 作废考试 |
| | | cancel (id) { |
| | | cancel(id).then(res => { |
| | | this.$message.success(res.data.message) |
| | | this.page() |
| | | }) |
| | | }, |
| | | // 恢复考试 |
| | | recover (id) { |
| | | recover(id).then(res => { |
| | | this.$message.success(res.data.message) |
| | | this.page() |
| | | }) |
| | | }, |
| | | // 考试监控列表 |
| | | monitor (row) { |
| | | this.$router.push({ path: '/exam/monitor', query: { examId: row.id } }) |
| | |
| | | return '未开始' |
| | | } else if (row.status === 'finished') { |
| | | return '已结束' |
| | | } else if (row.status === 'cancel') { |
| | | return '已作废' |
| | | } |
| | | }, |
| | | MyExamPaperList () { |