已参加考试列表

This commit is contained in:
18571350067 2022-02-26 09:32:06 +08:00
parent 698c2e719f
commit 893e9c9762
1 changed files with 68 additions and 80 deletions

View File

@ -1,11 +1,7 @@
<template>
<a-card :bordered="false" :loading="loading">
<div class="table-page-search-wrapper">
<SearchCom
:form="queryParam"
:list="queryOptions"
@search="handleRefresh"
@reset="
<SearchCom :form="queryParam" :list="queryOptions" @search="handleRefresh" @reset="
() => {
queryParam = {}
handleRefresh()
@ -15,12 +11,7 @@
</br>
<a-tabs :default-active-key="activeTab" @change="(key)=>{activeTab = key}">
<a-tab-pane key="1" tab="预约考试">
<s-table
ref="examTable"
:pageSize="5"
:columns="examColumns"
:data="loadExamData"
:rowKey="record => record.id">
<s-table ref="examTable" :pageSize="5" :columns="examColumns" :data="loadExamData" :rowKey="record => record.id">
<span slot="index" slot-scope="text, record, index">
{{ index + 1 }}
</span>
@ -41,15 +32,13 @@
</s-table>
</a-tab-pane>
<a-tab-pane key="2" tab="已参加考试">
<s-table
ref="examDoneTable"
:pageSize="5"
:columns="examDoneColumns"
:data="loadExamDoneData"
:rowKey="record => record.id">
<s-table ref="examDoneTable" :pageSize="5" :columns="examDoneColumns" :data="loadExamDoneData" :rowKey="record => record.id">
<span slot="index" slot-scope="text, record, index">
{{ index + 1 }}
</span>
<template slot="testType" slot-scope="text, record">
<a-tag>record.candidateNo</a-tag>
</template>
<template slot="testType" slot-scope="text, record">
<a-tag v-if="record.testType == '1'" color="red">线上</a-tag>
</template>
@ -72,11 +61,11 @@
</template>
<script>
import { STable, SearchCom } from '@/components'
import { reqExamList, reqExamAttendList, reqExamSubscribe } from '@/api/myexam/exam'
import { dictionaryDropDown } from '@/api/sys/dictionaryItem'
import { dictToTree } from '@/utils/util'
import { dictGet } from '@/api/project/project'
import { STable, SearchCom } from '@/components';
import { reqExamList, reqExamAttendList, reqExamSubscribe } from '@/api/myexam/exam';
import { dictionaryDropDown } from '@/api/sys/dictionaryItem';
import { dictToTree } from '@/utils/util';
import { dictGet } from '@/api/project/project';
export default {
components: { STable, SearchCom },
@ -85,152 +74,151 @@ export default {
loading: false,
activeTab: '1',
queryParam: {
examClassify: '' //
examClassify: '', //
},
queryOptions: [
{ type: 'select-dic-tree', placeholder: '课程分类', key: 'examClassify', options: [] }
{ type: 'select-dic-tree', placeholder: '课程分类', key: 'examClassify', options: [] },
],
examColumns: [
{
title: '序号',
width: '80px',
scopedSlots: { customRender: 'index' },
align: 'center'
align: 'center',
},
{
title: '考试科目',
dataIndex: 'projectName'
dataIndex: 'projectName',
},
{
title: '准考证号',
dataIndex: 'candidateNo'
dataIndex: 'candidateNo',
},
{
title: '考试形式',
dataIndex: 'testType',
scopedSlots: { customRender: 'testType' }
scopedSlots: { customRender: 'testType' },
},
{
title: '考试时间',
dataIndex: 'examSdate'
dataIndex: 'examSdate',
},
{
title: '考试时长',
dataIndex: 'examTime',
scopedSlots: { customRender: 'examTime' }
scopedSlots: { customRender: 'examTime' },
},
{
title: '考试资格',
dataIndex: 'zige',
scopedSlots: { customRender: 'zige' }
scopedSlots: { customRender: 'zige' },
},
{
title: '操作',
width: '150px',
dataIndex: 'action',
scopedSlots: { customRender: 'action' }
}
scopedSlots: { customRender: 'action' },
},
],
examDoneColumns: [
{
title: '序号',
width: '80px',
scopedSlots: { customRender: 'index' },
align: 'center'
align: 'center',
},
{
title: '考试科目',
dataIndex: 'projectName'
dataIndex: 'projectName',
},
{
title: '准考证号',
dataIndex: 'candidateNo'
dataIndex: 'candidateNo',
},
{
title: '考试形式',
dataIndex: 'testType',
scopedSlots: { customRender: 'testType' }
scopedSlots: { customRender: 'testType' },
},
{
title: '答卷时间',
dataIndex: 'practiceSdate'
dataIndex: 'submitTime',
},
{
title: '考试时长',
dataIndex: 'examTime',
scopedSlots: { customRender: 'examTime' }
scopedSlots: { customRender: 'examTime' },
},
{
title: '考试成绩',
dataIndex: 'score'
dataIndex: 'score',
},
{
title: '操作',
width: '150px',
dataIndex: 'action',
scopedSlots: { customRender: 'action' }
}
scopedSlots: { customRender: 'action' },
},
],
loadExamData: parameter => {
return reqExamList(Object.assign(parameter, this.queryParam)).then(res => {
return res
})
return res;
});
},
loadExamDoneData: parameter => {
return reqExamAttendList(Object.assign(parameter, this.queryParam)).then(res => {
return res
})
}
}
return res;
});
},
};
},
mounted() {
this.dictionaryDropDown()
this.dictionaryDropDown();
},
methods: {
dictionaryDropDown() {
dictGet({ type: 1 }).then((res) => {
this.queryOptions[0].options = res.data
this.loading = false
})
dictGet({ type: 1 }).then(res => {
this.queryOptions[0].options = res.data;
this.loading = false;
});
},
//
handleRefresh() {
const { activeTab } = this
console.log('activeTab', activeTab)
const { activeTab } = this;
console.log('activeTab', activeTab);
if (activeTab === '1') {
this.$refs.examTable.refresh()
this.$refs.examTable.refresh();
} else {
this.$refs.examDoneTable.refresh()
this.$refs.examDoneTable.refresh();
}
},
//
handlerMarker(data) {
const _this = this
const _this = this;
this.$confirm({
title: '提示',
content: '确定要预约考试吗?',
onOk() {
reqExamSubscribe({ projectId: data.id }).then(res => {
_this.$message.success('预约成功!')
_this.handleRefresh()
})
_this.$message.success('预约成功!');
_this.handleRefresh();
});
},
onCancel () {}
})
onCancel() {},
});
},
handlerGoExam(row) {
// 5(...)
// const diff = new Date().getTime() - new Date(examSdate).getTime()
// if(diff > -1000*60*5){}
this.$router.push({ path: '/myexamDetail', query: { type: 'exam', projectId: row.id } })
this.$router.push({ path: '/myexamDetail', query: { type: 'exam', projectId: row.id } });
},
handlerGoReport(row) {
this.$router.push({ path: '/myreport', query: { type: 'exam', reportId: row.report.id } })
}
}
}
this.$router.push({ path: '/myreport', query: { type: 'exam', reportId: row.report.id } });
},
},
};
</script>
<style lang="less" scoped>
</style>