You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
138 lines
4.9 KiB
138 lines
4.9 KiB
<template> |
|
<div> |
|
<el-card shadow="hover" class="mgb20"> |
|
<div class="flex-center mgb20"> |
|
<p class="hr_tag"></p> |
|
<span>筛选</span> |
|
</div> |
|
<div class="flex-between"> |
|
<el-form label-width="80px" inline> |
|
<el-form-item class="no-mb" label="批阅状态"> |
|
<el-select v-model="publishStatus" clearable placeholder="请选择授课专业" @change="getData"> |
|
<el-option v-for="(item,index) in statusList" :key="index" :label="item.name" :value="item.value"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-form> |
|
<div> |
|
<el-input |
|
placeholder="请输入真实姓名/学号" |
|
prefix-icon="el-icon-search" |
|
v-model="keyword" |
|
clearable |
|
></el-input> |
|
</div> |
|
</div> |
|
</el-card> |
|
|
|
<el-card shadow="hover" class="mgb20"> |
|
<div class="flex-between mgb20"> |
|
<div class="flex-center"> |
|
<p class="hr_tag"></p> |
|
<span>考试批阅</span> |
|
</div> |
|
</div> |
|
|
|
<el-table |
|
:data="listData" |
|
ref="table" |
|
row-key="id" |
|
class="table" |
|
stripe |
|
header-align="center" |
|
@selection-change="handleSelectionChange" |
|
> |
|
<el-table-column |
|
type="selection" |
|
width="55" |
|
align="center" |
|
:reserve-selection="true" |
|
></el-table-column> |
|
<el-table-column type="index" width="100" label="序号" align="center"> |
|
<template |
|
slot-scope="scope" |
|
>{{scope.$index + (page - 1) * pageSize + 1}}</template> |
|
</el-table-column> |
|
<el-table-column prop="name" label="真实姓名" align="center"></el-table-column> |
|
<el-table-column prop="name" label="学号" align="center"></el-table-column> |
|
<el-table-column prop="name" label="交卷时间" align="center"></el-table-column> |
|
<el-table-column prop="name" label="答题用时（分钟）" align="center"></el-table-column> |
|
<el-table-column prop="name" label="考试状态" align="center"></el-table-column> |
|
<el-table-column prop="name" label="批阅状态" align="center"></el-table-column> |
|
<el-table-column label="操作" align="center"> |
|
<template slot-scope="scope"> |
|
<el-button type="text" @click="show(scope.row)">查看</el-button> |
|
<el-button type="text" @click="review(scope.row)">批阅</el-button> |
|
</template> |
|
</el-table-column> |
|
</el-table> |
|
<div class="pagination"> |
|
<el-pagination |
|
background |
|
@current-change="handleCurrentChange" |
|
:current-page="page" |
|
:page-size="pageSize" |
|
layout="total,prev, pager, next" |
|
:total="total" |
|
></el-pagination> |
|
</div> |
|
</el-card> |
|
</div> |
|
</template> |
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
listData: [{}], |
|
keyword: '', |
|
page: 1, |
|
pageSize: 10, |
|
total: 0, |
|
searchTimer: null, |
|
}; |
|
}, |
|
mounted() { |
|
this.getData() |
|
}, |
|
watch: { |
|
keyword: function(val) { |
|
clearTimeout(this.searchTimer) |
|
this.searchTimer = setTimeout(() => { |
|
this.getData() |
|
},500) |
|
} |
|
}, |
|
methods: { |
|
getData() { |
|
// this.$get(this.api.list, { |
|
// page: this.page, |
|
// size: this.pageSize, |
|
// questionStem: this.keyword, |
|
// questionType: this.subject |
|
// }) |
|
// .then(res => { |
|
// this.total = res.page.totalCount; //总条数 |
|
// this.page = res.page.currPage; //当前页数 |
|
// this.listData = res.page.list; |
|
// this.$refs.table.clearSelection() |
|
// }) |
|
// .catch(err => {}) |
|
}, |
|
handleCurrentChange(val) { |
|
this.page = val |
|
this.getData() |
|
}, |
|
show(row){ |
|
this.$router.push('/testPaper/doReview') |
|
}, |
|
review(row){ |
|
this.$router.push('/testPaper/doReview') |
|
} |
|
} |
|
}; |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
/deep/.no-mb.el-form-item{ |
|
margin-bottom: 0; |
|
} |
|
</style> |