parent
3df0023d16
commit
d79c0d0cbb
14 changed files with 1165 additions and 688 deletions
@ -0,0 +1,268 @@ |
||||
<template> |
||||
<div class="page"> |
||||
<h6 class="page-name">筛选</h6> |
||||
<div class="tool"> |
||||
<ul class="filter"> |
||||
<li> |
||||
<label>评阅时间</label> |
||||
<el-radio-group v-model="filter.month"> |
||||
<el-radio v-for="(item, index) in dateList" :key="index" :label="item.id" border>{{ item.name |
||||
}}</el-radio> |
||||
</el-radio-group> |
||||
<el-date-picker class="m-l-10" v-model="date" align="right" unlink-panels type="daterange" |
||||
start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" |
||||
clearable></el-date-picker> |
||||
</li> |
||||
<li> |
||||
<label>评阅阶段</label> |
||||
<el-select v-model="filter.reviewStage" clearable placeholder="请选择评阅阶段" @change="initData"> |
||||
<el-option v-for="(item, i) in reviewStage" :key="i" :label="item.name" :value="item.id"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>评阅情况</label> |
||||
<el-select v-model="filter.reviewStatus" clearable placeholder="请选择评阅情况" @change="initData"> |
||||
<el-option v-for="(item, i) in reviewStatus" :key="i" :label="item.name" :value="item.id"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>任务分配情况</label> |
||||
<el-select v-model="filter.taskAllocationStatus" clearable placeholder="请选择任务分配情况" @change="initData"> |
||||
<el-option v-for="(item, i) in taskAllocationStatus" :key="i" :label="item.name" |
||||
:value="item.id"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>搜索</label> |
||||
<el-input style="width: 300px;" placeholder="请输入大赛名称、阶段赛名称、比赛内容" prefix-icon="el-icon-search" |
||||
v-model="filter.keyWord" clearable /> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<el-table :data="list" class="table" ref="table" stripe header-align="center" row-key="id"> |
||||
<el-table-column type="index" width="50" label="序号" align="center"></el-table-column> |
||||
<el-table-column prop="competitionName" label="大赛名称" align="center" min-width="120" |
||||
show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="stageName" label="阶段赛名称" align="center" min-width="100"></el-table-column> |
||||
<el-table-column prop="competitionContent" label="比赛内容" align="center" min-width="100"></el-table-column> |
||||
<el-table-column prop="lastEditor" label="分配答卷数" align="center" width="90"></el-table-column> |
||||
<el-table-column prop="lastEditor" label="待评答卷数" align="center" width="90"></el-table-column> |
||||
<el-table-column prop="lastEditor" label="已评答卷数" align="center" width="90"></el-table-column> |
||||
<el-table-column prop="lastEditor" label="评阅时间" align="center" width="90"></el-table-column> |
||||
<el-table-column prop="lastEditor" label="评阅阶段" align="center" width="90"></el-table-column> |
||||
<el-table-column prop="lastEditor" label="评阅情况" align="center" width="90"></el-table-column> |
||||
<el-table-column label="操作" align="center" width="200" fixed="right"> |
||||
<template slot-scope="scope"> |
||||
<el-button type="text" @click="toProgress(scope.row)">评阅进度</el-button> |
||||
<el-button type="text" @click="toSetup(scope.row)">评阅设置</el-button> |
||||
<el-button type="text" @click="toTask(scope.row)">任务分配</el-button> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<div class="pagination"> |
||||
<el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" |
||||
:total="total"></el-pagination> |
||||
</div> |
||||
|
||||
<Setup :visible.sync="setupVisible" /> |
||||
<Progress :visible.sync="progressVisible" /> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import Setup from './setup' |
||||
import Progress from './progress' |
||||
import Util from '@/libs/util' |
||||
import Setting from '@/setting' |
||||
import Const from '@/const/ques' |
||||
import Qs from 'qs' |
||||
import dayjs from 'dayjs' |
||||
export default { |
||||
components: { Setup, Progress }, |
||||
data () { |
||||
return { |
||||
difficults: Const.difficults, |
||||
questionTypes: Const.questionTypes, |
||||
loading: false, |
||||
dateList: [ |
||||
{ |
||||
id: '', |
||||
name: '全部' |
||||
}, |
||||
{ |
||||
id: 0, |
||||
name: '不限时' |
||||
}, |
||||
{ |
||||
id: 1, |
||||
name: '近一个月' |
||||
}, |
||||
{ |
||||
id: 3, |
||||
name: '近三个月' |
||||
}, |
||||
{ |
||||
id: 6, |
||||
name: '近六个月' |
||||
} |
||||
], |
||||
reviewStage: [ |
||||
{ |
||||
id: 0, |
||||
name: '未开始' |
||||
}, |
||||
{ |
||||
id: 1, |
||||
name: '进行中' |
||||
}, |
||||
{ |
||||
id: 2, |
||||
name: '已完成' |
||||
}, |
||||
], |
||||
reviewStatus: [ |
||||
{ |
||||
id: 0, |
||||
name: '未完成' |
||||
}, |
||||
{ |
||||
id: 1, |
||||
name: '已完成' |
||||
}, |
||||
], |
||||
taskAllocationStatus: [ |
||||
{ |
||||
id: 0, |
||||
name: '未完成' |
||||
}, |
||||
{ |
||||
id: 1, |
||||
name: '已完成' |
||||
}, |
||||
], |
||||
date: [], |
||||
filter: { |
||||
month: '', |
||||
startTime: '', |
||||
endTime: '', |
||||
reviewStage: '', |
||||
reviewStatus: '', |
||||
taskAllocationStatus: '', |
||||
keyWord: '', |
||||
}, |
||||
list: [], |
||||
page: +this.$route.query.page || 1, |
||||
pageSize: 10, |
||||
total: 0, |
||||
|
||||
setupVisible: false, |
||||
progressVisible: false, |
||||
}; |
||||
}, |
||||
watch: { |
||||
'filter.month': function (val) { |
||||
if (val) { |
||||
let unit = 24 * 60 * 60 * 1000 |
||||
this.date = [dayjs(new Date(Date.now() - unit * 30 * val)).format('YYYY-MM-DD'), dayjs(new Date(Date.now() + unit)).format('YYYY-MM-DD')] |
||||
} else { |
||||
this.date = [] |
||||
} |
||||
}, |
||||
date: function (val) { |
||||
if (val) { |
||||
this.filter.startTime = val[0]; |
||||
this.filter.endTime = val[1]; |
||||
} else { |
||||
this.filter.startTime = '' |
||||
this.filter.endTime = '' |
||||
} |
||||
this.initData() |
||||
}, |
||||
'filter.keyWord': function () { |
||||
clearTimeout(this.searchTimer) |
||||
this.searchTimer = setTimeout(this.initData, 500) |
||||
}, |
||||
}, |
||||
mounted () { |
||||
const { query } = this.$route |
||||
if (query.page) { |
||||
const { questionTypes, correctRateEnd, correctRateStart, difficultys, specialtyIds, status, keyWord, questionTypeSort, givenYearSort, difficultySort, correctRateSort, updateTimeSort, referenceCountSort, givenYears, knowledgePointIds, questionBankId, questionBankName, questionBankCategory } = query |
||||
this.filter = { |
||||
questionTypes: questionTypes ? questionTypes.split(',') : [], |
||||
correctRateEnd: correctRateEnd || '', |
||||
correctRateStart: correctRateStart || '', |
||||
difficultys: difficultys ? difficultys.split(',') : [], |
||||
specialtyIds: specialtyIds ? specialtyIds.split(',').map(e => +e) : [], |
||||
status: status ? +status : '', |
||||
keyWord: keyWord || '', |
||||
questionTypeSort: questionTypeSort || '', |
||||
givenYearSort: givenYearSort || '', |
||||
difficultySort: difficultySort || '', |
||||
correctRateSort: correctRateSort || '', |
||||
updateTimeSort: updateTimeSort || '', |
||||
referenceCountSort: referenceCountSort || '', |
||||
} |
||||
this.givenYears = givenYears || '' |
||||
this.knowledgePointIds = knowledgePointIds ? JSON.parse(knowledgePointIds) : [] |
||||
|
||||
this.$router.push(`/myReview?questionBankId=${questionBankId}&questionBankName=${questionBankName}&questionBankCategory=${questionBankCategory}`).catch(() => { }) |
||||
} |
||||
|
||||
this.initData() |
||||
}, |
||||
methods: { |
||||
async getList () { |
||||
const { pageList } = await this.$post(this.api.reviewSettingsList, { |
||||
...this.filter, |
||||
pageNum: this.page, |
||||
pageSize: this.pageSize, |
||||
platformSource: 0, |
||||
}) |
||||
this.list = pageList.records |
||||
this.total = pageList.total |
||||
}, |
||||
// 切换页码 |
||||
currentChange (val) { |
||||
this.page = val |
||||
this.getList() |
||||
}, |
||||
initData () { |
||||
this.$refs.table.clearSelection() |
||||
this.page = 1 |
||||
this.getList() |
||||
}, |
||||
|
||||
// 评阅进度 |
||||
toProgress (row) { |
||||
this.progressVisible = true |
||||
}, |
||||
// 设置 |
||||
toSetup (row) { |
||||
this.setupVisible = true |
||||
}, |
||||
// 任务分配 |
||||
toTask (row) { |
||||
this.$router.push(`task`) |
||||
}, |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.tool { |
||||
margin-bottom: 0; |
||||
|
||||
.filter { |
||||
flex-wrap: wrap; |
||||
|
||||
li { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
/deep/.el-radio { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,152 @@ |
||||
<template> |
||||
<div> |
||||
<el-drawer :with-header="false" :visible.sync="progressVisible" size="1200px" :close-on-click-modal="false" |
||||
custom-class="pro-dia" @closed="closeDia"> |
||||
<div class="wrap"> |
||||
<el-tabs v-model="curTab" @tab-click="tabChange"> |
||||
<el-tab-pane label="评阅统计" name="progress"></el-tab-pane> |
||||
<el-tab-pane label="评阅日志" name="log"></el-tab-pane> |
||||
</el-tabs> |
||||
|
||||
<div class="tool"> |
||||
<ul class="filter"> |
||||
<li> |
||||
<label>评阅情况</label> |
||||
<el-select v-model="filter.difficult" placeholder="请选择评阅情况" @change="difficultChange"> |
||||
<el-option v-for="(item, i) in difficults" :key="i" :label="item.name" :value="item.id"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>搜索</label> |
||||
<el-input placeholder="请输入评阅人" prefix-icon="el-icon-search" v-model="filter.keyword" clearable /> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<el-table :data="list" stripe header-align="center" row-key="libraryId"> |
||||
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
||||
<el-table-column prop="name" label="评阅人" align="center" min-width="90"></el-table-column> |
||||
<el-table-column prop="name" label="分配答卷" align="center" min-width="90"></el-table-column> |
||||
<el-table-column prop="name" label="分配人工判分题" align="center" min-width="90"></el-table-column> |
||||
<el-table-column prop="name" label="待评阅答卷" align="center" min-width="90"></el-table-column> |
||||
<el-table-column prop="name" label="已评阅答卷" align="center" min-width="90"></el-table-column> |
||||
<el-table-column prop="name" label="评阅情况" align="center" min-width="90"></el-table-column> |
||||
<el-table-column label="评阅进度" align="center" width="90"> |
||||
<template slot-scope="scope"> |
||||
<el-button type="text" @click="showProgress(scope.row)">查看</el-button> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<div class="pagination"> |
||||
<el-pagination background @current-change="currentChange" :current-page="page" |
||||
layout="total, prev, pager, next" :total="total"></el-pagination> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="btns"> |
||||
<el-button type="primary" @click="progressVisible = false">关闭</el-button> |
||||
</div> |
||||
</el-drawer> |
||||
|
||||
<Detail :visible.sync="detailVisible" /> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import Detail from './progressDetail' |
||||
import Setting from '@/setting' |
||||
import Util from '@/libs/util' |
||||
import _ from 'lodash' |
||||
export default { |
||||
props: ['visible'], |
||||
components: { Detail }, |
||||
data () { |
||||
return { |
||||
progressVisible: false, |
||||
curTab: 'progress', |
||||
difficults: [], |
||||
filter: { |
||||
month: '', |
||||
keyword: '', |
||||
}, |
||||
searchTimer: null, |
||||
list: [{}], |
||||
page: 1, |
||||
pageSize: 10, |
||||
total: 0, |
||||
|
||||
detailVisible: false, |
||||
}; |
||||
}, |
||||
watch: { |
||||
'filter.keyword': function (val) { |
||||
clearTimeout(this.searchTimer) |
||||
this.searchTimer = setTimeout(this.getKnowledge, 500) |
||||
}, |
||||
visible () { |
||||
this.progressVisible = this.visible |
||||
// this.visible && this.init() |
||||
} |
||||
}, |
||||
mounted () { |
||||
|
||||
}, |
||||
methods: { |
||||
// 初始化 |
||||
init () { |
||||
this.initList() |
||||
}, |
||||
// tab切换回调 |
||||
async tabChange () { |
||||
|
||||
}, |
||||
// 获取题库 |
||||
async getList () { |
||||
try { |
||||
const type = this.quesBankTypeVal |
||||
const res = await this.$post(this.api.questionBankList, { |
||||
status: 1, |
||||
pageNum: 1, |
||||
pageSize: 1000, |
||||
questionCategoryId: type.length ? type[type.length - 1] : '', |
||||
name: this.quesBankKeyword |
||||
}) |
||||
this.quesBanks = res.message.records |
||||
this.totalQuesBank = res.message.total |
||||
} catch (e) { } |
||||
}, |
||||
initList () { |
||||
this.page = 1 |
||||
this.getList() |
||||
}, |
||||
// 切换页码 |
||||
currentChange (val) { |
||||
this.page = val |
||||
this.getList() |
||||
}, |
||||
// 查看评阅进度 |
||||
showProgress (row) { |
||||
this.detailVisible = true |
||||
}, |
||||
// 弹框关闭回调 |
||||
closeDia () { |
||||
this.$emit('update:visible', false) |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
/deep/.pro-dia { |
||||
.el-drawer__header { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.wrap { |
||||
padding: 20px; |
||||
} |
||||
|
||||
.el-tabs__item:focus.is-active.is-focus:not(:active) { |
||||
box-shadow: none; |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,203 @@ |
||||
<template> |
||||
<div> |
||||
<el-drawer title="xx的评阅进度" :visible.sync="progressVisible" size="1000px" :close-on-click-modal="false" |
||||
custom-class="detail-dia" @closed="closeDia"> |
||||
<div class="wrap"> |
||||
<el-tabs v-model="curTab" @tab-click="tabChange"> |
||||
<el-tab-pane label="待评阅" name="progress"></el-tab-pane> |
||||
<el-tab-pane label="已评阅" name="log"></el-tab-pane> |
||||
</el-tabs> |
||||
|
||||
<div class="tool"> |
||||
<ul class="filter"> |
||||
<li> |
||||
<label>省份</label> |
||||
<el-select v-model="filter.provinceId" clearable placeholder="请选择省份" @change="provinceChange" |
||||
@clear="clearprovince"> |
||||
<el-option v-for="(item, i) in provinces" :key="i" :label="item.provinceName" |
||||
:value="item.provinceId"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>城市</label> |
||||
<el-select v-model="filter.cityId" clearable placeholder="请选择城市" :disabled="!filter.provinceId" |
||||
@clear="clearcity" @change="getSchool"> |
||||
<el-option v-for="(item, i) in cities" :key="i" :label="item.cityName" :value="item.cityId"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>学校</label> |
||||
<el-select v-model="filter.schoolId" clearable filterable placeholder="请选择学校" :disabled="!filter.cityId" |
||||
@change="initData"> |
||||
<el-option v-for="(item, index) in schools" :key="index" :label="item.schoolName" |
||||
:value="item.schoolId"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>搜索</label> |
||||
<el-input style="width: 300px;" placeholder="请输入学生姓名、学生学号、团队名称" prefix-icon="el-icon-search" |
||||
v-model="filter.keyword" clearable /> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<el-table :data="list" stripe header-align="center" row-key="libraryId"> |
||||
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
||||
<el-table-column prop="name" label="省份" align="center" min-width="90"></el-table-column> |
||||
<el-table-column prop="name" label="城市" align="center" min-width="90"></el-table-column> |
||||
<el-table-column prop="name" label="学生所在院校" align="center" min-width="90"></el-table-column> |
||||
<el-table-column prop="name" label="团队名称" align="center" min-width="90"></el-table-column> |
||||
<el-table-column prop="name" label="学生姓名" align="center" min-width="90"></el-table-column> |
||||
<el-table-column prop="name" label="学号" align="center" min-width="90"></el-table-column> |
||||
<el-table-column prop="name" label="答卷ID" align="center" min-width="90"></el-table-column> |
||||
<el-table-column prop="name" label="最新评阅时间" align="center" min-width="90"></el-table-column> |
||||
</el-table> |
||||
<div class="pagination"> |
||||
<el-pagination background @current-change="currentChange" :current-page="page" |
||||
layout="total, prev, pager, next" :total="total"></el-pagination> |
||||
</div> |
||||
</div> |
||||
</el-drawer> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import Setting from '@/setting' |
||||
import Util from '@/libs/util' |
||||
import _ from 'lodash' |
||||
export default { |
||||
props: ['visible'], |
||||
data () { |
||||
return { |
||||
progressVisible: false, |
||||
curTab: 'progress', |
||||
difficults: [], |
||||
provinces: [], |
||||
cities: [], |
||||
schools: [], |
||||
filter: { |
||||
month: '', |
||||
keyword: '', |
||||
}, |
||||
searchTimer: null, |
||||
list: [], |
||||
page: 1, |
||||
pageSize: 10, |
||||
total: 0, |
||||
|
||||
submiting: false, |
||||
}; |
||||
}, |
||||
watch: { |
||||
'filter.keyword': function (val) { |
||||
clearTimeout(this.searchTimer) |
||||
this.searchTimer = setTimeout(this.getKnowledge, 500) |
||||
}, |
||||
visible () { |
||||
this.progressVisible = this.visible |
||||
// this.visible && this.init() |
||||
} |
||||
}, |
||||
mounted () { |
||||
|
||||
}, |
||||
methods: { |
||||
// 初始化 |
||||
init () { |
||||
this.getProvince() |
||||
this.initList() |
||||
}, |
||||
// tab切换回调 |
||||
async tabChange () { |
||||
|
||||
}, |
||||
// 获取题库 |
||||
async getList () { |
||||
try { |
||||
const type = this.quesBankTypeVal |
||||
const res = await this.$post(this.api.questionBankList, { |
||||
status: 1, |
||||
pageNum: 1, |
||||
pageSize: 1000, |
||||
questionCategoryId: type.length ? type[type.length - 1] : '', |
||||
name: this.quesBankKeyword |
||||
}) |
||||
this.quesBanks = res.message.records |
||||
this.totalQuesBank = res.message.total |
||||
} catch (e) { } |
||||
}, |
||||
initList () { |
||||
this.page = 1 |
||||
this.getList() |
||||
}, |
||||
// 切换页码 |
||||
currentChange (val) { |
||||
this.page = val |
||||
this.getList() |
||||
}, |
||||
|
||||
// 获取省份 |
||||
async getProvince () { |
||||
if (!this.provinces.length) { |
||||
const { list } = await this.$get(this.api.queryProvince) |
||||
this.provinces = list |
||||
} |
||||
}, |
||||
// 清除省份 |
||||
clearprovince () { |
||||
this.filter.cityId = '', |
||||
this.filter.schoolId = '' |
||||
}, |
||||
// 省份选择回调 |
||||
provinceChange () { |
||||
this.clearprovince() |
||||
this.getCity() |
||||
this.initData() |
||||
}, |
||||
// 获取城市 |
||||
async getCity () { |
||||
const { list } = await this.$get(this.api.queryCity, { |
||||
provinceId: this.filter.provinceId |
||||
}) |
||||
this.cities = list |
||||
}, |
||||
// 清除城市 |
||||
clearcity () { |
||||
this.filter.schoolId = '' |
||||
}, |
||||
// 城市选择回调 |
||||
cityChange () { |
||||
this.filter.schoolId = '' |
||||
this.getSchool() |
||||
this.initData() |
||||
}, |
||||
// 获取学校 |
||||
async getSchool () { |
||||
const { list } = await this.$get(this.api.querySchool, { |
||||
provinceId: this.filter.provinceId, |
||||
cityId: this.filter.cityId, |
||||
}) |
||||
this.schools = list |
||||
}, |
||||
// 弹框关闭回调 |
||||
closeDia () { |
||||
this.$emit('update:visible', false) |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
/deep/.detail-dia { |
||||
.el-drawer__header { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.wrap { |
||||
padding: 10px 20px; |
||||
} |
||||
|
||||
.el-tabs__item:focus.is-active.is-focus:not(:active) { |
||||
box-shadow: none; |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,501 @@ |
||||
<template> |
||||
<div> |
||||
<el-drawer title="评阅设置" :visible.sync="setupVisible" size="1200px" :close-on-click-modal="false" |
||||
custom-class="setup-dia" @closed="closeDia"> |
||||
<div class="flex h-full"> |
||||
<el-form :model="form" ref="form" label-width="220px" label-suffix="："> |
||||
<el-form-item prop="name" label="是否隐藏学生信息"> |
||||
<el-radio-group v-model="form.hide"> |
||||
<el-radio :label="3">是</el-radio> |
||||
<el-radio :label="6">否</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
<el-form-item prop="name" label="自动判分题是否允许人工评阅"> |
||||
<el-radio-group v-model="form.hide"> |
||||
<el-radio :label="3">是</el-radio> |
||||
<el-tooltip placement="top"> |
||||
<div slot="content">自动判分题最终得分取最新一次评分</div> |
||||
<i class="el-icon-question explain"></i> |
||||
</el-tooltip> |
||||
<el-radio :label="6">否</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
<el-form-item prop="name" label="评阅的时间限制"> |
||||
<el-radio-group v-model="form.hide"> |
||||
<el-radio :label="3">不限时</el-radio> |
||||
<el-tooltip placement="top"> |
||||
<div slot="content">成绩不公布时，可设置评阅时间不限时</div> |
||||
<i class="el-icon-question explain"></i> |
||||
</el-tooltip> |
||||
<el-radio :label="6">限时</el-radio> |
||||
</el-radio-group> |
||||
<el-date-picker class="m-l-10" v-model="date" align="right" unlink-panels type="datetimerange" |
||||
start-placeholder="开始日期" end-placeholder="结束日期" clearable></el-date-picker> |
||||
</el-form-item> |
||||
<el-form-item prop="name" label="每题的评阅人数"> |
||||
<el-input style="width: 200px;" placeholder="请输入" v-model.number="form.suggestTime" /> 人 |
||||
</el-form-item> |
||||
<el-form-item prop="name" label="最终得分取值规则（人工判分题多人评阅时）"> |
||||
<el-radio-group v-model="form.hide"> |
||||
<el-radio :label="1">取平均分</el-radio> |
||||
<el-radio :label="1">取修剪平均分</el-radio> |
||||
<el-tooltip placement="top"> |
||||
<div slot="content"> |
||||
<p>去掉最高分、最低分，取平均分</p> |
||||
<p class="m-t-5 m-b-5">1.建议评阅人员≥3人；</p> |
||||
<p class="m-b-5">2.若评阅人员为2人，则最终得分为2人评分的平均值；</p> |
||||
<p>3.若评阅人员为1人，则最终得分为评阅人的评分；</p> |
||||
</div> |
||||
<i class="el-icon-question explain"></i> |
||||
</el-tooltip> |
||||
<el-radio :label="1">取加权平均分</el-radio> |
||||
<el-tooltip placement="top"> |
||||
<div slot="content">每位评阅人员的最新评分乘以其对应的权重后求和</div> |
||||
<i class="el-icon-question explain"></i> |
||||
</el-tooltip> |
||||
<el-radio :label="1">取中位分</el-radio> |
||||
<el-radio :label="1">取最高分</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-form> |
||||
|
||||
<el-form class="info" label-width="120px" label-suffix="：" disabled> |
||||
<h6>答卷信息</h6> |
||||
<el-form-item prop="name" label="答卷信息"> |
||||
<el-radio-group v-model="form.hide"> |
||||
<el-radio v-for="(item, i) in types" :key="i" label="item.id">{{ item.name }}</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
<el-form-item prop="name" label="题目判分类型"> |
||||
<el-checkbox-group v-model="form.type"> |
||||
<el-checkbox label="自动判分题"></el-checkbox> |
||||
<el-checkbox label="人工判分题"></el-checkbox> |
||||
</el-checkbox-group> |
||||
</el-form-item> |
||||
<el-form-item prop="name" label="成绩是否公布"> |
||||
<el-radio-group v-model="form.hide"> |
||||
<el-radio :label="3">是</el-radio> |
||||
<span style="margin: 0 10px 0 -20px;font-size: 12px;color: #333;">公布时间：2024-12-12 12:12:12</span> |
||||
<el-radio style="margin-top: 10px" :label="6">否</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
|
||||
<div class="btns"> |
||||
<el-button @click="setupVisible = false">取消</el-button> |
||||
<el-button type="primary" :loading="submiting" @click="submit">保存</el-button> |
||||
</div> |
||||
</el-drawer> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import Setting from '@/setting' |
||||
import Util from '@/libs/util' |
||||
import QuesConst from '@/const/ques' |
||||
import TestPaperConst from '@/const/testPaper' |
||||
import _ from 'lodash' |
||||
import Decimal from 'decimal.js' |
||||
export default { |
||||
props: ['visible'], |
||||
data () { |
||||
return { |
||||
arabicToChinese: Util.arabicToChinese, |
||||
difficults: TestPaperConst.difficults, |
||||
questionTypes: QuesConst.questionTypes, |
||||
setupVisible: false, |
||||
form: { |
||||
|
||||
}, |
||||
date: [], |
||||
types: [ |
||||
{ |
||||
id: 1, |
||||
name: '实训' |
||||
}, |
||||
{ |
||||
id: 2, |
||||
name: '理论' |
||||
}, |
||||
{ |
||||
id: 3, |
||||
name: '论文报告' |
||||
}, |
||||
{ |
||||
id: 4, |
||||
name: '其他' |
||||
}, |
||||
], |
||||
submiting: false, |
||||
}; |
||||
}, |
||||
watch: { |
||||
visible () { |
||||
this.setupVisible = this.visible |
||||
// this.visible && this.init() |
||||
} |
||||
}, |
||||
mounted () { |
||||
|
||||
}, |
||||
methods: { |
||||
// 初始化 |
||||
init () { |
||||
this.handleQuesList() |
||||
if (!this.loaded) { |
||||
this.loaded = 1 |
||||
this.yearCheck = this.years |
||||
this.getQuesBankType() |
||||
this.initQuesBank() |
||||
this.difficult = this.$parent.form.difficult |
||||
this.difficult && this.difficultChange(this.difficult) |
||||
} |
||||
}, |
||||
// 获取题库分类 |
||||
async getQuesBankType () { |
||||
try { |
||||
const { data } = await this.$post(this.api.getAllQuestionBankCategories, { |
||||
createSource: 1, |
||||
status: 1, |
||||
}) |
||||
this.handleList(data) |
||||
this.quesBankTypes = data |
||||
} catch (e) { } |
||||
}, |
||||
// 获取题库 |
||||
async getQuesBank () { |
||||
try { |
||||
const type = this.quesBankTypeVal |
||||
const res = await this.$post(this.api.questionBankList, { |
||||
status: 1, |
||||
pageNum: 1, |
||||
pageSize: 1000, |
||||
questionCategoryId: type.length ? type[type.length - 1] : '', |
||||
name: this.quesBankKeyword |
||||
}) |
||||
this.quesBanks = res.message.records |
||||
this.totalQuesBank = res.message.total |
||||
} catch (e) { } |
||||
}, |
||||
initQuesBank () { |
||||
this.curQuesBank = {} |
||||
this.pageQuesBank = 1 |
||||
this.getQuesBank() |
||||
}, |
||||
// 切换页码 |
||||
currentChangeQuesBank (val) { |
||||
this.pageQuesBank = val |
||||
this.getQuesBank() |
||||
}, |
||||
// 题目多选回调 |
||||
questionBankClick (item) { |
||||
this.curQuesBank = item |
||||
this.knowledgeCheck = false |
||||
this.getKnowledgeType() |
||||
this.getKnowledge() |
||||
}, |
||||
|
||||
// 处理树形 |
||||
handleList (list) { |
||||
list.map(e => { |
||||
if (e.children && e.children.length) { |
||||
this.handleList(e.children) |
||||
} else { |
||||
delete e.children |
||||
} |
||||
}) |
||||
}, |
||||
// 获取知识点分类 |
||||
async getKnowledgeType () { |
||||
try { |
||||
const { data } = await this.$post(this.api.classificationTreeStructure, { |
||||
createSource: 1, |
||||
questionBankId: this.curQuesBank.id, |
||||
}) |
||||
this.handleList(data) |
||||
this.knowledgeTypes = data |
||||
} catch (e) { } |
||||
}, |
||||
// 获取知识点 |
||||
async getKnowledge () { |
||||
try { |
||||
const { id } = this.curQuesBank |
||||
if (id) { |
||||
const type = this.knowledgeTypeVal |
||||
const res = await this.$post(this.api.knowledgeHierarchyList, { |
||||
pageNum: 1, |
||||
pageSize: 1000, |
||||
questionBankId: id, |
||||
knowledgePointCategoryId: type.length ? type[type.length - 1] : '', |
||||
name: this.knowledgeKeyword, |
||||
}) |
||||
const list = res.message.records |
||||
const { allKnowledges } = this |
||||
list.map(e => { |
||||
e.check = !!allKnowledges.find(n => n.id === e.id) |
||||
}) |
||||
this.knowledges = list |
||||
} |
||||
} catch (e) { } |
||||
}, |
||||
// 切换页码 |
||||
currentChangeKn (val) { |
||||
this.pageKn = val |
||||
this.getKnowledge() |
||||
}, |
||||
// 知识点全选回调 |
||||
knowledgeAllCheckChange (val) { |
||||
this.knowledges.map(e => { |
||||
e.check = val |
||||
this.knowledgeChange(val, e) |
||||
}) |
||||
}, |
||||
// 知识点勾选回调 |
||||
knowledgeChange (checked, data) { |
||||
const checkQues = this.curQuesBank |
||||
const index = this.checked.findIndex(e => e.quesBank.id === checkQues.id) |
||||
// 已选中的题库数组里有该题库，则往该题库的知识点数组里 |
||||
if (index !== -1) { |
||||
const ques = this.checked[index] |
||||
const i = ques.knowledges.findIndex(e => e.id === data.id) |
||||
if (checked && i === -1) { |
||||
ques.knowledges.push(data) |
||||
} else if (!checked && i >= 0) { |
||||
ques.knowledges.splice(i, 1) |
||||
} |
||||
ques.knowledges.length || this.checked.splice(index, 1) |
||||
} else { |
||||
this.checked.push({ |
||||
quesBank: checkQues, |
||||
knowledges: [data] |
||||
}) |
||||
} |
||||
}, |
||||
// 处理大纲列表 |
||||
handleQuesList () { |
||||
this.list = _.cloneDeep(this.$parent.form.paperOutline) |
||||
}, |
||||
// 清空已选 |
||||
async clearChecked () { |
||||
try { |
||||
await this.$confirm(`确认要清空吗？`, '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning', |
||||
closeOnClickModal: false, |
||||
}) |
||||
this.knowledges.map(e => e.check = false) |
||||
this.checked = [] |
||||
this.knowledgeCheck = false |
||||
} catch (e) { } |
||||
}, |
||||
// 删除题库 |
||||
async delQuesBank (i) { |
||||
try { |
||||
await this.$confirm(`确认要移除吗？`, '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning', |
||||
closeOnClickModal: false, |
||||
}) |
||||
const k = this.knowledges |
||||
this.checked[i].knowledges.map(e => { |
||||
const cur = k.findIndex(n => n.id === e.id) |
||||
if (cur !== -1) k[cur].check = false |
||||
}) |
||||
this.checked.splice(i, 1) |
||||
this.knowledgeCheck = false |
||||
} catch (e) { } |
||||
}, |
||||
// 删除知识点 |
||||
delKnowledge (i, j, item, k) { |
||||
const cur = this.knowledges.findIndex(e => e.id === k.id) |
||||
if (cur !== -1) this.knowledges[cur].check = false |
||||
item.knowledges.splice(j, 1) |
||||
item.knowledges.length || this.checked.splice(i, 1) // 知识点清空了则把该题库删除 |
||||
this.knowledgeCheck = false |
||||
}, |
||||
|
||||
|
||||
// 试卷难度选择回调 |
||||
difficultChange (val) { |
||||
const difficultyWeights = [0.2, 0.4, 0.6, 0.8] |
||||
const names = ['basicDifficulty', 'normalDifficulty', 'hardDifficulty', 'veryHardDifficulty'] |
||||
// 遍历题型数组 |
||||
this.list.forEach(e => { |
||||
const total = e.questionNum |
||||
|
||||
let already = 0 // 已经分配的数量 |
||||
if (val === 1) { |
||||
this.$set(e, 'basicDifficulty', Math.floor(total * 0.7)) |
||||
this.$set(e, 'normalDifficulty', Math.floor(total * 0.3)) |
||||
this.$set(e, 'hardDifficulty', 0) |
||||
this.$set(e, 'veryHardDifficulty', 0) |
||||
} else if (val === 2) { |
||||
this.$set(e, 'basicDifficulty', Math.floor(total * 0.45)) |
||||
this.$set(e, 'normalDifficulty', Math.floor(total * 0.55)) |
||||
this.$set(e, 'hardDifficulty', 0) |
||||
this.$set(e, 'veryHardDifficulty', 0) |
||||
} else if (val === 3) { |
||||
this.$set(e, 'basicDifficulty', Math.floor(total * 0.3)) |
||||
this.$set(e, 'normalDifficulty', Math.floor(total * 0.3)) |
||||
this.$set(e, 'hardDifficulty', Math.floor(total * 0.4)) |
||||
this.$set(e, 'veryHardDifficulty', 0) |
||||
} else if (val === 4) { |
||||
this.$set(e, 'basicDifficulty', Math.floor(total * 0.1)) |
||||
this.$set(e, 'normalDifficulty', Math.floor(total * 0.1)) |
||||
this.$set(e, 'hardDifficulty', Math.floor(total * 0.3)) |
||||
this.$set(e, 'veryHardDifficulty', Math.floor(total * 0.5)) |
||||
} |
||||
|
||||
|
||||
already = Decimal(already).add(e.basicDifficulty).add(e.normalDifficulty).add(e.hardDifficulty).add(e.veryHardDifficulty).toNumber() |
||||
// 如果按比例分配还没分配完 |
||||
while (total > already) { |
||||
e[names[val - 1]]++ |
||||
already++ |
||||
} |
||||
this.$set(e, 'randomDifficulty', 0) |
||||
}) |
||||
}, |
||||
// 年份全选回调 |
||||
yearAllChange (val) { |
||||
this.yearCheck = val ? this.years : [] |
||||
}, |
||||
// 年份选择回调 |
||||
yearChange (val) { |
||||
this.yearAll = val.length === 11 |
||||
}, |
||||
// 提交 |
||||
async submit () { |
||||
if (this.submiting) return false |
||||
const { list } = this |
||||
let invalid = 0 |
||||
let totalCount = 0 |
||||
for (const i in list) { |
||||
const e = list[i] |
||||
const name = `第${Util.arabicToChinese(+i + 1)}大题` |
||||
if (!e.questionType) { |
||||
Util.warningMsg(`${name}请先选择题型`) |
||||
invalid = 1 |
||||
break |
||||
} |
||||
if (!e.questionNum || isNaN(e.questionNum) || e.questionNum <= 0) { |
||||
Util.warningMsg(`${name}的目标题数请输入正整数`) |
||||
invalid = 1 |
||||
break |
||||
} |
||||
let total = Decimal(e.basicDifficulty || 0).add(e.normalDifficulty || 0).add(e.hardDifficulty || 0).add(e.veryHardDifficulty || 0).toNumber() // 先算前4个难度的题数 |
||||
if (total) { // 前面4个空有填1个，则清空随机 |
||||
this.$set(e, 'randomDifficulty', 0) |
||||
} else { |
||||
total = +e.randomDifficulty || 0 |
||||
} |
||||
|
||||
if (total > e.questionNum) { |
||||
Util.warningMsg(`${name}的小题总数大于目标题数，请重新输入`) |
||||
invalid = 1 |
||||
break |
||||
} |
||||
e.count = total |
||||
totalCount = Decimal(totalCount).add(total).toNumber() |
||||
} |
||||
if (invalid) return false |
||||
if (!totalCount) return Util.warningMsg(`请填写难度题数`) |
||||
this.submiting = true |
||||
const k = this.allKnowledges.map(e => e.id) |
||||
|
||||
const years = [] |
||||
this.yearCheck.map(e => { |
||||
if (e === '暂无年份') { |
||||
years.push('') |
||||
} else if (e === '更早') { |
||||
// 选的是更早则直接传1990~2005所有年份 |
||||
for (let i = 1990; i < 2006; i++) { |
||||
years.push(i) |
||||
} |
||||
} else { |
||||
years.push(+e) |
||||
} |
||||
}) |
||||
list.map(e => { |
||||
e.givenYears = years |
||||
e.knowledgePointsIds = k |
||||
}) |
||||
try { |
||||
const res = await this.$post(this.api.selectQuestionsByTypeAndDifficulty, list) |
||||
|
||||
let invalid = 0 |
||||
let hasQues = 0 |
||||
list.map((e, i) => { |
||||
if (+e.count !== res.list[i].questions.length) invalid = 1 |
||||
if (e.examQuestions.length) hasQues = 1 |
||||
e.score = 0 |
||||
}) |
||||
|
||||
// 3种情况提示不一样 |
||||
const tips = invalid && hasQues ? |
||||
'此操作会清空当前试卷已添加的试题，并且满足自动选题设置的试题数量不足，确定要继续自动选题吗？' : |
||||
invalid && !hasQues ? |
||||
'满足自动选题设置的试题数量不足，确认要继续自动选题吗？' : |
||||
!invalid && hasQues ? '此操作会清空当前试卷已添加的试题，是否确定要继续自动选题吗？' : |
||||
'' |
||||
|
||||
if (tips) { |
||||
await this.$confirm(tips, '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning', |
||||
closeOnClickModal: false, |
||||
}) |
||||
} |
||||
list.map((e, i) => { |
||||
res.list[i].questions.map((e, i) => { |
||||
e.questionId = e.id |
||||
e.serialNumber = i + 1 |
||||
e.originSort = i + 1 |
||||
this.$parent.handleQuesInfo(e) |
||||
}) |
||||
this.$parent.form.paperOutline[i].examQuestions = res.list[i].questions |
||||
}) |
||||
this.setupVisible = false |
||||
this.$parent.calcDifficult() |
||||
this.submiting = false |
||||
} catch (e) { |
||||
this.submiting = false |
||||
} |
||||
}, |
||||
// 弹框关闭回调 |
||||
closeDia () { |
||||
this.$emit('update:visible', false) |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
/deep/.setup-dia { |
||||
.el-drawer__header { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.explain { |
||||
margin: 0 20px 0 -20px; |
||||
font-size: 16px; |
||||
color: #8f8f8f; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.info { |
||||
flex: 1; |
||||
height: 100%; |
||||
border-left: 1px solid #ccc; |
||||
|
||||
h6 { |
||||
margin-bottom: 20px; |
||||
font-size: 16px; |
||||
text-align: center; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,585 +0,0 @@ |
||||
<template> |
||||
<div class="page"> |
||||
<Breadcrumb style="margin-bottom: 0;" :data="crumbs" /> |
||||
<div class="wrap"> |
||||
<div class="side"> |
||||
<div class="m-b-20"> |
||||
<el-radio-group v-model="isNotJoin" @change="changeType"> |
||||
<div class="m-b-20"> |
||||
<el-radio :label="1">所有试卷</el-radio> |
||||
</div> |
||||
<div> |
||||
<el-radio :label="2">未加入分类的试卷</el-radio> |
||||
</div> |
||||
</el-radio-group> |
||||
</div> |
||||
<el-divider></el-divider> |
||||
<div> |
||||
<div class="flex-between m-b-10"> |
||||
<h6 class="page-name" style="margin-bottom: 0">试卷分类</h6> |
||||
<el-button type="text" @click="addType(0)">添加</el-button> |
||||
</div> |
||||
|
||||
<div style="overflow: auto"> |
||||
<el-tree v-loading="loading" :data="types" default-expand-all ref="typeTree" node-key="classificationId" |
||||
highlight-current :expand-on-click-node="false" @node-click="handleNodeClick" |
||||
:props="{ value: 'classificationId', label: 'classificationName' }"> |
||||
<span class="custom-tree-node" slot-scope="{ node, data }"> |
||||
<span class="org-name">{{ data.classificationName }}</span> |
||||
<span> |
||||
<el-button type="text" icon="el-icon-circle-plus-outline" @click="() => addType(data)"> |
||||
</el-button> |
||||
<el-button type="text" icon="el-icon-edit-outline" @click="() => editType(data)"> |
||||
</el-button> |
||||
<el-button type="text" icon="el-icon-delete" @click="() => delType(node, data)"> |
||||
</el-button> |
||||
</span> |
||||
</span> |
||||
</el-tree> |
||||
</div> |
||||
</div> |
||||
|
||||
<el-dialog :title="typeForm.classificationId ? '编辑' : '新增' + '试卷分类'" :visible.sync="typeVisible" |
||||
:close-on-click-modal="false" width="400px"> |
||||
<el-form v-if="typeVisible" ref="typeForm" :model="typeForm" :rules="typeRules" label-width="130px"> |
||||
<el-form-item label="试卷分类名称" prop="classificationName"> |
||||
<el-input v-model.trim="typeForm.classificationName" placeholder="请输入试卷分类" maxlength="20"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="设置上一级"> |
||||
<el-cascader :options="types" v-model="cascaderValue" :props="cascaderProps" clearable |
||||
style="width: 100%"> |
||||
</el-cascader> |
||||
</el-form-item> |
||||
</el-form> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button @click="closeType">取 消</el-button> |
||||
<el-button type="primary" @click="typeSubmit">确 定</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
</div> |
||||
|
||||
<div class="right"> |
||||
<h6 class="page-name">筛选</h6> |
||||
<div class="tool"> |
||||
<ul class="filter"> |
||||
<li> |
||||
<label>题目类型</label> |
||||
<el-select v-model="questionType" clearable multiple placeholder="请选择题目类型" @change="initData"> |
||||
<el-option v-for="(item, i) in questionTypes" :key="i" :label="item.name" |
||||
:value="item.name"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>试卷难度</label> |
||||
<el-select v-model="filter.difficult" clearable multiple placeholder="请选择试卷难度" @change="initData"> |
||||
<el-option v-for="(item, i) in difficults" :key="i" :label="item.name" :value="item.id"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>所属专业</label> |
||||
<el-select v-model="filter.professionalId" filterable clearable placeholder="请选择所属专业" multiple |
||||
@change="initData"> |
||||
<el-option v-for="(item, i) in professionals" :key="i" :label="item.professionalName" |
||||
:value="item.professionalId"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>年份</label> |
||||
<el-date-picker v-model="particularYear" type="year" placeholder="请选择年份" format="yyyy" value-format="yyyy" |
||||
multiple @change="initData"> |
||||
</el-date-picker> |
||||
</li> |
||||
<li> |
||||
<label>建议用途</label> |
||||
<el-select v-model="filter.paperType" clearable placeholder="请选择状态" @change="initData"> |
||||
<el-option v-for="(item, i) in paperTypes" :key="i" :label="item.name" :value="item.id"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>状态</label> |
||||
<el-select v-model="status" clearable placeholder="请选择状态" @change="initData"> |
||||
<el-option v-for="(item, i) in statusList" :key="i" :label="item.name" :value="item.id"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>搜索</label> |
||||
<el-input style="width: 250px;" placeholder="请输入试卷名称" prefix-icon="el-icon-search" |
||||
v-model="filter.keyWord" clearable /> |
||||
</li> |
||||
<div style="margin-bottom: 15px;"> |
||||
<el-button type="primary" @click="add">创建试卷</el-button> |
||||
<!-- <el-button type="primary" @click="add">批量移除 </el-button> --> |
||||
<el-button type="primary" @click="delAllSelection">批量删除</el-button> |
||||
</div> |
||||
</ul> |
||||
</div> |
||||
|
||||
<el-table :data="list" v-loading="listLoading" class="table" ref="table" stripe header-align="center" |
||||
@selection-change="handleSelectionChange" row-key="id" @sort-change="sortChange"> |
||||
<el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column> |
||||
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
||||
<el-table-column prop="name" label="试卷名称" align="center" min-width="100" |
||||
show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="questionCount" label="试题总数" align="center" width="70"></el-table-column> |
||||
<el-table-column prop="score" label="总分" align="center" width="60"></el-table-column> |
||||
<el-table-column prop="questionType" label="题型" align="center" min-width="90" |
||||
show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="difficult" label="试卷难度" align="center" width="100" sortable="custom"> |
||||
<template slot-scope="scope">{{ difficults.find(e => e.id === scope.row.difficult) ? difficults.find(e => |
||||
e.id === scope.row.difficult).name : '' }}</template> |
||||
</el-table-column> |
||||
<el-table-column prop="suggestTime" label="建议用时" align="center" width="70"> |
||||
<template slot-scope="scope">{{ scope.row.suggestTime }}min</template> |
||||
</el-table-column> |
||||
<el-table-column prop="classificationPath" label="试卷分类" align="center" width="90" |
||||
show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="professionalName" label="所属专业" align="center" width="100"></el-table-column> |
||||
<el-table-column prop="particularYear" label="年份" align="center" width="70" sortable="custom"> |
||||
<template slot-scope="scope">{{ scope.row.particularYear }}年</template> |
||||
</el-table-column> |
||||
<el-table-column label="建议用途" align="center" width="70"> |
||||
<template slot-scope="scope">{{ paperTypes.find(e => e.id === scope.row.paperType) ? paperTypes.find(e => |
||||
e.id === scope.row.paperType).name : '' }}</template> |
||||
</el-table-column> |
||||
<el-table-column label="状态" align="center" width="60"> |
||||
<template slot-scope="scope">{{ !scope.row.status ? '草稿' : (scope.row.isDisable ? '禁用' : '启用') }}</template> |
||||
</el-table-column> |
||||
<el-table-column prop="createTime" label="创建时间" align="center" width="160" |
||||
sortable="custom"></el-table-column> |
||||
<el-table-column prop="updateTime" label="最近编辑时间" align="center" width="160" |
||||
sortable="custom"></el-table-column> |
||||
<el-table-column prop="createUser" label="最近编辑人" align="center" width="90"></el-table-column> |
||||
<el-table-column label="操作" align="center" width="250" fixed="right"> |
||||
<template slot-scope="scope"> |
||||
<el-button type="text" @click="toDetail(scope.row, 1)">复制</el-button> |
||||
<el-button type="text" @click="preview(scope.row)">预览</el-button> |
||||
<el-button type="text" @click="toDetail(scope.row)">编辑</el-button> |
||||
<el-button type="text" @click="del(scope.row)">删除</el-button> |
||||
<el-switch v-if="scope.row.status" v-model="scope.row.isDisable" :active-value="false" |
||||
:inactive-value="true" style="margin: 0 10px 0 5px" :active-text="scope.row.isDisable ? '禁用' : '启用'" |
||||
@change="switchOff($event, scope.row, scope.$index)"></el-switch> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<div class="pagination"> |
||||
<el-pagination background layout="total, prev, pager, next" :total="total" @current-change="currentChange" |
||||
:current-page="page"> |
||||
</el-pagination> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<el-dialog title="提示" :visible.sync="delVisible" width="400px" :close-on-click-modal="false" custom-class="del-dia"> |
||||
<div class="del-wrap"> |
||||
<div class="icon el-icon-warning"></div> |
||||
<div> |
||||
<p>确认要删除【{{ curName }}】吗？</p> |
||||
<p class="tips">删除后，其子级分类也将被删除。</p> |
||||
<el-checkbox v-model="deleteQuestions">同时删除此分类及其子分类的试卷，删除后数据无法恢复，请谨慎操作！</el-checkbox> |
||||
</div> |
||||
</div> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button @click="delVisible = false">取消</el-button> |
||||
<el-button type="primary" @click="delTypeSubmit">确定</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import Util from '@/libs/util' |
||||
import _ from 'lodash' |
||||
import Breadcrumb from '@/components/breadcrumb' |
||||
import QuesConst from '@/const/ques' |
||||
import TestPaperConst from '@/const/testPaper' |
||||
import Qs from 'qs' |
||||
export default { |
||||
components: { Breadcrumb }, |
||||
data () { |
||||
return { |
||||
crumbs: [], |
||||
questionTypes: QuesConst.questionTypes, |
||||
difficults: TestPaperConst.difficults, |
||||
paperTypes: TestPaperConst.paperTypes, |
||||
libraryId: this.$route.query.id, |
||||
name: this.$route.query.name, |
||||
createSource: 1, |
||||
loading: false, |
||||
types: [], |
||||
isNotJoin: 1, |
||||
typeVisible: false, // 员工组织架对话框 |
||||
cascaderValue: [], |
||||
cascaderProps: { |
||||
checkStrictly: true, |
||||
label: "classificationName", |
||||
value: "classificationId" |
||||
}, |
||||
|
||||
typeForm: { |
||||
classificationId: '', |
||||
classificationName: '' |
||||
}, |
||||
typeRules: { |
||||
classificationName: [ |
||||
{ required: true, message: '请输入试卷分类名称', trigger: 'blur' } |
||||
] |
||||
}, |
||||
professionals: [], |
||||
statusList: [ |
||||
{ |
||||
id: 0, |
||||
name: '启用' |
||||
}, |
||||
{ |
||||
id: 1, |
||||
name: '禁用' |
||||
}, |
||||
{ |
||||
id: 2, |
||||
name: '草稿' |
||||
}, |
||||
], |
||||
particularYear: '', |
||||
questionType: [], |
||||
status: '', |
||||
filter: { |
||||
difficult: [], |
||||
professionalId: [], |
||||
paperType: '', |
||||
updateTimeOrder: '', |
||||
crateTimeOrder: 2, |
||||
yearOrder: '', |
||||
keyWord: '', |
||||
difficultOrder: '', |
||||
}, |
||||
listLoading: false, |
||||
list: [], |
||||
page: +this.$route.query.page || 1, |
||||
pageSize: 10, |
||||
total: 0, |
||||
multipleSelection: [], |
||||
|
||||
submiting: false, |
||||
|
||||
|
||||
delVisible: false, |
||||
deleteQuestions: false, |
||||
curName: '', |
||||
curId: [], |
||||
}; |
||||
}, |
||||
watch: { |
||||
'filter.keyWord': function () { |
||||
clearTimeout(this.searchTimer) |
||||
this.searchTimer = setTimeout(this.getList, 500) |
||||
}, |
||||
}, |
||||
mounted () { |
||||
const { referrer1 } = this.$store.state.user |
||||
this.crumbs = [ |
||||
{ |
||||
name: this.name || '中台试卷库', |
||||
route: referrer1 || '/testPaperLibrary' |
||||
}, |
||||
{ |
||||
name: '试卷管理' |
||||
}, |
||||
|
||||
] |
||||
|
||||
const { query } = this.$route |
||||
if (query.page) { |
||||
const { difficult, professionalId, paperType, updateTimeOrder, crateTimeOrder, yearOrder, keyWord, difficultOrder, particularYear, questionType, status, id, name } = query |
||||
this.filter = { |
||||
difficult: difficult ? difficult.split(',').map(e => +e) : [], |
||||
professionalId: professionalId ? professionalId.split(',').map(e => +e) : [], |
||||
paperType: paperType ? +paperType : '', |
||||
updateTimeOrder: updateTimeOrder ? +updateTimeOrder : '', |
||||
crateTimeOrder: crateTimeOrder ? +crateTimeOrder : 2, |
||||
yearOrder: yearOrder ? +yearOrder : '', |
||||
keyWord: keyWord || '', |
||||
difficultOrder: difficultOrder ? +difficultOrder : '', |
||||
} |
||||
this.particularYear = particularYear || '' |
||||
this.questionType = questionType ? questionType.split(',') : [] |
||||
this.status = status ? +status : '' |
||||
this.$router.push(`/testPaper?id=${id}&name=${name}`).catch(() => { }) |
||||
} |
||||
|
||||
this.getType() |
||||
this.getProfessional() |
||||
}, |
||||
methods: { |
||||
// 获取分类 |
||||
async getType () { |
||||
try { |
||||
this.loading = true |
||||
const res = await this.$post(this.api.examClassificationList, { |
||||
createSource: this.createSource, |
||||
libraryId: this.libraryId, |
||||
}) |
||||
const data = res.treeList |
||||
this.handleType(data) |
||||
this.types = data |
||||
this.getList() |
||||
} finally { |
||||
this.loading = false |
||||
} |
||||
}, |
||||
// 分类筛选回调 |
||||
changeType () { |
||||
this.$refs.typeTree.setCurrentKey(null) |
||||
this.initData() |
||||
}, |
||||
// 获取分类详情 |
||||
async getDetail (id) { |
||||
const res = await this.$get(this.api.examClassificationFind, { |
||||
id |
||||
}) |
||||
return res.examClassification |
||||
}, |
||||
// 添加分类 |
||||
async addType (row) { |
||||
this.typeForm = { |
||||
classificationId: '', |
||||
classificationName: '', |
||||
} |
||||
this.typeVisible = true |
||||
if (row) { |
||||
const data = await this.getDetail(row.classificationId) |
||||
const path = data.classificationPath.split('/').map(e => +e) |
||||
this.cascaderValue = data.classificationPath.split('/').map(e => +e) |
||||
} |
||||
}, |
||||
// 编辑分类 |
||||
async editType (row) { |
||||
this.typeForm = { |
||||
classificationId: row.classificationId, |
||||
classificationName: row.classificationName |
||||
} |
||||
this.typeVisible = true |
||||
const data = await this.getDetail(row.classificationId) |
||||
const path = data.classificationPath.split('/').map(e => +e) |
||||
this.cascaderValue = path.slice(0, path.length - 1) |
||||
}, |
||||
// 处理树形 |
||||
handleType (list) { |
||||
list.map(e => { |
||||
if (e.children && e.children.length) { |
||||
this.handleType(e.children) |
||||
} else { |
||||
delete e.children |
||||
} |
||||
}) |
||||
}, |
||||
// 删除分类 |
||||
delType (node, row) { |
||||
this.curName = row.classificationName |
||||
this.curId = [row.classificationId] |
||||
this.delVisible = true |
||||
}, |
||||
// 删除分类提交 |
||||
async delTypeSubmit () { |
||||
await this.$post(this.api.examClassificationDel, { |
||||
delete: this.deleteQuestions, |
||||
ids: this.curId |
||||
}) |
||||
Util.successMsg('删除成功') |
||||
this.delVisible = false |
||||
this.getType() |
||||
}, |
||||
// 分类新增/编辑 |
||||
typeSubmit () { |
||||
this.$refs.typeForm.validate(async (valid) => { |
||||
if (valid) { |
||||
const form = this.typeForm |
||||
const cas = this.cascaderValue |
||||
const len = cas.length |
||||
if (cas && len) { |
||||
form.parentId = cas[len - 1] |
||||
form.level = len + 1 |
||||
} else { |
||||
form.parentId = 0 |
||||
form.level = 1 |
||||
} |
||||
form.createSource = this.createSource |
||||
form.libraryId = this.libraryId |
||||
await this.$post(this.api[form.classificationId ? 'examClassificationUpdate' : 'examClassificationSave'], form) |
||||
Util.successMsg('保存成功') |
||||
this.closeType() |
||||
} |
||||
}); |
||||
}, |
||||
// 点击树节点查询列表数据 |
||||
handleNodeClick (data) { |
||||
this.isNotJoin = '' |
||||
this.initData() |
||||
}, |
||||
// 关闭组织新增编辑弹框 |
||||
closeType () { |
||||
this.typeVisible = false |
||||
this.cascaderValue = [] |
||||
this.getType() |
||||
}, |
||||
// 获取所属专业 |
||||
async getProfessional () { |
||||
try { |
||||
const res = await this.$post(this.api.queryProfessional, { |
||||
pageNum: 1, |
||||
pageSize: 1000, |
||||
}) |
||||
this.professionals = res.pageList.records |
||||
} catch (e) { } |
||||
}, |
||||
// 列表 |
||||
async getList () { |
||||
try { |
||||
this.listLoading = true |
||||
const type = this.$refs.typeTree |
||||
const res = await this.$post(this.api.examPaperList, { |
||||
...this.filter, |
||||
isDisable: this.status === 2 ? '' : this.status, // 禁用启用 |
||||
status: this.status === 2 ? 0 : '', // 草稿及发布 |
||||
particularYear: this.particularYear ? [this.particularYear] : [], |
||||
questionType: this.questionType.length ? this.questionType.join() : '', |
||||
type: this.isNotJoin, |
||||
pageNum: this.page, |
||||
pageSize: this.pageSize, |
||||
libraryId: this.libraryId, |
||||
classificationId: type ? type.getCurrentKey() || '' : '', |
||||
}) |
||||
this.list = res.pageList.records |
||||
this.total = res.pageList.total |
||||
} finally { |
||||
this.listLoading = false |
||||
} |
||||
}, |
||||
// 切换页码 |
||||
currentChange (val) { |
||||
this.page = val |
||||
this.getList() |
||||
}, |
||||
handleSelectionChange (val) { // 多选 |
||||
this.multipleSelection = val |
||||
}, |
||||
initData () { |
||||
this.$refs.table.clearSelection() |
||||
this.page = 1 |
||||
this.getList() |
||||
}, |
||||
// 排序回调 |
||||
sortChange (column) { |
||||
if (column.prop === 'difficult') this.filter.difficultOrder = column.order ? column.order === 'ascending' ? 1 : 2 : '' |
||||
if (column.prop === 'particularYear') this.filter.yearOrder = column.order ? column.order === 'ascending' ? 1 : 2 : '' |
||||
if (column.prop === 'createTime') this.filter.crateTimeOrder = column.order ? column.order === 'ascending' ? 1 : 2 : '' |
||||
if (column.prop === 'updateTime') this.filter.updateTimeOrder = column.order ? column.order === 'ascending' ? 1 : 2 : '' |
||||
this.getList() |
||||
}, |
||||
// 删除 |
||||
async del (row) { |
||||
try { |
||||
await this.$confirm(`确认要删除【${row.name}】吗？`, '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning', |
||||
dangerouslyUseHTMLString: true, |
||||
}) |
||||
await this.$post(this.api.paperDel, { |
||||
delete: false, |
||||
ids: [row.paperId] |
||||
}) |
||||
Util.successMsg('删除成功') |
||||
this.getList() |
||||
} catch (e) { } |
||||
}, |
||||
async switchOff (val, row) { |
||||
await this.$post(this.api.paperDisable, { |
||||
id: row.paperId, |
||||
isDisable: val, |
||||
}) |
||||
this.getList() |
||||
}, |
||||
// 缓存当前页面和参数，详情页返回到列表的时候直接取该url |
||||
setReferrer () { |
||||
const { filter } = this |
||||
this.$store.commit('user/setReferrer', { |
||||
i: 2, |
||||
url: `${this.$route.path}?${Qs.stringify(filter)}&difficult=${filter.difficult}&professionalId=${filter.professionalId}&particularYear=${this.particularYear}&questionType=${this.questionType}&status=${this.status}&id=${this.libraryId}&name=${this.name}&page=${this.page}` |
||||
}) |
||||
}, |
||||
// 添加试卷 |
||||
add () { |
||||
this.setReferrer() |
||||
this.$router.push(`/testPaper/detail?libraryId=${this.libraryId}&classificationId=${this.$refs.typeTree.getCurrentKey() || ''}`) |
||||
}, |
||||
// 编辑试卷 |
||||
async toDetail (row, isCopy = '') { |
||||
this.setReferrer() |
||||
this.$router.push(`/testPaper/detail?paperId=${row.paperId}&libraryId=${this.libraryId}&classificationId=${this.$refs.typeTree.getCurrentKey() || ''}&isCopy=${isCopy}`) |
||||
}, |
||||
// 预览 |
||||
preview (row) { |
||||
window.open(this.$router.resolve(`preview?id=${row.paperId}`).href) |
||||
}, |
||||
async delAllSelection () { |
||||
const list = this.multipleSelection |
||||
if (list.length) { |
||||
try { |
||||
await this.$confirm(`确定要删除已选定的${list.length}份试卷吗？`, '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning', |
||||
closeOnClickModal: false, |
||||
}) |
||||
await this.$post(this.api.paperDel, { |
||||
delete: false, |
||||
ids: list.map(e => e.paperId) |
||||
}) |
||||
Util.successMsg('删除成功') |
||||
this.multipleSelection = [] |
||||
this.$refs.table.clearSelection() |
||||
this.getList() |
||||
} catch (e) { } |
||||
} else { |
||||
Util.warningMsg('请选择数据') |
||||
} |
||||
}, |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.org-name { |
||||
margin-right: 20px; |
||||
} |
||||
|
||||
.wrap { |
||||
display: flex; |
||||
min-height: 100%; |
||||
|
||||
.side { |
||||
width: 300px; |
||||
padding: 24px 10px 24px 0; |
||||
margin-right: 24px; |
||||
border-right: 1px solid rgba(0, 0, 0, 0.06); |
||||
} |
||||
|
||||
.right { |
||||
width: calc(100% - 324px); |
||||
padding: 24px 0; |
||||
} |
||||
} |
||||
|
||||
.tool { |
||||
margin-bottom: 0; |
||||
|
||||
.filter { |
||||
flex-wrap: wrap; |
||||
justify-content: space-between; |
||||
|
||||
li { |
||||
margin-bottom: 15px; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue