parent
d79c0d0cbb
commit
b015e22c1a
15 changed files with 969 additions and 3857 deletions
@ -1,715 +0,0 @@ |
||||
<template> |
||||
<div> |
||||
<el-drawer title="自动选题" :visible.sync="quesVisible" size="1200px" :close-on-click-modal="false" |
||||
custom-class="ques-dia" @closed="closeDia"> |
||||
<div class="overflow"> |
||||
<h6 class="page-name">难度设置</h6> |
||||
<div class="tool"> |
||||
<ul class="filter"> |
||||
<li style="margin-right: 10px"> |
||||
<label>试卷难度</label> |
||||
<el-select v-model="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> |
||||
<el-tooltip placement="top"> |
||||
<div class="diff-text" slot="content"> |
||||
<p>基础题：难度系数0.2</p> |
||||
<p>普通题：难度系数0.4</p> |
||||
<p>较难题：难度系数0.6</p> |
||||
<p>困难题：难度系数0.8</p> |
||||
<p>（1）<span class="em">题型难度系数</span>=对应题型所有试题的难度系数之和/总试题数</p> |
||||
<p>（2）<span class="em">试卷总难度系数</span>=所有试题的难度系数之和/总试题数</p> |
||||
<p>（3）<span class="em">难度系数评价</span>：</p> |
||||
<div class="coe"> |
||||
<p>简单：系数 <=0.3</p> |
||||
<p>普通：0.3<系数<=0.4</p> |
||||
<p>较难：0.4<系数<0.5</p> |
||||
<p>困难:系数>=0.5</p> |
||||
</div> |
||||
</div> |
||||
<i class="el-icon-question" style="font-size: 16px;color: #8f8f8f;cursor: pointer;"></i> |
||||
</el-tooltip> |
||||
</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 label="大题" align="center" min-width="100"> |
||||
<template slot-scope="scope">第{{ arabicToChinese(scope.$index + 1) }}大题</template> |
||||
</el-table-column> |
||||
<el-table-column prop="name" label="题型" align="center" min-width="90"> |
||||
<template slot-scope="scope"> |
||||
<p v-if="scope.row.questionType">{{ questionTypes.find(e => e.id === scope.row.questionType).name }}</p> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="questionNum" label="目标题数" align="center" min-width="80"></el-table-column> |
||||
<el-table-column label="基础(道题)" align="center" width="90"> |
||||
<template slot-scope="scope"> |
||||
<el-input v-model.number="scope.row.basicDifficulty" type="number" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="普通(道题)" align="center" width="90"> |
||||
<template slot-scope="scope"> |
||||
<el-input v-model.number="scope.row.normalDifficulty" type="number" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="较难(道题)" align="center" width="90"> |
||||
<template slot-scope="scope"> |
||||
<el-input v-model.number="scope.row.hardDifficulty" type="number" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="难(道题)" align="center" width="90"> |
||||
<template slot-scope="scope"> |
||||
<el-input v-model.number="scope.row.veryHardDifficulty" type="number" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="难度随机(道题)" align="center" width="100"> |
||||
<template slot-scope="scope"> |
||||
<el-input v-model.number="scope.row.randomDifficulty" type="number" /> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
|
||||
<h6 class="page-name m-t-20">知识点设置</h6> |
||||
<div class="wrap"> |
||||
<!-- 题库 --> |
||||
<div class="item"> |
||||
<p class="total m-b-10">题库</p> |
||||
<ul class="filter"> |
||||
<li class="m-b-10"> |
||||
<label>题库分类</label> |
||||
<el-cascader style="width: 240px;" placeholder="请选择题库分类" v-model="quesBankTypeVal" |
||||
:options="quesBankTypes" :props="{ value: 'id', label: 'name', checkStrictly: true }" clearable |
||||
@change="initQuesBank"></el-cascader> |
||||
</li> |
||||
<li> |
||||
<el-input placeholder="请输入题库名称" prefix-icon="el-icon-search" v-model="quesBankKeyword" clearable /> |
||||
</li> |
||||
</ul> |
||||
|
||||
<template v-if="quesBanks.length"> |
||||
<div class="line"> |
||||
<span class="serial first">序号</span> |
||||
<span>题库名称</span> |
||||
</div> |
||||
|
||||
<div class="able-check lines"> |
||||
<div v-for="(item, i) in quesBanks" :key="i" :class="['line', { active: curQuesBank.id === item.id }]" |
||||
@click="questionBankClick(item)"> |
||||
<span class="serial first">{{ i + 1 }}</span> |
||||
<p class="stem" :title="item.questionBankName">{{ item.questionBankName }}</p> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<div v-else class="empty"> |
||||
<img class="icon" src="@/assets/images/empty.svg" alt=""> |
||||
<p>暂无数据</p> |
||||
</div> |
||||
</div> |
||||
<!-- 知识点 --> |
||||
<div class="item"> |
||||
<p class="total m-b-10">知识点</p> |
||||
<ul class="filter"> |
||||
<li class="m-b-10"> |
||||
<label>知识点框架</label> |
||||
<el-cascader style="width: 240px;" placeholder="请选择知识点分类" v-model="knowledgeTypeVal" |
||||
:options="knowledgeTypes" :props="{ value: 'id', label: 'name', checkStrictly: true }" clearable |
||||
@change="getKnowledge"></el-cascader> |
||||
</li> |
||||
<li> |
||||
<el-input placeholder="请输入知识点名称" prefix-icon="el-icon-search" v-model="knowledgeKeyword" clearable /> |
||||
</li> |
||||
</ul> |
||||
|
||||
<template v-if="knowledges.length"> |
||||
<div class="line"> |
||||
<el-checkbox v-model="knowledgeCheck" @change="knowledgeAllCheckChange"></el-checkbox> |
||||
<span class="serial">序号</span> |
||||
<span>知识点名称</span> |
||||
</div> |
||||
|
||||
<div class="lines"> |
||||
<div v-for="(item, i) in knowledges" :key="i" class="line"> |
||||
<el-checkbox v-model="item.check" :disabled="item.disabled" |
||||
@change="val => knowledgeChange(val, item)"></el-checkbox> |
||||
<span class="serial">{{ i + 1 }}</span> |
||||
<p class="stem" :title="item.name">{{ item.name }}</p> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<div v-else class="empty"> |
||||
<img class="icon" src="@/assets/images/empty.svg" alt=""> |
||||
<p>暂无数据</p> |
||||
</div> |
||||
</div> |
||||
<!-- 已选知识点 --> |
||||
<div class="item"> |
||||
<div class="flex j-between a-center m-b-20"> |
||||
<p class="total m-b-10">已选知识点（{{ allKnowledges.length }}个）</p> |
||||
<p class="clear" @click="clearChecked"> |
||||
<i class="el-icon-delete m-r-5"></i> |
||||
清空 |
||||
</p> |
||||
</div> |
||||
|
||||
<template v-for="(item, i) in checked"> |
||||
<div :key="i" class="j-between m-b-10"> |
||||
<div class="flex a-center"> |
||||
题库：{{ item.quesBank.questionBankName }} |
||||
<i class="el-icon-delete action-icon m-l-10" @click="delQuesBank(i)"></i> |
||||
</div> |
||||
<div class="knowledges"> |
||||
<el-tag v-for="(tag, j) in item.knowledges" :key="tag.name" class="m-r-8 m-b-8" closable |
||||
@close="delKnowledge(i, j, item, tag)">{{ tag.name }}</el-tag> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
</div> |
||||
</div> |
||||
|
||||
<h6 class="page-name m-t-20">年份设置</h6> |
||||
<div class="years flex"> |
||||
<el-checkbox style="margin-right: 20px" v-model="yearAll" @change="yearAllChange">全选</el-checkbox> |
||||
<el-checkbox-group v-model="yearCheck" @change="yearChange"> |
||||
<el-checkbox v-for="(item, i) in years" :key="i" :label="item"></el-checkbox> |
||||
</el-checkbox-group> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="btns"> |
||||
<el-button @click="quesVisible = 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, |
||||
quesVisible: false, |
||||
difficult: '', |
||||
searchTimer: null, |
||||
|
||||
curQuesBank: {}, |
||||
quesBankTypeVal: [], |
||||
quesBankTypes: [], |
||||
quesBankKeyword: '', |
||||
|
||||
quesBanks: [], |
||||
pageQuesBank: 1, |
||||
pageSizeQuesBank: 10, |
||||
totalQuesBank: 0, |
||||
|
||||
knowledgeKeyword: '', |
||||
knowledgeTypeVal: [], |
||||
knowledgeTypes: [], |
||||
knowledgeCheck: false, |
||||
knowledges: [], |
||||
pageKn: 1, |
||||
pageSizeKn: 10, |
||||
totalKn: 0, |
||||
|
||||
checkedKeyword: '', |
||||
checked: [], |
||||
list: [], |
||||
years: ['暂无年份', '2024', '2023', '2022', '2021', '2020', '2019', '2018', '2017', '2016', '更早'], |
||||
yearAll: true, |
||||
yearCheck: [], |
||||
submiting: false, |
||||
loaded: 0, |
||||
}; |
||||
}, |
||||
computed: { |
||||
allKnowledges () { |
||||
const result = [] |
||||
this.checked.map(e => { |
||||
result.push(...e.knowledges) |
||||
}) |
||||
return result |
||||
}, |
||||
}, |
||||
watch: { |
||||
'quesBankKeyword': function (val) { |
||||
clearTimeout(this.searchTimer) |
||||
this.searchTimer = setTimeout(this.initQuesBank, 500) |
||||
}, |
||||
'knowledgeKeyword': function (val) { |
||||
clearTimeout(this.searchTimer) |
||||
this.searchTimer = setTimeout(this.getKnowledge, 500) |
||||
}, |
||||
visible () { |
||||
this.quesVisible = 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.quesVisible = false |
||||
this.$parent.calcDifficult() |
||||
this.submiting = false |
||||
} catch (e) { |
||||
this.submiting = false |
||||
} |
||||
}, |
||||
// 弹框关闭回调 |
||||
closeDia () { |
||||
this.$emit('update:visible', false) |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
/deep/.ques-dia { |
||||
.el-drawer__header { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.overflow { |
||||
height: calc(100vh - 147px); |
||||
padding: 0 20px; |
||||
overflow: auto; |
||||
} |
||||
|
||||
|
||||
.wrap { |
||||
display: flex; |
||||
margin-top: 20px; |
||||
border: 1px solid #eee; |
||||
|
||||
.filter { |
||||
margin-bottom: 15px; |
||||
|
||||
li { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
label { |
||||
margin-right: 10px; |
||||
font-size: 14px; |
||||
color: #333; |
||||
white-space: nowrap; |
||||
} |
||||
} |
||||
|
||||
.item { |
||||
width: 30%; |
||||
padding: 15px; |
||||
border-right: 1px solid #eee; |
||||
|
||||
&:last-child { |
||||
width: 40%; |
||||
border-right: 0; |
||||
} |
||||
} |
||||
|
||||
.total { |
||||
font-size: 16px; |
||||
color: #333; |
||||
} |
||||
|
||||
.clear { |
||||
display: inline-flex; |
||||
align-items: center; |
||||
font-size: 14px; |
||||
color: #8b8b8b; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.knowledges { |
||||
padding-left: 44px; |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
.lines { |
||||
height: calc(100vh - 392px); |
||||
overflow: auto; |
||||
} |
||||
|
||||
.line { |
||||
display: flex; |
||||
padding: 5px 0; |
||||
color: #333; |
||||
|
||||
} |
||||
|
||||
.able-check { |
||||
.line { |
||||
cursor: pointer; |
||||
|
||||
&:hover { |
||||
background-color: #f5f5f5; |
||||
} |
||||
|
||||
&.active { |
||||
background-color: #e5e5e5; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.serial { |
||||
width: 32px; |
||||
margin: 0 12px; |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
|
||||
&.first { |
||||
margin-left: 0; |
||||
} |
||||
} |
||||
|
||||
.stem { |
||||
max-width: calc(100% - 71px); |
||||
@include ellipsis; |
||||
} |
||||
|
||||
.checked-stem { |
||||
max-width: 165px; |
||||
@include ellipsis; |
||||
} |
||||
|
||||
.check-left { |
||||
display: inline-flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
.action-icon { |
||||
font-size: 14px; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
File diff suppressed because it is too large
Load Diff
@ -1,610 +0,0 @@ |
||||
<template> |
||||
<div> |
||||
<el-drawer :title="diaTitle" :visible.sync="selectQuesVisible" size="1200px" :close-on-click-modal="false" |
||||
custom-class="ques-dia" @closed="closeDia"> |
||||
<div class="wrap"> |
||||
<!-- 题库 --> |
||||
<div class="item"> |
||||
<p class="total m-b-10">题库</p> |
||||
<ul class="filter"> |
||||
<li class="m-b-10"> |
||||
<label>题库分类</label> |
||||
<el-cascader style="width: 240px;" placeholder="请选择题库分类" v-model="quesBankTypeVal" |
||||
:options="quesBankTypes" :props="{ value: 'id', label: 'name', checkStrictly: true }" clearable |
||||
@change="initQuesBank"></el-cascader> |
||||
</li> |
||||
<li> |
||||
<el-input placeholder="请输入题库名称" prefix-icon="el-icon-search" v-model="quesBankKeyword" clearable /> |
||||
</li> |
||||
</ul> |
||||
|
||||
<template v-if="quesBanks.length"> |
||||
<div class="line"> |
||||
<span class="serial">序号</span> |
||||
<span>题库名称</span> |
||||
</div> |
||||
|
||||
<div class="able-check lines"> |
||||
<div v-for="(item, i) in quesBanks" :key="i" :class="['line', { active: curQuesBank.id === item.id }]" |
||||
@click="questionBankClick(item)"> |
||||
<span class="serial">{{ i + 1 }}</span> |
||||
<p class="quesBank" :title="item.questionBankName">{{ item.questionBankName }}</p> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<div v-else class="empty"> |
||||
<img class="icon" src="@/assets/images/empty.svg" alt=""> |
||||
<p>暂无数据</p> |
||||
</div> |
||||
</div> |
||||
<!-- 题目 --> |
||||
<div class="item"> |
||||
<p class="total m-b-10">{{ questionTypeName }}（共{{ ques.length }}道题）</p> |
||||
|
||||
<ul class="filter"> |
||||
<li class="m-b-10"> |
||||
<label>知识点</label> |
||||
<el-cascader style="width: 240px;" placeholder="请选择知识点" v-model="knowledgeVal" :options="knowledges" |
||||
:props="{ value: 'id', label: 'name', multiple: true }" clearable @change="getQues"></el-cascader> |
||||
</li> |
||||
<li> |
||||
<el-input placeholder="请输入题干" prefix-icon="el-icon-search" v-model="knowledgeKeyword" clearable /> |
||||
</li> |
||||
</ul> |
||||
|
||||
<template v-if="ques.length"> |
||||
<div class="line"> |
||||
<el-checkbox v-model="quesAllCheck" @change="quesAllCheckChange"></el-checkbox> |
||||
<span class="serial">序号</span> |
||||
<span class="stem">题干</span> |
||||
<span class="kl">知识点</span> |
||||
</div> |
||||
|
||||
<div class="lines"> |
||||
<div v-for="(item, i) in ques" :key="i" class="line"> |
||||
<el-checkbox v-model="item.check" :disabled="item.disabled" |
||||
@change="val => quesChange(val, item)"></el-checkbox> |
||||
<span class="serial">{{ i + 1 }}</span> |
||||
<el-tooltip effect="dark" :content="item.stemText" placement="top-start"> |
||||
<p class="stem cursor-pointer" @click="toShowQues(item)">{{ item.stemText }}</p> |
||||
</el-tooltip> |
||||
<el-tooltip effect="dark" :content="item.knowledgePointName" placement="top-start"> |
||||
<p class="kl">{{ item.knowledgePointName }}</p> |
||||
</el-tooltip> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<div v-else class="empty"> |
||||
<img class="icon" src="@/assets/images/empty.svg" alt=""> |
||||
<p>暂无数据</p> |
||||
</div> |
||||
</div> |
||||
<!-- 已选试题 --> |
||||
<div class="item"> |
||||
<div v-if="$parent.curQues" class="m-b-20"> |
||||
<p class="total m-b-10">原试题（共1道题）</p> |
||||
<div v-html="$parent.curQues.stemText"></div> |
||||
</div> |
||||
|
||||
<div class="flex j-between a-center"> |
||||
<p v-if="$parent.curQues" class="total">更换试题（共{{ checked.length }}道题）</p> |
||||
<p v-else class="total">已选试题（共{{ checkedLen }}道题）</p> |
||||
<el-button type="text" @click="batchDelChecked">批量移除</el-button> |
||||
</div> |
||||
|
||||
<el-input class="m-t-10 m-b-10" placeholder="请输入题干/知识点" prefix-icon="el-icon-search" v-model="checkedKeyword" |
||||
clearable /> |
||||
|
||||
<template v-if="checked.length"> |
||||
<div class="ques"> |
||||
<div class="line"> |
||||
<el-checkbox v-model="checkedAllCheck" @change="checkedAllCheckChange"></el-checkbox> |
||||
<span class="serial">序号</span> |
||||
<span class="stem">题干</span> |
||||
<span class="kl">知识点</span> |
||||
</div> |
||||
|
||||
<div :class="['lines', { switch: $parent.curQues }]"> |
||||
<template v-for="(item, i) in checked"> |
||||
<div v-if="item.stemText.includes(checkedKeyword) || item.knowledgePointName.includes(checkedKeyword)" |
||||
:key="i" class="line"> |
||||
<div class="check-left"> |
||||
<el-checkbox v-model="item.check"></el-checkbox> |
||||
<span class="serial">{{ i + 1 }}</span> |
||||
<el-tooltip effect="dark" :content="item.stemText" placement="top-start"> |
||||
<p class="checked-stem">{{ item.stemText }}</p> |
||||
</el-tooltip> |
||||
<el-tooltip effect="dark" :content="item.knowledgePointName" placement="top-start"> |
||||
<p class="kl checked-kl">{{ item.knowledgePointName }}</p> |
||||
</el-tooltip> |
||||
</div> |
||||
<i class="el-icon-delete action-icon" @click="delChecked(item)"></i> |
||||
</div> |
||||
</template> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<div v-else class="empty"> |
||||
<img class="icon" src="@/assets/images/empty.svg" alt=""> |
||||
<p>暂无数据</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="flex j-between p-l-20 p-r-20"> |
||||
<p>未找到试题，<a class="link" @click="toAddQues">去新增</a></p> |
||||
<p>已选题数/目标题数：{{ checkedLen }}/{{ $parent.curType.questionNum }} |
||||
</p> |
||||
</div> |
||||
|
||||
<div class="btns"> |
||||
<el-button @click="selectQuesVisible = false">取消</el-button> |
||||
<el-button type="primary" :loading="submiting" @click="submit">确定</el-button> |
||||
</div> |
||||
</el-drawer> |
||||
|
||||
|
||||
<el-drawer title="新增试题" :visible.sync="addQuesVisible" size="1200px" :close-on-click-modal="false" |
||||
custom-class="add-dia"> |
||||
<QuesDetail :key="quesKey" :paperType.sync="paperType" :curQues.sync="curRow" @closeAdd="closeAdd" /> |
||||
</el-drawer> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import Setting from '@/setting' |
||||
import Util from '@/libs/util' |
||||
import _ from 'lodash' |
||||
import QuesConst from '@/const/ques' |
||||
import QuesDetail from '@/pages/ques/detail' |
||||
export default { |
||||
props: ['visible', 'questionType'], |
||||
components: { QuesDetail }, |
||||
data () { |
||||
return { |
||||
selectQuesVisible: false, |
||||
searchTimer: null, |
||||
quesBankKeyword: '', |
||||
curQuesBank: {}, |
||||
quesBankTypeVal: [], |
||||
quesBankTypes: [], |
||||
quesBanks: [], |
||||
pageQuesBank: 1, |
||||
pageSizeQuesBank: 10, |
||||
totalQuesBank: 0, |
||||
|
||||
knowledgeKeyword: '', |
||||
key: 1, |
||||
knowledgeVal: [], |
||||
knowledges: [], |
||||
quesAllCheck: false, |
||||
ques: [], |
||||
checkedAllCheck: false, |
||||
checked: [], |
||||
curCheckQues: [], |
||||
checkedKeyword: '', |
||||
submiting: false, |
||||
|
||||
quesVisible: false, |
||||
curRow: {}, |
||||
addQuesVisible: false, |
||||
quesKey: 1, |
||||
paperType: 1, |
||||
}; |
||||
}, |
||||
computed: { |
||||
// 外面已经添加的试题+当前弹框已经勾选的试题 |
||||
checkedLen () { |
||||
let len = this.curCheckQues.length + this.checked.length |
||||
if (this.$parent.curQues) len -= 1 |
||||
return len |
||||
}, |
||||
// 题型name |
||||
questionTypeName () { |
||||
return this.questionType ? QuesConst.questionTypes.find(e => e.id === this.questionType).name : '' |
||||
}, |
||||
// 弹框标题 |
||||
diaTitle () { |
||||
const { curQuesIndex, curQues } = this.$parent |
||||
return curQues ? |
||||
'更换试题' : |
||||
typeof curQuesIndex === 'number' ? |
||||
'添加试题' : |
||||
this.questionType ? `批量添加${QuesConst.questionTypes.find(e => e.id === this.questionType).name}` : '' |
||||
}, |
||||
}, |
||||
watch: { |
||||
'quesBankKeyword': function (val) { |
||||
clearTimeout(this.searchTimer) |
||||
this.searchTimer = setTimeout(this.initQuesBank, 500) |
||||
}, |
||||
'knowledgeKeyword': function (val) { |
||||
clearTimeout(this.searchTimer) |
||||
this.searchTimer = setTimeout(this.getQues, 500) |
||||
}, |
||||
visible () { |
||||
this.selectQuesVisible = this.visible |
||||
this.visible && this.init() |
||||
} |
||||
}, |
||||
mounted () { |
||||
|
||||
}, |
||||
methods: { |
||||
init () { |
||||
// 清空所有状态和数据 |
||||
this.key++ |
||||
this.knowledges = [] |
||||
this.ques = [] |
||||
this.checked = [] |
||||
this.quesAllCheck = false |
||||
this.checkedAllCheck = false |
||||
this.quesBankKeyword = '' |
||||
this.knowledgeKeyword = '' |
||||
|
||||
// 当前大题的小题列表 |
||||
const { curType, curQues } = this.$parent |
||||
if (curQues) curQues.stemText = Util.delTag(curQues.stem) |
||||
this.curCheckQues = curType.examQuestions |
||||
|
||||
this.getQuesBankType() |
||||
this.initQuesBank() |
||||
}, |
||||
// 获取题库分类 |
||||
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 |
||||
}) |
||||
const { records } = res.message |
||||
this.quesBanks = records |
||||
this.totalQuesBank = res.message.total |
||||
records.length && this.questionBankClick(records[0]) |
||||
} 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.getKnowledge() |
||||
this.getQues() |
||||
this.quesAllCheck = false |
||||
}, |
||||
|
||||
// 处理树形 |
||||
handleList (list) { |
||||
list.map(e => { |
||||
if (e.children && e.children.length) { |
||||
this.handleList(e.children) |
||||
} else { |
||||
delete e.children |
||||
} |
||||
}) |
||||
}, |
||||
|
||||
// 获取知识点 |
||||
async getKnowledge () { |
||||
try { |
||||
const { id } = this.curQuesBank |
||||
if (id) { |
||||
const { data } = await this.$post(this.api.TreeStructure, { |
||||
createSource: 1, |
||||
questionBankId: id, |
||||
keyword: '', |
||||
}) |
||||
this.handleList(data) |
||||
this.knowledges = data |
||||
} |
||||
} catch (e) { } |
||||
}, |
||||
// 获取试题 |
||||
async getQues () { |
||||
const { id } = this.curQuesBank |
||||
let k = this.knowledgeVal // 选中的知识点 |
||||
k = k.map(e => { |
||||
return e[e.length - 1] |
||||
}) |
||||
if (id) { |
||||
const { list } = await this.$post(this.api.findAllByQuestionBank, { |
||||
status: 1, |
||||
questionBankIds: [id], |
||||
knowledgePointIds: k, |
||||
questionTypes: this.questionType ? [this.questionType] : [], |
||||
keyword: this.knowledgeKeyword, |
||||
}) |
||||
const data = list |
||||
const { curCheckQues, checked } = this |
||||
data.map(e => { |
||||
e.stemText = Util.delTag(e.stem) |
||||
const quesChecked = !!curCheckQues.find(n => n.questionVersionId === e.questionVersionId) |
||||
e.disabled = quesChecked |
||||
e.check = !!checked.find(n => n.questionVersionId === e.questionVersionId) || quesChecked |
||||
}) |
||||
this.ques = data |
||||
} |
||||
}, |
||||
// 知识点勾选回调 |
||||
knowledgeCheck () { |
||||
|
||||
}, |
||||
// 题目全选回调 |
||||
quesAllCheckChange (val) { |
||||
this.ques.map(e => { |
||||
if (!e.disabled) { |
||||
e.check = val |
||||
this.quesChange(val, e) |
||||
} |
||||
}) |
||||
}, |
||||
// 题目多选回调 |
||||
quesChange (val, item) { |
||||
const cur = this.checked.findIndex(e => e.questionVersionId === item.questionVersionId) |
||||
// 选中 |
||||
if (val) { |
||||
if (cur === -1) { |
||||
const e = _.cloneDeep(item) |
||||
e.check = false |
||||
this.checked.push(e) |
||||
} |
||||
} else { |
||||
// 取消选中 |
||||
cur >= 0 && this.checked.splice(cur, 1) |
||||
} |
||||
}, |
||||
// 已选试题全选回调 |
||||
checkedAllCheckChange (val) { |
||||
this.checked.map(e => e.check = val) |
||||
}, |
||||
// 批量移除已选试题 |
||||
async batchDelChecked (val) { |
||||
try { |
||||
const checked = this.checked.filter(e => e.check) |
||||
if (checked.length) { |
||||
checked.map(e => { |
||||
const cur = this.ques.find(n => n.questionVersionId === e.questionVersionId) |
||||
if (cur) { |
||||
cur.check = false |
||||
} |
||||
}) |
||||
this.quesAllCheck = false |
||||
this.checkedAllCheck = false |
||||
this.checked = this.checked.filter(e => !e.check) |
||||
} else { |
||||
Util.warningMsg('请选择数据') |
||||
} |
||||
} catch (e) { } |
||||
}, |
||||
// 已选试题单个删除 |
||||
async delChecked (item) { |
||||
try { |
||||
const cur = this.ques.find(e => e.questionVersionId === item.questionVersionId) |
||||
if (cur) cur.check = false |
||||
this.checked.splice(this.checked.findIndex(e => e.questionVersionId === item.questionVersionId), 1) |
||||
} catch (e) { } |
||||
}, |
||||
// 新增试题 |
||||
toAddQues () { |
||||
this.quesKey++ |
||||
this.paperType = 1 |
||||
this.addQuesVisible = true |
||||
}, |
||||
// 查看试题 |
||||
toShowQues (ques) { |
||||
this.quesKey++ |
||||
this.curRow = ques |
||||
this.paperType = 3 |
||||
this.addQuesVisible = true |
||||
}, |
||||
// 关闭新增试题弹框 |
||||
closeAdd () { |
||||
this.addQuesVisible = false |
||||
}, |
||||
// 提交 |
||||
async submit () { |
||||
if (this.submiting) return false |
||||
const checked = _.cloneDeep(this.checked) |
||||
if (!checked.length) return Util.warningMsg('请选择试题') |
||||
|
||||
const { curType, curQuesIndex, curQues } = this.$parent |
||||
if (this.checkedLen > +curType.questionNum) return Util.warningMsg(`目标题数为${curType.questionNum}，已选题数不得大于目标题数`) |
||||
|
||||
try { |
||||
checked.map((e, i) => { |
||||
this.$set(e, 'check', false) |
||||
this.$set(e, 'sort', i + 1) |
||||
this.$set(e, 'originSort', i + 1) |
||||
this.$set(e, 'score', '') |
||||
this.$parent.handleQuesInfo(e) |
||||
}) |
||||
|
||||
if (curQues) { |
||||
// curQues即是小题，有则说明是更换试题，需要把该小题去掉，再添加进选中的试题 |
||||
this.curCheckQues.splice(curQuesIndex, 1, ...checked) |
||||
} else { |
||||
// curQuesIndex为数字，则是小题里面的添加试题打开的弹框，则把选择的试题添加到该小题后面；否则直接添加到最后面 |
||||
typeof curQuesIndex === 'number' ? |
||||
this.curCheckQues.splice(curQuesIndex + 1, 0, ...checked) : |
||||
this.curCheckQues.push(...checked) |
||||
} |
||||
// 给题目重新排序 |
||||
this.curCheckQues.map((e, i) => { |
||||
this.$set(e, 'serialNumber', i + 1) |
||||
}) |
||||
|
||||
this.$parent.calcDifficult() |
||||
this.selectQuesVisible = false |
||||
this.submiting = false |
||||
} catch (e) { |
||||
this.submiting = false |
||||
} |
||||
}, |
||||
// 弹框关闭回调 |
||||
closeDia () { |
||||
this.$emit('update:visible', false) |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
/deep/.ques-dia { |
||||
.el-drawer__header { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.wrap { |
||||
display: flex; |
||||
margin-bottom: 10px; |
||||
border: 1px solid #eee; |
||||
|
||||
.filter { |
||||
margin-bottom: 15px; |
||||
|
||||
li { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
label { |
||||
margin-right: 10px; |
||||
font-size: 14px; |
||||
color: #333; |
||||
white-space: nowrap; |
||||
} |
||||
} |
||||
|
||||
.item { |
||||
width: 38%; |
||||
padding: 15px; |
||||
border-right: 1px solid #eee; |
||||
|
||||
&:first-child { |
||||
width: 24%; |
||||
} |
||||
} |
||||
|
||||
.total { |
||||
font-size: 16px; |
||||
color: #333; |
||||
} |
||||
|
||||
.lines { |
||||
height: calc(100vh - 358px); |
||||
overflow: auto; |
||||
} |
||||
|
||||
.ques { |
||||
.lines { |
||||
height: calc(100vh - 328px); |
||||
overflow: auto; |
||||
|
||||
&.switch { |
||||
height: calc(100vh - 394px); |
||||
} |
||||
} |
||||
} |
||||
|
||||
.line { |
||||
display: flex; |
||||
padding: 5px 0; |
||||
color: #333; |
||||
} |
||||
|
||||
.able-check { |
||||
.line { |
||||
cursor: pointer; |
||||
|
||||
&:hover { |
||||
background-color: #f5f5f5; |
||||
} |
||||
|
||||
&.active { |
||||
background-color: #e5e5e5; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.serial { |
||||
width: 32px; |
||||
margin: 0 12px; |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
.quesBank { |
||||
width: calc(100% - 71px); |
||||
@include ellipsis; |
||||
} |
||||
|
||||
.stem { |
||||
width: calc(100% - 210px); |
||||
margin-right: 20px; |
||||
@include ellipsis; |
||||
|
||||
&:hover { |
||||
opacity: .9; |
||||
} |
||||
} |
||||
|
||||
.kl { |
||||
width: 120px; |
||||
@include ellipsis; |
||||
|
||||
&.checked-kl { |
||||
width: 100px; |
||||
margin-right: 10px; |
||||
} |
||||
} |
||||
|
||||
.checked-stem { |
||||
width: 190px; |
||||
margin-right: 20px; |
||||
@include ellipsis; |
||||
} |
||||
|
||||
.check-left { |
||||
display: inline-flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
.action-icon { |
||||
font-size: 14px; |
||||
} |
||||
} |
||||
|
||||
.link { |
||||
color: $main-color; |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
|
||||
/deep/.add-dia { |
||||
.el-drawer__header { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,119 +0,0 @@ |
||||
<template> |
||||
<el-drawer title="提示" :visible.sync="listVisible" size="800px" :close-on-press-escape="false" :wrapperClosable="false" |
||||
:show-close="false" custom-class="ques-dia" @closed="closeDia"> |
||||
<div class="wrap p-20"> |
||||
<el-alert title="以下试题在试卷中疑似出现重复，是否要继续发布！" type="warning" effect="dark" :closable="false" /> |
||||
<el-table class="m-t-10" :data="data" stripe header-align="center" row-key="uuid"> |
||||
<el-table-column prop="outlineName" label="大题名称" align="center" width="90"></el-table-column> |
||||
<el-table-column prop="serialNumber" label="题号" align="center" width="60"></el-table-column> |
||||
<el-table-column prop="stem" label="题干" align="center" min-width="120"> |
||||
<template slot-scope="scope"> |
||||
<div v-html="scope.row.stem"></div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="操作" align="center" width="140"> |
||||
<template slot-scope="scope"> |
||||
<el-button type="text" @click="toQues(scope.row)">详情</el-button> |
||||
<el-button type="text" @click="delQues(scope.row, scope.$index)">移除</el-button> |
||||
<!-- <el-button type="text" @click="switchQues(scope.row, scope.$index)">替换</el-button> --> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</div> |
||||
<div class="btns"> |
||||
<el-button type="primary" @click="check">检查一下</el-button> |
||||
<el-button :loading="submiting" @click="submit">继续发布</el-button> |
||||
</div> |
||||
</el-drawer> |
||||
</template> |
||||
<script> |
||||
import _ from 'lodash' |
||||
export default { |
||||
props: ['visible', 'list'], |
||||
data () { |
||||
return { |
||||
listVisible: false, |
||||
data: [], |
||||
submiting: false, |
||||
}; |
||||
}, |
||||
watch: { |
||||
visible () { |
||||
this.listVisible = this.visible |
||||
this.visible && this.init() |
||||
} |
||||
}, |
||||
mounted () { |
||||
|
||||
}, |
||||
methods: { |
||||
init () { |
||||
this.data = this.list |
||||
}, |
||||
// 详情 |
||||
toQues (row) { |
||||
const paper = this.$parent.form.paperOutline |
||||
this.$parent.toQues(paper[row.paperIndex], row.quesIndex, paper[row.paperIndex].examQuestions[row.quesIndex], 3) |
||||
}, |
||||
// 移除 |
||||
async delQues (row, i) { |
||||
try { |
||||
await this.$confirm(`确认要移除吗？`, '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning', |
||||
closeOnClickModal: false, |
||||
}) |
||||
this.$parent.delQues(this.$parent.form.paperOutline[row.paperIndex], row.quesIndex, 1) |
||||
|
||||
const { data } = this |
||||
data.splice(i, 1) |
||||
data.map(e => e.repeat = false) |
||||
this.data = this.$parent.hasRepeatQues(data) |
||||
} catch (e) { } |
||||
}, |
||||
// 替换 |
||||
switchQues (row) { |
||||
const paper = this.$parent.form.paperOutline |
||||
this.$parent.showManualDia(paper[row.paperIndex], row.quesIndex, paper[row.paperIndex].examQuestions[row.quesIndex]) |
||||
this.listVisible = false |
||||
}, |
||||
// 检查一下 |
||||
async check () { |
||||
const { data } = this |
||||
this.$parent.form.paperOutline.map(e => { |
||||
e.examQuestions.map(n => { |
||||
this.$set(n, 'repeat', !!data.find(m => m.questionVersionId === n.questionVersionId)) |
||||
}) |
||||
}) |
||||
this.$parent.submiting = false |
||||
this.listVisible = false |
||||
}, |
||||
// 提交 |
||||
async submit () { |
||||
if (this.submiting) return false |
||||
this.submiting = true |
||||
await this.$parent.saveTestPaper() |
||||
this.submiting = false |
||||
}, |
||||
// 弹框关闭回调 |
||||
closeDia () { |
||||
this.$parent.submiting = false |
||||
this.$emit('update:visible', false) |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
/deep/.ques-dia { |
||||
.el-drawer__header { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.wrap { |
||||
max-height: calc(100vh - 110px); |
||||
overflow: auto; |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,329 +0,0 @@ |
||||
<template> |
||||
<div> |
||||
<el-dialog title="选择试卷大纲模板" :visible.sync="listVisible" width="1200px" :close-on-click-modal="false" |
||||
@closed="closeDia"> |
||||
<div class="tool"> |
||||
<ul class="filter"> |
||||
<li> |
||||
<label>题型</label> |
||||
<el-select v-model="questionType" multiple clearable placeholder="请选择题目类型" @change="initData"> |
||||
<el-option v-for="(item, i) in questionTypes" :key="i" :value="item.id" :label="item.name"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>搜索</label> |
||||
<el-input style="width: 250px;" placeholder="请输入模板名称" prefix-icon="el-icon-search" v-model="templateName" |
||||
clearable /> |
||||
</li> |
||||
</ul> |
||||
<div> |
||||
<el-button type="primary" @click="add">新增模板</el-button> |
||||
</div> |
||||
</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="templateName" label="模板名称" align="center" min-width="100"></el-table-column> |
||||
<el-table-column prop="questionTypeName" label="题型" align="center" min-width="140"></el-table-column> |
||||
<el-table-column prop="outlineNum" label="大题数" align="center" width="60"></el-table-column> |
||||
<el-table-column prop="questionNum" label="小题总数" align="center" width="80"></el-table-column> |
||||
<el-table-column prop="totalScore" label="总分" align="center" width="60"></el-table-column> |
||||
<el-table-column prop="createTime" label="创建时间" align="center" width="160"></el-table-column> |
||||
<el-table-column prop="createUser" label="创建人" align="center" width="80"></el-table-column> |
||||
<el-table-column label="操作" align="center" width="150"> |
||||
<template slot-scope="scope"> |
||||
<el-button type="text" @click="useTemplate(scope.row, 0)">使用模板</el-button> |
||||
<el-button type="text" @click="edit(scope.row, 1)">编辑</el-button> |
||||
<el-button type="text" @click="del(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> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button @click="listVisible = false">关闭</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
|
||||
<el-dialog title="新增模板" :visible.sync="detailVisible" width="800px" :close-on-click-modal="false"> |
||||
<el-form :model="form" :rules="rules" label-width="100px"> |
||||
<el-form-item prop="templateName" label="模板名称"> |
||||
<el-input placeholder="请输入模板名称" v-model="form.templateName" /> |
||||
</el-form-item> |
||||
</el-form> |
||||
|
||||
<el-table :data="form.paperOutline" stripe header-align="center" row-key="id"> |
||||
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
||||
<el-table-column prop="outlineName" label="大题" align="center" min-width="120"> |
||||
<template slot-scope="scope">第{{ arabicToChinese(scope.$index + 1) }}大题</template> |
||||
</el-table-column> |
||||
<el-table-column prop="name" label="题型" align="center" min-width="120"> |
||||
<template slot-scope="scope"> |
||||
<el-select v-model="scope.row.questionType" placeholder="请选择题型"> |
||||
<el-option v-for="(item, i) in questionTypes" :key="i" :label="item.name" :value="item.id"></el-option> |
||||
</el-select> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="name" label="目标题数" align="center" min-width="120"> |
||||
<template slot-scope="scope"> |
||||
<el-input placeholder="请输入目标题数" v-model="scope.row.questionNum" type="number" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="name" label="目标分值" align="center" min-width="120"> |
||||
<template slot-scope="scope"> |
||||
<el-input placeholder="请输入目标分值" v-model="scope.row.targetScore" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="操作" align="center" width="120"> |
||||
<template slot-scope="scope"> |
||||
<i class="el-icon-circle-plus-outline action-icon m-r-10" @click="addLine(scope.$index)"></i> |
||||
<i v-if="form.paperOutline.length > 1" class="el-icon-remove-outline action-icon" |
||||
@click="delLine(scope.$index)"></i> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<p class="m-t-10 text-right">目标总题数：{{ questionNum }}；目标总分：{{ totalScore }}</p> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button @click="detailVisible = false">取消</el-button> |
||||
<el-button type="primary" v-loading="submiting" @click="submit">保存模板</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import Setting from '@/setting' |
||||
import Util from '@/libs/util' |
||||
import _ from 'lodash' |
||||
import QuesConst from '@/const/ques' |
||||
export default { |
||||
props: ['visible'], |
||||
data () { |
||||
return { |
||||
arabicToChinese: Util.arabicToChinese, |
||||
questionTypes: QuesConst.questionTypes, |
||||
listVisible: false, |
||||
searchTimer: null, |
||||
|
||||
templateName: '', |
||||
questionType: [], |
||||
list: [], |
||||
page: 1, |
||||
pageSize: 10, |
||||
total: 0, |
||||
|
||||
detailVisible: false, |
||||
originForm: {}, |
||||
form: { |
||||
templateName: '', |
||||
paperOutline: [ |
||||
{ |
||||
examQuestions: [], |
||||
outlineName: '单选题', |
||||
questionNum: '', |
||||
questionType: 'single_choice', |
||||
targetScore: '', |
||||
}, |
||||
{ |
||||
examQuestions: [], |
||||
outlineName: '多选题', |
||||
questionNum: '', |
||||
questionType: 'multiple_choice', |
||||
targetScore: '', |
||||
}, |
||||
{ |
||||
examQuestions: [], |
||||
outlineName: '判断题', |
||||
questionNum: '', |
||||
questionType: 'judgement', |
||||
targetScore: '', |
||||
}, |
||||
{ |
||||
examQuestions: [], |
||||
outlineName: '填空题', |
||||
questionNum: '', |
||||
questionType: 'fill_blank', |
||||
targetScore: '', |
||||
}, |
||||
{ |
||||
examQuestions: [], |
||||
outlineName: '问答题', |
||||
questionNum: '', |
||||
questionType: 'essay', |
||||
targetScore: '', |
||||
}, |
||||
], |
||||
}, |
||||
rules: { |
||||
templateName: [ |
||||
{ required: true, message: '请输入模板名称', trigger: 'blur' } |
||||
], |
||||
}, |
||||
submiting: false, |
||||
|
||||
}; |
||||
}, |
||||
computed: { |
||||
questionNum () { |
||||
return this.form.paperOutline.reduce((e, j) => (e += +j.questionNum), 0) |
||||
}, |
||||
totalScore () { |
||||
return this.form.paperOutline.reduce((e, j) => (e += +j.targetScore), 0) |
||||
} |
||||
}, |
||||
watch: { |
||||
templateName: function (val) { |
||||
clearTimeout(this.searchTimer) |
||||
this.searchTimer = setTimeout(this.initData, 500) |
||||
}, |
||||
visible () { |
||||
this.listVisible = this.visible |
||||
this.visible && this.getList() |
||||
} |
||||
}, |
||||
mounted () { |
||||
this.originForm = _.cloneDeep(this.form) |
||||
}, |
||||
methods: { |
||||
// 获取模板列表 |
||||
async getList () { |
||||
try { |
||||
const res = await this.$post(this.api.examPaperTemplateList, { |
||||
pageNum: this.page, |
||||
pageSize: this.pageSize, |
||||
questionType: this.questionType.join(), |
||||
templateName: this.templateName |
||||
}) |
||||
const list = res.pageList.records |
||||
const types = QuesConst.questionTypes |
||||
list.map(e => { |
||||
const names = [] |
||||
e.questionType.split('、').map(n => { |
||||
const item = types.find(m => m.id === n) |
||||
item && names.push(item.name) |
||||
}) |
||||
if (names.length) e.questionTypeName = names.join('、') |
||||
}) |
||||
this.list = list |
||||
this.total = res.pageList.total |
||||
} catch (e) { } |
||||
}, |
||||
// 切换页码 |
||||
currentChange (val) { |
||||
this.page = val |
||||
this.getList() |
||||
}, |
||||
initData () { |
||||
this.page = 1 |
||||
this.getList() |
||||
}, |
||||
// 新增 |
||||
add () { |
||||
this.form = _.cloneDeep(this.originForm) |
||||
this.detailVisible = true |
||||
}, |
||||
// 试卷大纲添加行 |
||||
addLine (i) { |
||||
this.form.paperOutline.splice(i + 1, 0, { |
||||
examQuestions: [], |
||||
outlineName: '', |
||||
questionNum: '', |
||||
questionType: '', |
||||
targetScore: '', |
||||
}) |
||||
}, |
||||
// 试卷大纲移除行 |
||||
delLine (i) { |
||||
this.form.paperOutline.length > 1 && this.form.paperOutline.splice(i, 1) |
||||
}, |
||||
// 使用模板 |
||||
async useTemplate (row) { |
||||
const data = await this.getDetail(row.templateId) |
||||
data.paperOutline.map(e => { |
||||
e.shrink = false |
||||
e.checkAll = false |
||||
e.examQuestions = [] |
||||
}) |
||||
this.$parent.form.paperOutline = data.paperOutline |
||||
this.$parent.templateName = data.templateName |
||||
this.listVisible = false |
||||
}, |
||||
// 获取详情 |
||||
async getDetail (id) { |
||||
const res = await this.$get(this.api.templateDetails, { |
||||
id |
||||
}) |
||||
return res.template |
||||
}, |
||||
// 编辑 |
||||
async edit (row) { |
||||
this.detailVisible = true |
||||
const data = await this.getDetail(row.templateId) |
||||
this.form = data |
||||
}, |
||||
// 删除 |
||||
async del (row) { |
||||
try { |
||||
await this.$confirm(`确认要删除【${row.templateName}】吗？`, '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning', |
||||
closeOnClickModal: false, |
||||
}) |
||||
await this.$post(this.api.deleteTemplate, { |
||||
ids: [row.templateId] |
||||
}) |
||||
Util.successMsg('删除成功') |
||||
this.getList() |
||||
} catch (e) { } |
||||
}, |
||||
// 提交 |
||||
async submit () { |
||||
if (this.submiting) return false |
||||
const { form } = this |
||||
if (!form.templateName) return Util.warningMsg('请输入模板名称') |
||||
let invalid = 0 |
||||
for (const e of form.paperOutline) { |
||||
if (!e.questionType) { |
||||
Util.warningMsg('请选择题型') |
||||
invalid = 1 |
||||
break |
||||
} |
||||
if (!e.questionNum) { |
||||
Util.warningMsg('请输入目标题数') |
||||
invalid = 1 |
||||
break |
||||
} |
||||
if (!e.targetScore) { |
||||
Util.warningMsg('请输入目标分值') |
||||
invalid = 1 |
||||
break |
||||
} |
||||
} |
||||
if (invalid) return false |
||||
this.submiting = true |
||||
form.createSource = 1 |
||||
form.questionNum = this.questionNum |
||||
form.totalScore = this.totalScore |
||||
form.outlineNum = form.paperOutline.length |
||||
form.questionType = [...new Set(form.paperOutline.map(e => e.questionType))].join('、') |
||||
try { |
||||
await this.$post(this.api.saveExamPaperTemplate, form) |
||||
Util.successMsg('保存成功') |
||||
this.detailVisible = false |
||||
this.submiting = false |
||||
this.getList() |
||||
} catch (e) { |
||||
this.submiting = false |
||||
} |
||||
}, |
||||
// 弹框关闭回调 |
||||
closeDia () { |
||||
this.$emit('update:visible', false) |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
@ -1,706 +0,0 @@ |
||||
<template> |
||||
<div class="index"> |
||||
<div class="top"> |
||||
<p class="names">{{ form.name }}</p> |
||||
|
||||
<div class="count m-r-30"> |
||||
用时 |
||||
<span>{{ timeSum.day }}</span>天 |
||||
<span>{{ timeSum.hour }}</span>小时 |
||||
<span>{{ timeSum.minutes }}</span>分 |
||||
<span>{{ timeSum.seconds }}</span>秒 |
||||
</div> |
||||
|
||||
<img class="exit" src="@/assets/images/exit.svg" alt="" @click="close"> |
||||
</div> |
||||
|
||||
<div class="wrap"> |
||||
<div class="left"> |
||||
<h6 class="title">答题卡</h6> |
||||
<div class="progress"> |
||||
<p class="fs-14">答题进度</p> |
||||
<el-progress class="m-t-5 m-b-5" :percentage="progress" :format="progressFormat"></el-progress> |
||||
<p>共{{ form.questionCount }}题，满分{{ form.score }}分</p> |
||||
</div> |
||||
<div v-if="form.paperOutline" class="type-wrap"> |
||||
<div v-for="(item, i) in form.paperOutline" :key="i" class="type"> |
||||
<h6 class="stem">{{ arabicToChinese(i + 1) }}、{{ item.outlineName }}（本题共{{ item.questionNum }}小题，共{{ |
||||
item.targetScore }}分）</h6> |
||||
<ul class="serials"> |
||||
<template v-for="(ques, j) in item.examQuestions"> |
||||
<li |
||||
v-if="!sheetStatus || (sheetStatus === 1 && !ques.answered) || (sheetStatus === 2 && ques.answered) || (sheetStatus === 3 && ques.partAnswer) || (sheetStatus === 4 && ques.sign)" |
||||
:key="j" :class="{ answered: ques.answered, partAnswer: ques.partAnswer }" |
||||
@click="scrollToQues(ques, item)"> |
||||
<img v-if="ques.sign" class="tag" src="@/assets/images/tag-active.svg" alt=""> |
||||
{{ j + 1 }} |
||||
</li> |
||||
</template> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<ul class="status-filter"> |
||||
<li :class="{ active: sheetStatus === 1 }" @click="filterStatus(1)">未作答</li> |
||||
<li :class="{ active: sheetStatus === 2 }" @click="filterStatus(2)">已作答</li> |
||||
<li :class="{ active: sheetStatus === 3 }" @click="filterStatus(3)">部分已作答</li> |
||||
<li :class="{ active: sheetStatus === 4 }" @click="filterStatus(4)"><img class="tag" |
||||
src="@/assets/images/tag-active.svg" alt=""> 已标记</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<ul v-if="form.paperOutline" class="ques-wrap" id="quesWrap"> |
||||
<li v-for="(item, i) in form.paperOutline" :key="i"> |
||||
<div class="outline"> |
||||
{{ arabicToChinese(i + 1) }}、{{ item.outlineName }}（本题共{{ item.questionNum }}小题，共{{ |
||||
item.targetScore }}分） |
||||
<img :class="['shrink', { active: item.shrink }]" src="@/assets/images/shrink.svg" alt="" |
||||
@click="item.shrink = !item.shrink"> |
||||
</div> |
||||
<div :class="['ques', { hide: item.shrink }]"> |
||||
<div v-for="(ques, j) in item.examQuestions" :key="j" |
||||
:class="['item', { disabled: !ques.status, del: ques.isDel, repeat: ques.repeat }]" |
||||
:id="'ques' + ques.id"> |
||||
<div class="stem-wrap"> |
||||
<span class="label">{{ j + 1 }} / {{ item.questionNum }}</span> |
||||
<span class="label">{{ item.questionTypeName }}</span> |
||||
<div class="stem html-parse" :id="'stem' + ques.id" v-html="getQuesStem(ques)"></div> |
||||
<p v-if="item.questionType !== 'fill_blank'">（{{ ques.score }}分）</p> |
||||
<img class="tag" :src="require('@/assets/images/' + (ques.sign ? 'tag-active' : 'tag') + '.svg')" alt="" |
||||
@click="ques.sign = ques.sign ? 0 : 1"> |
||||
</div> |
||||
|
||||
<!-- 单选、多选、判断的选项 --> |
||||
<template |
||||
v-if="item.questionType !== 'fill_blank' && item.questionType !== 'essay' && ques.questionAnswerVersionsList"> |
||||
<div v-for="(opt, j) in ques.questionAnswerVersionsList" :key="j" class="opt"> |
||||
<el-checkbox v-if="item.questionType === 'multiple_choice'" v-model="opt.answer" :true-label="1" |
||||
@change="mulChange(ques)"></el-checkbox> |
||||
<el-radio v-else v-model="opt.answer" :true-label="1" :label="1" |
||||
@change="singleChange(ques, j)"></el-radio> |
||||
|
||||
<span>{{ numToLetter(j) }}. </span> |
||||
<div class="text html-parse" v-html="opt.optionText"></div> |
||||
</div> |
||||
</template> |
||||
<!-- 简答题需要展示题干文件及富文本 --> |
||||
<template v-if="item.questionType === 'essay'"> |
||||
<div v-if="ques.stemAttachment" class="m-b-20"> |
||||
<el-link class="m-r-10" type="primary" @click="preview(ques.stemAttachment)">{{ ques.fileName |
||||
|| ques.stemAttachment |
||||
}}</el-link> |
||||
<el-button type="primary" size="mini" round |
||||
@click="download(ques.fileName || ques.stemAttachment, ques.stemAttachment)">下载</el-button> |
||||
</div> |
||||
<UeditorPlus :ref="'essayAnswer' + ques.id" v-model="ques.answer" |
||||
@ready="editor => essayAnswerReady(editor, ques)" /> |
||||
<div v-if="ques.allowAttachment" class="m-t-20"> |
||||
<div v-if="ques.uploadInstructions" class="flex m-b-10 fs-12"> |
||||
<span>上传要求说明：</span> |
||||
<div class="html-parse" v-html="ques.uploadInstructions"></div> |
||||
</div> |
||||
<el-upload action="#"> |
||||
<el-button size="small" type="primary">上传文件</el-button> |
||||
</el-upload> |
||||
</div> |
||||
</template> |
||||
</div> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<el-dialog title="图片预览" :visible.sync="previewImgVisible" width="800px" :close-on-click-modal="false"> |
||||
<el-image style="max-width: 100px; max-height: 100px" :src="previewImg" :preview-src-list="[previewImg]"> |
||||
</el-image> |
||||
</el-dialog> |
||||
<PdfDia :key="pdfVisible" :visible.sync="pdfVisible" :src.sync="pdfSrc" /> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import Util from '@/libs/util' |
||||
import Setting from "@/setting" |
||||
import QuesConst from '@/const/ques' |
||||
import TestPaperConst from '@/const/testPaper' |
||||
import _ from 'lodash' |
||||
import Oss from '@/components/upload/upload.js' |
||||
import Upload from '@/components/upload' |
||||
import UeditorPlus from '@/components/ueditorPlus' |
||||
import PdfDia from '@/components/pdf' |
||||
|
||||
export default { |
||||
components: { |
||||
Upload, UeditorPlus, PdfDia |
||||
}, |
||||
data () { |
||||
return { |
||||
questionTypes: QuesConst.questionTypes, |
||||
numToLetter: Util.numToLetter, |
||||
arabicToChinese: Util.arabicToChinese, |
||||
id: +this.$route.query.id, |
||||
entryTime: '', |
||||
counterTimer: null, // 获取setInterval对象值 |
||||
timeSumVal: 0, |
||||
// 用时 |
||||
timeSum: { |
||||
day: 0, |
||||
seconds: 0, |
||||
minutes: 0, |
||||
hour: 0, |
||||
}, |
||||
totalAnswered: 0, |
||||
progress: 0, |
||||
sheetStatus: '', |
||||
form: { |
||||
questionCount: 0, |
||||
}, |
||||
previewImgVisible: false, |
||||
previewImg: '', |
||||
pdfVisible: false, |
||||
pdfSrc: '', |
||||
}; |
||||
}, |
||||
mounted () { |
||||
this.$once('hook:beforeDestroy', function () { |
||||
clearInterval(this.counterTimer) |
||||
}) |
||||
|
||||
this.getPaper() |
||||
}, |
||||
methods: { |
||||
// 获取试卷详情 |
||||
async getPaper (now) { |
||||
try { |
||||
this.entryTime = await Util.getNow() |
||||
const { id } = this |
||||
if (id) { |
||||
// 试卷详情 |
||||
const { examPaper } = await this.$get(this.api.examPaperDetails, { id }) |
||||
|
||||
this.startCount() |
||||
|
||||
const r = examPaper |
||||
const paper = r.paperOutline |
||||
const types = this.questionTypes |
||||
paper.map(e => { |
||||
const type = e.questionType |
||||
e.questionTypeName = types.find(n => n.id === type).name |
||||
e.shrink = false |
||||
e.examQuestions.map(n => { |
||||
Object.assign(n, n.question) |
||||
n.sign = 0 |
||||
const opts = n.questionAnswerVersionsList |
||||
if (type !== 'fill_blank' && type !== 'essay' && opts) { // 选择题 |
||||
opts.map(m => { |
||||
m.answer = 0 |
||||
}) |
||||
} else { // 简答题 |
||||
n.answer = '' |
||||
// 附件 |
||||
n.uploadList = [] |
||||
} |
||||
}) |
||||
}) |
||||
this.form = r |
||||
|
||||
// 给填空题的每个空监听input事件，用以显示已作答状态 |
||||
this.$nextTick(() => { |
||||
paper.map(e => { |
||||
e.examQuestions.map(n => { |
||||
if (e.questionType === 'fill_blank') { |
||||
const stem = document.querySelector(`#stem` + n.id) |
||||
if (stem) { |
||||
const inputs = stem.querySelectorAll('.fill-input') |
||||
if (inputs) { |
||||
for (const e of inputs) { |
||||
e.addEventListener('input', () => { |
||||
const answers = [] |
||||
for (const e of inputs) { |
||||
e.value && answers.push(e.value) |
||||
} |
||||
n.answered = answers.length === inputs.length ? 1 : 0 |
||||
n.partAnswer = answers.length && answers.length !== inputs.length ? 1 : 0 |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
} |
||||
}) |
||||
}) |
||||
this.calcProgress() |
||||
}) |
||||
} |
||||
} catch (e) { } |
||||
}, |
||||
// 计时器 |
||||
handleCounter (counterTime, isCount) { |
||||
let leave1 = counterTime % (24 * 3600) //计算天数后剩余的毫秒数 |
||||
let leave2 = leave1 % 3600 //计算小时数后剩余的毫秒数 |
||||
let leave3 = leave2 % 60 //计算分钟数后剩余的毫秒数 |
||||
let day = Math.floor(counterTime / (24 * 3600)) //计算相差天数 |
||||
let hour = Math.floor(leave1 / 3600) //计算相差小时 |
||||
let minutes = Math.floor(leave2 / 60) //计算相差分钟 |
||||
let seconds = Math.round(leave3) //计算相差秒 |
||||
day = this.timeFormat(day) |
||||
hour = this.timeFormat(hour) |
||||
minutes = this.timeFormat(minutes) |
||||
seconds = this.timeFormat(seconds) |
||||
const count = this[isCount ? 'counterVal' : 'timeSum'] |
||||
count.day = day |
||||
count.hour = hour |
||||
count.minutes = minutes |
||||
count.seconds = seconds |
||||
}, |
||||
// 启动倒计时 |
||||
startCount () { |
||||
clearInterval(this.counterTimer) |
||||
this.counterTimer = setInterval(() => { |
||||
this.timeSumVal >= 0 && this.handleCounter(this.timeSumVal++) |
||||
}, 1000) |
||||
}, |
||||
timeFormat (param) { |
||||
return param < 10 ? '0' + param : param |
||||
}, |
||||
// 计算答题进度 |
||||
calcProgress () { |
||||
let answered = 0 |
||||
this.form.paperOutline.map(e => { |
||||
answered += e.examQuestions.filter(n => n.answered).length |
||||
}) |
||||
this.totalAnswered = answered |
||||
this.progress = +(answered / this.form.questionCount * 100).toFixed(1) |
||||
}, |
||||
// 答题进度格式 |
||||
progressFormat (e) { |
||||
return this.totalAnswered + '/' + this.form.questionCount |
||||
}, |
||||
scrollToSmooth (position, duration) { |
||||
let startTime = Date.now() |
||||
|
||||
function scroll () { |
||||
let now = Date.now() |
||||
let progress = Math.min(1, (now - startTime) / duration) |
||||
document.querySelector('#quesWrap').scrollTo(0, position * progress) |
||||
|
||||
if (progress < 1) { |
||||
window.requestAnimationFrame(scroll) |
||||
} |
||||
} |
||||
|
||||
window.requestAnimationFrame(scroll) |
||||
}, |
||||
// 答题卡题目点击滚动 |
||||
scrollToQues (e, item) { |
||||
item.shrink = false |
||||
const el = document.querySelector('#ques' + e.id) |
||||
this.$nextTick(() => { |
||||
el && this.scrollToSmooth(el.offsetTop - document.querySelector('#quesWrap').offsetTop, 200) |
||||
}) |
||||
}, |
||||
// 答题卡筛选 |
||||
filterStatus (e) { |
||||
this.sheetStatus = this.sheetStatus === e ? '' : e |
||||
}, |
||||
// 处理题干显示 |
||||
getQuesStem (ques) { |
||||
let { stem } = ques |
||||
if (ques.questionType === 'fill_blank') { // 填空题 |
||||
let { fills } = ques |
||||
|
||||
const regex = /<span class="gapfilling-span" data-id="(.*?)">______<\/span>/g |
||||
let match |
||||
let index = 0 // 用于跟踪索引 |
||||
let result = stem |
||||
|
||||
while ((match = regex.exec(stem)) !== null) { |
||||
const newInput = `<input type="text" class="fill-input" value="${fills && fills.length ? fills[index] : ''}">` |
||||
result = result.replace(match[0], newInput) |
||||
index++ |
||||
} |
||||
return result |
||||
} else { |
||||
return stem |
||||
} |
||||
}, |
||||
// 单选题回调 |
||||
singleChange (ques, j) { |
||||
ques.questionAnswerVersionsList.map(e => { |
||||
e.answer = 0 |
||||
}) |
||||
ques.questionAnswerVersionsList[j].answer = 1 |
||||
|
||||
ques.answered = 1 |
||||
this.calcProgress() |
||||
}, |
||||
// 多选题回调 |
||||
mulChange (ques) { |
||||
ques.answered = ques.questionAnswerVersionsList.some(e => e.answer) |
||||
this.calcProgress() |
||||
}, |
||||
|
||||
// 简答题富文本加载完毕回调 |
||||
essayAnswerReady (editor, ques) { |
||||
editor.ques = ques |
||||
editor.addListener('contentChange', () => { |
||||
ques.answered = editor.getContent() ? 1 : 0 |
||||
this.calcProgress() |
||||
}) |
||||
ques.answer && editor.setContent(ques.answer) |
||||
}, |
||||
// 预览附件 |
||||
preview (url) { |
||||
const ext = url.split('.').pop() |
||||
if (Util.isDoc(ext)) { |
||||
window.open('https://view.officeapps.live.com/op/view.aspx?src=' + url) |
||||
} else if (Util.isImg(ext)) { |
||||
this.previewImgVisible = true |
||||
this.previewImg = url |
||||
} else if (ext === 'pdf') { |
||||
this.pdfVisible = true |
||||
this.pdfSrc = url |
||||
} |
||||
}, |
||||
// 下载附件 |
||||
download (name, url) { |
||||
Util.downloadFile(name, url) |
||||
}, |
||||
handleRemove (ques) { |
||||
Oss.del(ques.attachmentUrl) |
||||
ques.attachmentName = '' |
||||
ques.attachmentUrl = '' |
||||
}, |
||||
uploadSuccess (file, ques) { |
||||
ques.attachmentName = file.name |
||||
ques.attachmentUrl = file.url |
||||
}, |
||||
// 解析富文本加载完毕回调 |
||||
answerAnalysisReady (editor) { |
||||
this.answerAnalysis && editor.setContent(this.answerAnalysis) |
||||
}, |
||||
close () { |
||||
window.close() |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.top { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
padding: 10px 20px; |
||||
color: #fff; |
||||
background-color: #5786fc; |
||||
|
||||
.item { |
||||
display: inline-flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
.names { |
||||
font-size: 18px; |
||||
font-weight: 600; |
||||
} |
||||
|
||||
.submit { |
||||
width: 106px; |
||||
font-size: 15px; |
||||
} |
||||
|
||||
.exit { |
||||
margin-left: 20px; |
||||
cursor: pointer; |
||||
|
||||
&:hover { |
||||
opacity: .9; |
||||
} |
||||
} |
||||
} |
||||
|
||||
/deep/.wrap { |
||||
display: flex; |
||||
padding: 15px; |
||||
|
||||
.left { |
||||
width: 300px; |
||||
margin-right: 15px; |
||||
background-color: #fff; |
||||
|
||||
.title { |
||||
padding: 10px 0; |
||||
font-size: 16px; |
||||
text-align: center; |
||||
color: #333; |
||||
} |
||||
|
||||
.progress { |
||||
padding: 10px; |
||||
color: #5a5a5a; |
||||
background-color: #d4e9ff; |
||||
} |
||||
|
||||
.type-wrap { |
||||
max-height: calc(100vh - 248px); |
||||
padding: 10px; |
||||
overflow: auto; |
||||
|
||||
.type { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.stem { |
||||
font-size: 15px; |
||||
color: #333; |
||||
} |
||||
} |
||||
|
||||
.serials { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
margin-top: 5px; |
||||
|
||||
li { |
||||
position: relative; |
||||
width: 35px; |
||||
margin: 7px 9px; |
||||
font-size: 13px; |
||||
text-align: center; |
||||
line-height: 35px; |
||||
color: #505050; |
||||
border: 1px solid #d3d3d3; |
||||
cursor: pointer; |
||||
|
||||
&:hover { |
||||
opacity: .9; |
||||
} |
||||
|
||||
&.answered { |
||||
color: #fff; |
||||
background-color: #66b2ff; |
||||
border-color: #66b2ff; |
||||
} |
||||
|
||||
&.partAnswer { |
||||
border-color: #66b2ff; |
||||
} |
||||
} |
||||
|
||||
.tag { |
||||
position: absolute; |
||||
top: -2px; |
||||
left: -4px; |
||||
} |
||||
} |
||||
|
||||
.status-filter { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
padding: 10px; |
||||
border-top: 1px solid #e5e5e5; |
||||
|
||||
li { |
||||
display: inline-flex; |
||||
align-items: center; |
||||
padding: 0 3px; |
||||
font-size: 12px; |
||||
color: #333; |
||||
cursor: pointer; |
||||
border: 1px solid transparent; |
||||
|
||||
&:not(:last-child):before { |
||||
content: ''; |
||||
width: 13px; |
||||
height: 13px; |
||||
margin-right: 5px; |
||||
border: 1px solid #ccc; |
||||
} |
||||
|
||||
&:nth-child(2):before { |
||||
background-color: #56aaff; |
||||
border: 0; |
||||
} |
||||
|
||||
&:nth-child(3):before { |
||||
border-color: #56aaff; |
||||
} |
||||
|
||||
&.active { |
||||
font-weight: 600; |
||||
color: #007eff; |
||||
border-color: #007eff; |
||||
|
||||
&:last-child { |
||||
color: #d81e06; |
||||
border-color: #d81e06; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.ques-wrap { |
||||
width: calc(100% - 315px); |
||||
height: calc(100vh - 80px); |
||||
background-color: #fff; |
||||
overflow: auto; |
||||
|
||||
&>li { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.outline { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
padding: 10px 15px; |
||||
font-size: 15px; |
||||
font-weight: 600; |
||||
color: #333; |
||||
background-color: #e8f0ff; |
||||
} |
||||
|
||||
.shrink { |
||||
cursor: pointer; |
||||
transition: .5s; |
||||
|
||||
&.active { |
||||
transform: rotate(180deg); |
||||
} |
||||
} |
||||
|
||||
.ques { |
||||
max-height: none; |
||||
padding: 15px; |
||||
margin-bottom: 15px; |
||||
transition: all 1.5s; |
||||
overflow: hidden; |
||||
|
||||
&.hide { |
||||
max-height: 10px; |
||||
} |
||||
} |
||||
|
||||
.item { |
||||
position: relative; |
||||
overflow: hidden; |
||||
|
||||
&:not(:last-child) { |
||||
padding-bottom: 15px; |
||||
margin-bottom: 15px; |
||||
border-bottom: 1px dashed #e1e1e1; |
||||
} |
||||
|
||||
|
||||
&.disabled, |
||||
&.del, |
||||
&.repeat { |
||||
border-color: #f00; |
||||
|
||||
&:after { |
||||
content: '已 禁 用'; |
||||
position: absolute; |
||||
top: 17px; |
||||
right: -33px; |
||||
padding: 5px 36px; |
||||
font-size: 14px; |
||||
color: #fff; |
||||
background-color: #f00; |
||||
transform: rotate(45deg); |
||||
opacity: .6; |
||||
} |
||||
} |
||||
|
||||
&.del { |
||||
&:after { |
||||
content: '已 删 除'; |
||||
} |
||||
} |
||||
|
||||
&.repeat { |
||||
border-color: #ff962a; |
||||
|
||||
&:after { |
||||
content: '存在重复题'; |
||||
background-color: #ff962a; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
.stem-wrap { |
||||
display: flex; |
||||
align-items: baseline; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.tag { |
||||
margin-left: 10px; |
||||
cursor: pointer; |
||||
|
||||
&:hover { |
||||
opacity: .9; |
||||
} |
||||
} |
||||
|
||||
.label { |
||||
padding: 3px 5px; |
||||
margin-right: 10px; |
||||
font-size: 12px; |
||||
line-height: 1; |
||||
color: $main-color; |
||||
white-space: nowrap; |
||||
border: 1px solid; |
||||
border-radius: 2px; |
||||
} |
||||
|
||||
.stem { |
||||
max-width: calc(100% - 191px); |
||||
} |
||||
|
||||
img { |
||||
max-width: 100%; |
||||
} |
||||
|
||||
.fill-input { |
||||
width: 100px; |
||||
height: 28px; |
||||
padding: 0 15px; |
||||
margin: 0 10px; |
||||
font-size: 13px; |
||||
line-height: 28px; |
||||
color: #606266; |
||||
border: 1px solid #DCDEE0; |
||||
border-radius: 2px; |
||||
|
||||
&:focus { |
||||
outline: none; |
||||
} |
||||
} |
||||
|
||||
.opt { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
align-items: baseline; |
||||
padding-left: 10px; |
||||
margin-bottom: 5px; |
||||
font-size: 14px; |
||||
color: #707070; |
||||
line-height: 1.6; |
||||
|
||||
.el-radio, |
||||
.el-checkbox { |
||||
margin-right: 15px; |
||||
} |
||||
|
||||
.el-radio__label { |
||||
display: none; |
||||
} |
||||
|
||||
.text { |
||||
max-width: calc(100% - 48px); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,262 @@ |
||||
<template> |
||||
<div> |
||||
<el-drawer title="分配评阅人员" :visible.sync="allocationVisible" size="1200px" :close-on-click-modal="false" |
||||
custom-class="allo-dia" @closed="closeDia"> |
||||
<div class="overflow"> |
||||
<div class="tool"> |
||||
<ul class="filter"> |
||||
<li style="align-items: flex-start;"> |
||||
<label>分配方式</label> |
||||
<div> |
||||
<el-radio v-model="radio" label="1">按整卷分配</el-radio> |
||||
<p class="tips m-b-20">（每份答卷将从以下已选的评阅人员中，按照评阅设置的每题评阅人数随机挑选评阅人员对整卷进行评阅，且以下已选的每位评阅人员分配到的答卷数量基本平均）</p> |
||||
<el-radio v-model="radio" label="2">按每道人工判分题分配</el-radio> |
||||
<p class="tips">（每份答卷的每道人工判分题将从以下题目已选的评阅人员中，按照评阅设置的每题评阅人数随机挑选评阅人员对该题进行评阅，且以下已选的每位评阅人员分配到的该题答卷数量基本平均）</p> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- <People /> --> |
||||
|
||||
<div> |
||||
<div class="flex a-center m-b-10"> |
||||
<h6 class="page-name m-r-10" style="margin-bottom: 0">选择评阅人员</h6> |
||||
<el-button type="primary" size="mini" @click="batchAlloc">批量分配</el-button> |
||||
</div> |
||||
<el-table :data="ques" class="table" ref="table" stripe header-align="center" row-key="id" |
||||
@selection-change="handleSelectionChange"> |
||||
<el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column> |
||||
<el-table-column type="index" width="50" label="序号" align="center"></el-table-column> |
||||
<el-table-column prop="stem" label="题干" align="center" min-width="120"></el-table-column> |
||||
<el-table-column label="操作" align="center" width="100"> |
||||
<template slot-scope="scope"> |
||||
<i class="el-icon-edit-outline"></i> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="btns"> |
||||
<el-button @click="allocationVisible = false">取消</el-button> |
||||
<el-button type="primary" :loading="submiting" @click="submit">确定</el-button> |
||||
</div> |
||||
</el-drawer> |
||||
|
||||
|
||||
<el-drawer title="分配评阅人员" :visible.sync="peopleVisible" :with-header="false" size="1000px" |
||||
:close-on-click-modal="false" custom-class="allo-dia"> |
||||
<div class="p-l-20 p-r-20"> |
||||
<People /> |
||||
</div> |
||||
|
||||
<div class="btns"> |
||||
<el-button @click="peopleVisible = false">取消</el-button> |
||||
<el-button type="primary" :loading="submiting" @click="peopleSubmit">确定</el-button> |
||||
</div> |
||||
</el-drawer> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import People from './people' |
||||
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 { |
||||
components: { People }, |
||||
props: ['visible'], |
||||
data () { |
||||
return { |
||||
radio: '', |
||||
allocationVisible: false, |
||||
searchTimer: null, |
||||
|
||||
userType: '', |
||||
ques: [], |
||||
multipleSelection: [], |
||||
submiting: false, |
||||
|
||||
peopleVisible: false, |
||||
}; |
||||
}, |
||||
watch: { |
||||
visible () { |
||||
this.allocationVisible = this.visible |
||||
this.visible && this.init() |
||||
} |
||||
}, |
||||
mounted () { |
||||
|
||||
}, |
||||
methods: { |
||||
// 初始化 |
||||
init () { |
||||
this.handleQuesList() |
||||
|
||||
}, |
||||
// 获取题库分类 |
||||
async getQuesBankType () { |
||||
try { |
||||
const { data } = await this.$post(this.api.getAllQuestionBankCategories, { |
||||
createSource: 1, |
||||
status: 1, |
||||
}) |
||||
this.handleList(data) |
||||
this.quesBankTypes = data |
||||
} catch (e) { } |
||||
}, |
||||
handleSelectionChange (val) { |
||||
this.multipleSelection = val |
||||
}, |
||||
// 批量分配 |
||||
async batchAlloc () { |
||||
try { |
||||
this.peopleVisible = true |
||||
return |
||||
const checked = this.multipleSelection |
||||
if (checked.length) { |
||||
this.peopleVisible = true |
||||
} else { |
||||
Util.warningMsg('请选择数据') |
||||
} |
||||
} catch (e) { } |
||||
}, |
||||
// 单个分配 |
||||
alloc () { |
||||
this.peopleVisible = true |
||||
}, |
||||
// 弹框选择人员提交 |
||||
peopleSubmit () { |
||||
|
||||
}, |
||||
|
||||
// 提交 |
||||
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.allocationVisible = false |
||||
this.$parent.calcDifficult() |
||||
this.submiting = false |
||||
} catch (e) { |
||||
this.submiting = false |
||||
} |
||||
}, |
||||
// 弹框关闭回调 |
||||
closeDia () { |
||||
this.$emit('update:visible', false) |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
/deep/.allo-dia { |
||||
.el-drawer__header { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.overflow { |
||||
height: calc(100vh - 147px); |
||||
padding: 0 20px; |
||||
overflow: auto; |
||||
} |
||||
|
||||
.tips { |
||||
margin-top: 3px; |
||||
font-size: 12px; |
||||
color: #585858; |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,336 @@ |
||||
<template> |
||||
<div class="page"> |
||||
<Breadcrumb :data="crumbs" /> |
||||
<h6 class="page-name">筛选</h6> |
||||
<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, i) in schools" :key="i" :label="item.schoolName" |
||||
:value="item.schoolId"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>评阅状态</label> |
||||
<el-select v-model="filter.status" clearable placeholder="请选择评阅状态" @change="initData"> |
||||
<el-option v-for="(item, i) in status" :key="i" :label="item.name" :value="item.id"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>是否完成分配</label> |
||||
<el-select v-model="filter.status" clearable placeholder="请选择是否完成分配" @change="initData"> |
||||
<el-option v-for="(item, i) in status" :key="i" :label="item.name" :value="item.id"></el-option> |
||||
</el-select> |
||||
</li> |
||||
<li> |
||||
<label>搜索</label> |
||||
<el-input style="width: 400px;" placeholder="请输入学生姓名、学生学号、团队名称、答卷ID、提交名称" prefix-icon="el-icon-search" |
||||
v-model="filter.keyword" clearable /> |
||||
</li> |
||||
</ul> |
||||
<div> |
||||
<el-button type="primary" @click="batchReview">修改评阅设置</el-button> |
||||
<!-- <el-button type="primary">批量导出评分表</el-button> --> |
||||
<el-button type="primary">批量导出列表</el-button> |
||||
</div> |
||||
</div> |
||||
|
||||
<el-table :data="list" class="table" ref="table" stripe header-align="center" row-key="id" |
||||
@selection-change="handleSelectionChange"> |
||||
<el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column> |
||||
<el-table-column type="index" width="50" label="序号" align="center"></el-table-column> |
||||
<el-table-column prop="stem" label="省份" align="center" min-width="120"></el-table-column> |
||||
<el-table-column prop="professionalName" label="城市" align="center" min-width="100"></el-table-column> |
||||
<el-table-column prop="knowledgePointName" 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="答卷ID" 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 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="100" fixed="right"> |
||||
<template slot-scope="scope"> |
||||
<el-button type="text" @click="allocation(scope.row)">分配评阅人员</el-button> |
||||
<!-- <el-button type="text" @click="toScore(scope.row)">查看评分表</el-button> |
||||
<el-button type="text" @click="exportScore(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> |
||||
|
||||
<Allocation :visible.sync="allocationVisible" /> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import Allocation from './allocation' |
||||
import Breadcrumb from '@/components/breadcrumb' |
||||
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: { Allocation, Breadcrumb }, |
||||
data () { |
||||
return { |
||||
crumbs: [], |
||||
paperName: this.$route.query.paperName, |
||||
difficults: Const.difficults, |
||||
questionTypes: Const.questionTypes, |
||||
loading: false, |
||||
|
||||
provinces: [], |
||||
cities: [], |
||||
schools: [], |
||||
status: [ |
||||
{ |
||||
id: 1, |
||||
name: '启用' |
||||
}, |
||||
{ |
||||
id: 0, |
||||
name: '禁用' |
||||
}, |
||||
], |
||||
date: [], |
||||
filter: { |
||||
month: '', |
||||
startTime: null, |
||||
endTime: null, |
||||
status: '', |
||||
keyword: '', |
||||
}, |
||||
list: [{}], |
||||
page: +this.$route.query.page || 1, |
||||
pageSize: 10, |
||||
total: 0, |
||||
multipleSelection: [], |
||||
|
||||
allocationVisible: 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 () { |
||||
this.crumbs = [ |
||||
{ |
||||
name: '分配评阅任务', |
||||
route: '/allocationReview' |
||||
}, |
||||
{ |
||||
name: '任务分配' |
||||
}, |
||||
|
||||
] |
||||
|
||||
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.getProvince() |
||||
// this.getProfessional() |
||||
// this.getKnowledge() |
||||
}, |
||||
methods: { |
||||
async getList () { |
||||
let type = this.$refs.typeTree.getCurrentKey() |
||||
const k = this.knowledgePointIds |
||||
if (k.length) { // 右边筛选里的知识点 |
||||
type = k.map(e => { |
||||
return e[e.length - 1] |
||||
}) |
||||
} else if (type) { |
||||
type = [type] |
||||
} |
||||
const { message } = await this.$post(this.api.listQuestion, { |
||||
...this.filter, |
||||
givenYears: this.givenYears ? [this.givenYears] : [], |
||||
isNotJoin: this.isNotJoin || '', |
||||
pageNum: this.page, |
||||
pageSize: this.pageSize, |
||||
questionBankId: this.questionBankId, |
||||
knowledgePointIds: type || [], |
||||
}) |
||||
this.list = Util.removeTag(message.records) |
||||
this.total = message.total |
||||
}, |
||||
// 切换页码 |
||||
currentChange (val) { |
||||
this.page = val |
||||
this.getList() |
||||
}, |
||||
handleSelectionChange (val) { // 多选 |
||||
this.multipleSelection = val |
||||
}, |
||||
initData () { |
||||
this.$refs.table.clearSelection() |
||||
this.page = 1 |
||||
this.getList() |
||||
}, |
||||
|
||||
// 获取省份 |
||||
async getProvince () { |
||||
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.querySchoolByReadAndAppraise, { |
||||
provinceId: this.filter.provinceId, |
||||
cityId: this.filter.cityId, |
||||
}) |
||||
this.schools = list |
||||
}, |
||||
|
||||
// 批量评阅 |
||||
async batchReview () { |
||||
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('请选择数据') |
||||
} |
||||
}, |
||||
// 分配评阅人员 |
||||
allocation (row) { |
||||
this.allocationVisible = true |
||||
}, |
||||
// 查看评分表 |
||||
toScore (row) { |
||||
|
||||
}, |
||||
// 导出评分表 |
||||
exportScore (row) { |
||||
|
||||
}, |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.tool { |
||||
margin-bottom: 0; |
||||
|
||||
.filter { |
||||
flex-wrap: wrap; |
||||
|
||||
li { |
||||
margin-bottom: 15px; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,351 @@ |
||||
<template> |
||||
<div> |
||||
<h6 class="page-name m-t-20">选择评阅人员</h6> |
||||
<div class="wrap"> |
||||
<div class="item"> |
||||
<el-radio-group class="m-b-10" v-model="userType" size="small"> |
||||
<el-radio-button label="平台用户"></el-radio-button> |
||||
<el-radio-button label="专家"></el-radio-button> |
||||
</el-radio-group> |
||||
|
||||
<el-tree :data="nakadais" default-expand-all ref="nakadais" node-key="id" highlight-current |
||||
:expand-on-click-node="false" @node-click="getNakadaiUser" |
||||
:props="{ children: 'children', label: 'organizationName', isLeaf: 'leaf' }"></el-tree> |
||||
</div> |
||||
<div class="item"> |
||||
<p class="total m-b-10">用户</p> |
||||
<el-input class="m-b-10" placeholder="请输入姓名、现所在单位" prefix-icon="el-icon-search" v-model="userKeyword" |
||||
clearable /> |
||||
|
||||
<template v-if="users.length"> |
||||
<div class="line"> |
||||
<el-checkbox v-model="userCheck" @change="userAllCheckChange"></el-checkbox> |
||||
<span class="username">姓名</span> |
||||
<!-- <span>现所在单位</span> |
||||
<span>职务</span> --> |
||||
</div> |
||||
|
||||
<div class="lines"> |
||||
<div v-for="(item, i) in users" :key="i" class="line"> |
||||
<el-checkbox v-model="item.check" :disabled="item.disabled" |
||||
@change="val => userChange(val, item)"></el-checkbox> |
||||
<p class="username" :title="item.userName">{{ item.userName }}</p> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<div v-else class="empty"> |
||||
<img class="icon" src="@/assets/images/empty.svg" alt=""> |
||||
<p>暂无数据</p> |
||||
</div> |
||||
</div> |
||||
<div class="item"> |
||||
<div class="flex j-between a-center"> |
||||
<p class="total">已选人</p> |
||||
<el-button type="text" @click="batchDelChecked">批量移除</el-button> |
||||
</div> |
||||
|
||||
<el-input class="m-b-10" placeholder="请输入姓名、现所在单位" prefix-icon="el-icon-search" v-model="checkedKeyword" |
||||
clearable /> |
||||
|
||||
<template v-if="checked.length"> |
||||
<div class="line"> |
||||
<el-checkbox v-model="checkedAllCheck" @change="checkedAllCheckChange"></el-checkbox> |
||||
<span class="username">姓名</span> |
||||
</div> |
||||
|
||||
<div class="lines"> |
||||
<template v-for="(item, i) in checked"> |
||||
<div v-if="item.userName.includes(checkedKeyword)" :key="i" class="line"> |
||||
<div class="check-left"> |
||||
<el-checkbox v-model="item.check"></el-checkbox> |
||||
<p class="username" :title="item.userName">{{ item.userName }}</p> |
||||
</div> |
||||
<i class="el-icon-delete action-icon" @click="delChecked(item)"></i> |
||||
</div> |
||||
</template> |
||||
</div> |
||||
</template> |
||||
<div v-else class="empty"> |
||||
<img class="icon" src="@/assets/images/empty.svg" alt=""> |
||||
<p>暂无数据</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import Setting from '@/setting' |
||||
import Util from '@/libs/util' |
||||
import _ from 'lodash' |
||||
import Decimal from 'decimal.js' |
||||
export default { |
||||
data () { |
||||
return { |
||||
nakadais: [], |
||||
searchTimer: null, |
||||
|
||||
userType: '', |
||||
userCheck: false, |
||||
users: [], |
||||
userKeyword: '', |
||||
|
||||
checkedKeyword: '', |
||||
checkedAllCheck: false, |
||||
checked: [], |
||||
submiting: false, |
||||
}; |
||||
}, |
||||
watch: { |
||||
'quesBankKeyword': function (val) { |
||||
clearTimeout(this.searchTimer) |
||||
this.searchTimer = setTimeout(this.initQuesBank, 500) |
||||
}, |
||||
'userKeyword': function (val) { |
||||
clearTimeout(this.searchTimer) |
||||
this.searchTimer = setTimeout(this.getKnowledge, 500) |
||||
}, |
||||
}, |
||||
mounted () { |
||||
this.getNakadais() |
||||
}, |
||||
methods: { |
||||
// 获取中台部门 |
||||
async getNakadais () { |
||||
const res = await this.$post(this.api.treeListArch) |
||||
const list = res.treeList |
||||
this.handleList(list) |
||||
this.nakadais = list |
||||
}, |
||||
// 处理树形 |
||||
handleList (list) { |
||||
list.map(e => { |
||||
if (e.children && e.children.length) { |
||||
this.handleList(e.children) |
||||
} else { |
||||
delete e.children |
||||
} |
||||
}) |
||||
}, |
||||
async getNakadaiUser (data) { |
||||
console.log(11, data) |
||||
const { page } = await this.$post(this.api.staffList, { |
||||
type: 1, |
||||
staffArchitectureId: data.id || '', |
||||
keyWord: this.userKeyword, |
||||
pageNum: 1, |
||||
pageSize: 1000 |
||||
}) |
||||
this.users = page.records |
||||
}, |
||||
nakadaiClick () { |
||||
|
||||
}, |
||||
// 获取题库 |
||||
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) { } |
||||
}, |
||||
// 题目多选回调 |
||||
questionBankClick (item) { |
||||
this.curQuesBank = item |
||||
this.userCheck = false |
||||
this.getKnowledgeType() |
||||
this.getKnowledge() |
||||
}, |
||||
|
||||
// 处理树形 |
||||
handleList (list) { |
||||
list.map(e => { |
||||
if (e.children && e.children.length) { |
||||
this.handleList(e.children) |
||||
} else { |
||||
delete e.children |
||||
} |
||||
}) |
||||
}, |
||||
// 用户全选回调 |
||||
userAllCheckChange (val) { |
||||
this.users.map(e => { |
||||
e.check = val |
||||
this.userChange(val, e) |
||||
}) |
||||
}, |
||||
// 用户勾选回调 |
||||
userChange (val, item) { |
||||
const cur = this.checked.findIndex(e => e.userId === item.userId) |
||||
// 选中 |
||||
if (val) { |
||||
if (cur === -1) { |
||||
const e = _.cloneDeep(item) |
||||
e.check = false |
||||
this.checked.push(e) |
||||
} |
||||
} else { |
||||
// 取消选中 |
||||
cur >= 0 && this.checked.splice(cur, 1) |
||||
} |
||||
}, |
||||
// 处理大纲列表 |
||||
handleQuesList () { |
||||
this.list = _.cloneDeep(this.$parent.form.paperOutline) |
||||
}, |
||||
// 已选全选回调 |
||||
checkedAllCheckChange (val) { |
||||
this.checked.map(e => e.check = val) |
||||
}, |
||||
// 批量移除已选 |
||||
async batchDelChecked (val) { |
||||
try { |
||||
const checked = this.checked.filter(e => e.check) |
||||
if (checked.length) { |
||||
checked.map(e => { |
||||
const cur = this.users.find(n => n.userId === e.userId) |
||||
if (cur) { |
||||
cur.check = false |
||||
} |
||||
}) |
||||
this.userCheck = false |
||||
this.checkedAllCheck = false |
||||
this.checked = this.checked.filter(e => !e.check) |
||||
} else { |
||||
Util.warningMsg('请选择数据') |
||||
} |
||||
} catch (e) { } |
||||
}, |
||||
// 已选单个删除 |
||||
async delChecked (item) { |
||||
try { |
||||
const cur = this.users.find(e => e.userId === item.userId) |
||||
if (cur) cur.check = false |
||||
this.checked.splice(this.checked.findIndex(e => e.userId === item.userId), 1) |
||||
} catch (e) { } |
||||
}, |
||||
|
||||
|
||||
// 提交 |
||||
async submit () { |
||||
if (this.submiting) return false |
||||
|
||||
this.submiting = true |
||||
|
||||
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.allocationVisible = false |
||||
this.$parent.calcDifficult() |
||||
this.submiting = false |
||||
} catch (e) { |
||||
this.submiting = false |
||||
} |
||||
}, |
||||
// 弹框关闭回调 |
||||
closeDia () { |
||||
this.$emit('update:visible', false) |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
/deep/.wrap { |
||||
display: flex; |
||||
margin-top: 20px; |
||||
border: 1px solid #eee; |
||||
|
||||
.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { |
||||
box-shadow: none; |
||||
} |
||||
|
||||
.item { |
||||
width: 30%; |
||||
padding: 15px; |
||||
border-right: 1px solid #eee; |
||||
|
||||
&:last-child { |
||||
width: 40%; |
||||
border-right: 0; |
||||
} |
||||
} |
||||
|
||||
.total { |
||||
font-size: 16px; |
||||
color: #333; |
||||
} |
||||
|
||||
|
||||
.users { |
||||
padding-left: 44px; |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
.lines { |
||||
height: calc(100vh - 392px); |
||||
overflow: auto; |
||||
} |
||||
|
||||
.line { |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 5px 0; |
||||
color: #333; |
||||
|
||||
.username { |
||||
margin: 0 12px; |
||||
} |
||||
} |
||||
|
||||
.check-left { |
||||
display: inline-flex; |
||||
align-items: center; |
||||
width: calc(100% - 30px); |
||||
} |
||||
|
||||
|
||||
.action-icon { |
||||
font-size: 14px; |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue