321 lines
14 KiB
Vue
321 lines
14 KiB
Vue
|
<template>
|
|||
|
|
<el-card>
|
|||
|
|
<div slot="header" style="text-align: center;" v-if="lessonName">
|
|||
|
|
<b>课程名称： {{lessonName}}</b>
|
|||
|
|
</div>
|
|||
|
|
<div :style="{ height: height +'px' }">
|
|||
|
|
<el-scrollbar wrapClass="scrollbar-wrapper" style="">
|
|||
|
|
<QueryListPage ref="queryListPage" :pager-config="pagerConfig" :query-form="queryForm"
|
|||
|
|
:query-list="queryList" style="height: 100%;"></QueryListPage>
|
|||
|
|
</el-scrollbar>
|
|||
|
|
</div>
|
|||
|
|
</el-card>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import { getExamList, deleteExam, setExamEfficacy, setExamEffectivey } from '@/api/management/exam';
|
|||
|
|
import { getPublishLessonTree } from '@/api/jmap/lesson';
|
|||
|
|
import { UrlConfig } from '@/router/index';
|
|||
|
|
import WindowResizeHandler from '@/mixin/WindowResizeHandler';
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
name: 'List',
|
|||
|
|
mixins: [
|
|||
|
|
WindowResizeHandler
|
|||
|
|
],
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
BizTypeList: [],
|
|||
|
|
OrderTypeList: [],
|
|||
|
|
PayTypeList: [],
|
|||
|
|
PayStatusList: [],
|
|||
|
|
OrganizationList: [],
|
|||
|
|
EffectiveTypeList: [],
|
|||
|
|
userId: this.$store.state.user.id,
|
|||
|
|
pagerConfig: {
|
|||
|
|
pageSize: 'pageSize',
|
|||
|
|
pageIndex: 'pageNum'
|
|||
|
|
},
|
|||
|
|
lessonName: '',
|
|||
|
|
height: '',
|
|||
|
|
queryForm: {
|
|||
|
|
labelWidth: '120px',
|
|||
|
|
queryObject: {
|
|||
|
|
'lessonId': {
|
|||
|
|
type: this.$route.query.lessonId ? '' : 'select',
|
|||
|
|
label: '课程',
|
|||
|
|
config: {
|
|||
|
|
data: []
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
'name': {
|
|||
|
|
type: 'text',
|
|||
|
|
label: '试卷名称'
|
|||
|
|
},
|
|||
|
|
'creatorName': {
|
|||
|
|
type: 'text',
|
|||
|
|
label: '创建人'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
reset: this.$route.query.lessonId ? false : true,
|
|||
|
|
},
|
|||
|
|
queryList: {
|
|||
|
|
query: this.queryFunction,
|
|||
|
|
selectCheckShow: false,
|
|||
|
|
indexShow: true,
|
|||
|
|
columns: [
|
|||
|
|
{
|
|||
|
|
title: '课程名称',
|
|||
|
|
prop: 'lessonId',
|
|||
|
|
type: 'tag',
|
|||
|
|
show: this.$route.query.lessonId ? false : true,
|
|||
|
|
columnValue: (row) => { return this.convertField(row.lessonId, this.OrganizationList, ['id', 'name']) },
|
|||
|
|
tagType: (row) => { return '' }
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '试卷名称',
|
|||
|
|
prop: 'name'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '创建人',
|
|||
|
|
prop: 'creatorName',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '是否试用',
|
|||
|
|
prop: 'trial',
|
|||
|
|
type: 'tag',
|
|||
|
|
columnValue: (row) => { return this.$ConstSelect.translate(row.trial, 'Whether') },
|
|||
|
|
tagType: (row) => {
|
|||
|
|
switch (row.trial) {
|
|||
|
|
case true: return 'success';
|
|||
|
|
case false: return 'danger';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '时长',
|
|||
|
|
prop: 'duration',
|
|||
|
|
type: 'tag',
|
|||
|
|
columnValue: (row) => { return this.durationField(row.duration) },
|
|||
|
|
tagType: (row) => { return '' }
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '考试时间',
|
|||
|
|
prop: 'startTime',
|
|||
|
|
type: 'formatter',
|
|||
|
|
format: 'yyyy-MM-dd hh:ss'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '满分',
|
|||
|
|
prop: 'fullPoint'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '及格分',
|
|||
|
|
prop: 'passingPoint'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '状态',
|
|||
|
|
prop: 'status',
|
|||
|
|
type: 'tag',
|
|||
|
|
columnValue: (row) => { return this.convertField(row.status, this.EffectiveTypeList, ['value', 'label']) },
|
|||
|
|
tagType: (row) => {
|
|||
|
|
switch (row.status) {
|
|||
|
|
case '1': return 'success';
|
|||
|
|
default: return 'danger';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: 'button',
|
|||
|
|
title: '操作',
|
|||
|
|
width: '300',
|
|||
|
|
buttons: [
|
|||
|
|
{
|
|||
|
|
name: '快速创建',
|
|||
|
|
type: "primary",
|
|||
|
|
handleClick: this.handleDistribute,
|
|||
|
|
showControl: (row) => { return row.bizType !== '02' }
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '修改',
|
|||
|
|
type: "primary",
|
|||
|
|
showControl: (row) => { return row.creatorId == this.userId },
|
|||
|
|
handleClick: this.handleUpdate
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '下架',
|
|||
|
|
type: "warning",
|
|||
|
|
handleClick: this.handleEfficacy,
|
|||
|
|
showControl: (row) => {
|
|||
|
|
return (this.$route.query.lessonId ? row.creatorId == this.userId : true) && row.status == 1
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '上架',
|
|||
|
|
type: "primary",
|
|||
|
|
handleClick: this.handleEffective,
|
|||
|
|
showControl: (row) => {
|
|||
|
|
return (this.$route.query.lessonId ? row.creatorId == this.userId : true) && row.status != 1
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '删除',
|
|||
|
|
type: "danger",
|
|||
|
|
handleClick: this.deleteList,
|
|||
|
|
showControl: (row) => { return row.creatorId == this.userId }
|
|||
|
|
},
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
actions: [
|
|||
|
|
{ text: '新增', btnCode: 'employee_insert', handler: this.handleNormalAdd },
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
created() {
|
|||
|
|
this.loadInitData();
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
this.$store.dispatch('app/handleCourseDetail', {});
|
|||
|
|
this.$store.dispatch('app/handleRuleList', []);
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
convertList(FromList, ToList, ChecktypeFunction) {
|
|||
|
|
if (FromList) {
|
|||
|
|
ToList.length = 0;
|
|||
|
|
FromList.forEach(elem => {
|
|||
|
|
if (ChecktypeFunction(elem)) {
|
|||
|
|
ToList.push({ value: elem.code, label: elem.name });
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
resizeHandler: function () {
|
|||
|
|
if (/\/exam\//.test(`${this.$route.path}`)) {
|
|||
|
|
this.height = this._clientHeight - 50;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
loadInitData() {
|
|||
|
|
this.queryForm.queryObject.lessonId.config.data.length = 0;
|
|||
|
|
getPublishLessonTree({ mapId: '' }).then(response => {
|
|||
|
|
this.OrganizationList = response.data;
|
|||
|
|
this.OrganizationList.forEach(elem => {
|
|||
|
|
if (elem.id == this.$route.query.lessonId) {
|
|||
|
|
this.lessonName = elem.name;
|
|||
|
|
}
|
|||
|
|
this.queryForm.queryObject.lessonId.config.data.push({ value: elem.id, label: elem.name });
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
this.$Dictionary.effectiveType().then(list => {
|
|||
|
|
this.convertList(list, this.EffectiveTypeList, elem => {
|
|||
|
|
return true;
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
convertField(fieldValue, enumList, converFormat) {
|
|||
|
|
if (converFormat && converFormat.length >= 2) {
|
|||
|
|
let value = converFormat[0];
|
|||
|
|
let label = converFormat[1];
|
|||
|
|
for (let i = 0; enumList && i < enumList.length; i++) {
|
|||
|
|
if ('' + fieldValue === '' + enumList[i][value]) {
|
|||
|
|
return enumList[i][label];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
durationField(fieldValue) {
|
|||
|
|
if (fieldValue) {
|
|||
|
|
let time = Number(fieldValue) / 60;
|
|||
|
|
return `${time}分钟`;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
queryFunction(params) {
|
|||
|
|
if (this.$route.query.lessonId) {
|
|||
|
|
params.lessonId = this.$route.query.lessonId;
|
|||
|
|
}
|
|||
|
|
return getExamList(params);
|
|||
|
|
},
|
|||
|
|
handleNormalAdd() {
|
|||
|
|
let path = `${this.$route.path.match(/(\/.*)\/examRule/)[1]}${UrlConfig.examRuleDraft}`;
|
|||
|
|
let lessonId = this.$route.query.lessonId ? this.$route.query.lessonId : 0;
|
|||
|
|
this.$router.push({ path: `${path}/add/0/${lessonId}` });
|
|||
|
|
},
|
|||
|
|
handleUpdate(index, data) {
|
|||
|
|
let path = `${this.$route.path.match(/(\/.*)\/examRule/)[1]}${UrlConfig.examRuleDraft}`;
|
|||
|
|
let lessonId = this.$route.query.lessonId ? this.$route.query.lessonId : 0;
|
|||
|
|
this.$router.push({ path: `${path}/edit/${data.id}/${lessonId}` });
|
|||
|
|
},
|
|||
|
|
handleDistribute(index, data) {
|
|||
|
|
let path = `${this.$route.path.match(/(\/.*)\/examRule/)[1]}${UrlConfig.examRuleDraft}`;
|
|||
|
|
let lessonId = this.$route.query.lessonId ? this.$route.query.lessonId : 0;
|
|||
|
|
this.$router.push({ path: `${path}/add/${data.id}/${lessonId}` });
|
|||
|
|
},
|
|||
|
|
// 删除
|
|||
|
|
deleteList(index, data) {
|
|||
|
|
this.$confirm('此操作将删除该试卷, 是否继续?', '提示', {
|
|||
|
|
confirmButtonText: '确定',
|
|||
|
|
cancelButtonText: '取消',
|
|||
|
|
type: 'warning'
|
|||
|
|
}).then(() => {
|
|||
|
|
deleteExam(data).then(res => {
|
|||
|
|
this.queryList.reload();
|
|||
|
|
this.$message({
|
|||
|
|
type: 'success',
|
|||
|
|
message: '删除成功!'
|
|||
|
|
});
|
|||
|
|
}).catch(res => {
|
|||
|
|
if (res.code == '500009') {
|
|||
|
|
this.$message({ type: 'warning', message: '该试卷已被使用，不能删除' });
|
|||
|
|
} else {
|
|||
|
|
this.$message({ type: 'error', message: '删除异常，请联系管理员' });
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}).catch(() => { });
|
|||
|
|
},
|
|||
|
|
handleEfficacy(index, data) {
|
|||
|
|
this.$confirm('此操作将此试卷下架?', '提示', {
|
|||
|
|
confirmButtonText: '确定',
|
|||
|
|
cancelButtonText: '取消',
|
|||
|
|
type: 'warning'
|
|||
|
|
}).then(() => {
|
|||
|
|
setExamEfficacy(data).then(res => {
|
|||
|
|
this.queryList.reload();
|
|||
|
|
this.$message({
|
|||
|
|
type: 'success',
|
|||
|
|
message: '设置成功!'
|
|||
|
|
});
|
|||
|
|
}).catch(res => {
|
|||
|
|
this.$message({ type: 'warning', message: '设置失败,' + res.message });
|
|||
|
|
})
|
|||
|
|
}).catch(() => { });
|
|||
|
|
},
|
|||
|
|
handleEffective(index, data) {
|
|||
|
|
this.$confirm('此操作将此试卷上架?', '提示', {
|
|||
|
|
confirmButtonText: '确定',
|
|||
|
|
cancelButtonText: '取消',
|
|||
|
|
type: 'warning'
|
|||
|
|
}).then(() => {
|
|||
|
|
setExamEffectivey(data).then(res => {
|
|||
|
|
this.queryList.reload();
|
|||
|
|
this.$message({
|
|||
|
|
type: 'success',
|
|||
|
|
message: '设置成功!'
|
|||
|
|
});
|
|||
|
|
}).catch(res => {
|
|||
|
|
this.$message({ type: 'warning', message: '设置失败,' + res.message });
|
|||
|
|
})
|
|||
|
|
}).catch(() => { });
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
|||
|
|
/deep/ {
|
|||
|
|
.is-always-shadow {
|
|||
|
|
box-shadow: none;
|
|||
|
|
border-bottom: none;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|