parent
b6f3b1f3d6
commit
479aba93eb
20 changed files with 2277 additions and 30 deletions
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 884 B |
@ -0,0 +1,482 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<Breadcrumb :data="crumbs" /> |
||||||
|
<div class="page"> |
||||||
|
<div class="side"> |
||||||
|
<div class="m-b-20"> |
||||||
|
<el-radio-group v-model="isNotJoin" @change="changeType"> |
||||||
|
<div class="m-b-20"> |
||||||
|
<el-radio :label="0">所有知识点</el-radio> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-radio :label="1">未加入分类的知识点</el-radio> |
||||||
|
</div> |
||||||
|
</el-radio-group> |
||||||
|
</div> |
||||||
|
<el-divider></el-divider> |
||||||
|
<div> |
||||||
|
<div class="flex-between m-b-10"> |
||||||
|
<h6 class="page-name" style="margin-bottom: 0">知识点分类</h6> |
||||||
|
<el-button type="text" @click="addType">添加</el-button> |
||||||
|
</div> |
||||||
|
|
||||||
|
<el-input class="m-b-10" placeholder="请输入知识点分类" prefix-icon="el-icon-search" size="small" clearable |
||||||
|
v-model="keyword"></el-input> |
||||||
|
<div style="overflow: auto"> |
||||||
|
<el-tree v-loading="loading" :data="types" default-expand-all ref="typeTree" node-key="id" highlight-current |
||||||
|
:expand-on-click-node="false" @node-click="handleNodeClick" :props="{ label: 'name', isLeaf: 'leaf' }"> |
||||||
|
<span class="custom-tree-node" slot-scope="{ node, data }"> |
||||||
|
<span class="org-name">{{ data.name }}</span> |
||||||
|
<span> |
||||||
|
<el-button type="text" icon="el-icon-circle-plus-outline" @click="() => addType(node, data)"> |
||||||
|
</el-button> |
||||||
|
<el-button type="text" icon="el-icon-edit-outline" @click="() => editType(node, data)"> |
||||||
|
</el-button> |
||||||
|
<el-button type="text" icon="el-icon-delete" @click="() => delType(data)"> |
||||||
|
</el-button> |
||||||
|
</span> |
||||||
|
</span> |
||||||
|
</el-tree> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<el-dialog :title="typeForm.id ? '编辑' : '新增' + '知识点分类'" :visible.sync="typeVisible" |
||||||
|
:close-on-click-modal="false" width="400px"> |
||||||
|
<el-form v-if="typeVisible" ref="typeForm" :model="typeForm" :rules="typeRules" label-width="130px"> |
||||||
|
<el-form-item label="知识点分类名称" prop="name"> |
||||||
|
<el-input v-model.trim="typeForm.name" placeholder="请输入知识点分类" maxlength="20"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="设置上一级"> |
||||||
|
<el-cascader :options="types" v-model="cascaderValue" :props="cascaderProps" clearable |
||||||
|
style="width: 100%"> |
||||||
|
</el-cascader> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="closeType">取 消</el-button> |
||||||
|
<el-button type="primary" @click="typeSubmit">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="right"> |
||||||
|
<h6 class="page-name">筛选</h6> |
||||||
|
<div class="tool"> |
||||||
|
<ul class="filter"> |
||||||
|
<li> |
||||||
|
<el-input style="width: 250px;" placeholder="请输入知识点名称" prefix-icon="el-icon-search" v-model="filter.name" |
||||||
|
clearable></el-input> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
<div> |
||||||
|
<el-button type="primary" @click="add">新增知识点</el-button> |
||||||
|
<el-button type="primary" @click="delAllSelection">批量删除</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<el-table :data="list" v-loading="listLoading" class="table" ref="table" stripe header-align="center" |
||||||
|
@selection-change="handleSelectionChange" row-key="id" @sort-change="sortChange"> |
||||||
|
<el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column> |
||||||
|
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
||||||
|
<el-table-column prop="name" label="知识点名称" align="center" min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="knowledgePointsClassification" label="知识点分类" align="center" min-width="120" |
||||||
|
show-overflow-tooltip></el-table-column> |
||||||
|
<el-table-column prop="relatedQuestionsNum" label="已关联试题" align="center" width="90"></el-table-column> |
||||||
|
<el-table-column prop="createTime" label="创建时间" align="center" width="160" |
||||||
|
sortable="custom"></el-table-column> |
||||||
|
<el-table-column prop="createUserName" label="创建人" align="center" width="100"></el-table-column> |
||||||
|
<el-table-column label="操作" align="center" width="100"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="text" @click="edit(scope.row)">编辑</el-button> |
||||||
|
<!-- <el-button type="text" v-auth="'/system:后台账号:重置密码'" @click="resetPassword(scope.row)">转移</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> |
||||||
|
|
||||||
|
<el-dialog :title="!form.id ? '添加知识点' : '编辑知识点'" :visible.sync="knowledgeVisible" width="400px" |
||||||
|
:close-on-click-modal="false"> |
||||||
|
<el-form :model="form" :rules="rules" label-width="100px"> |
||||||
|
<el-form-item prop="parentId" label="知识点分类"> |
||||||
|
<el-cascader placeholder="请选择题库分类" v-model="form.parentId" :options="types" |
||||||
|
:props="{ value: 'id', label: 'name', checkStrictly: true }" clearable></el-cascader> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item prop="name" label="知识点名称"> |
||||||
|
<el-input placeholder="请输入知识点名称" v-model="form.name" maxlength="20"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="knowledgeVisible = false">取 消</el-button> |
||||||
|
<el-button type="primary" @click="knowledgeSubmit">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
<el-dialog title="提示" :visible.sync="delVisible" width="400px" :close-on-click-modal="false" custom-class="del-dia"> |
||||||
|
<div class="del-wrap"> |
||||||
|
<div class="icon el-icon-warning"></div> |
||||||
|
<div> |
||||||
|
<p>确认要删除【{{ curName }}】吗？</p> |
||||||
|
<p class="tips">删除后，其子级分类与知识点也将被删除。</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="delVisible = false">取消</el-button> |
||||||
|
<el-button type="primary" @click="delTypeSubmit">确定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import Util from '@/libs/util' |
||||||
|
import _ from 'lodash' |
||||||
|
import Breadcrumb from '@/components/breadcrumb' |
||||||
|
export default { |
||||||
|
components: { Breadcrumb }, |
||||||
|
data () { |
||||||
|
return { |
||||||
|
typeId: this.$route.query.id, |
||||||
|
createSource: 1, |
||||||
|
loading: false, |
||||||
|
keyword: '', |
||||||
|
types: [], |
||||||
|
isNotJoin: 0, |
||||||
|
typeVisible: false, // 员工组织架对话框 |
||||||
|
typeForm: { |
||||||
|
id: '', |
||||||
|
name: '' |
||||||
|
}, |
||||||
|
cascaderValue: [], |
||||||
|
cascaderProps: { |
||||||
|
checkStrictly: true, |
||||||
|
label: "name", |
||||||
|
value: "id" |
||||||
|
}, |
||||||
|
treeVisible: true, |
||||||
|
isDetail: false, |
||||||
|
name: '', |
||||||
|
form: { |
||||||
|
name: '', |
||||||
|
parentId: [] |
||||||
|
}, |
||||||
|
typeRules: { |
||||||
|
name: [ |
||||||
|
{ required: true, message: '请输入知识点分类名称', trigger: 'blur' } |
||||||
|
] |
||||||
|
}, |
||||||
|
rules: { |
||||||
|
name: [ |
||||||
|
{ required: true, message: '请输入知识点名称', trigger: 'blur' } |
||||||
|
], |
||||||
|
}, |
||||||
|
filter: { |
||||||
|
timeOrderBy: '', |
||||||
|
name: '', |
||||||
|
}, |
||||||
|
listLoading: false, |
||||||
|
list: [], |
||||||
|
page: 1, |
||||||
|
pageSize: 10, |
||||||
|
total: 0, |
||||||
|
multipleSelection: [], |
||||||
|
|
||||||
|
knowledgeVisible: false, |
||||||
|
submiting: false, // 新增编辑防抖标识 |
||||||
|
|
||||||
|
|
||||||
|
delVisible: false, |
||||||
|
deleteQuestions: false, |
||||||
|
curName: '', |
||||||
|
curId: [], |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
keyword: function () { |
||||||
|
clearTimeout(this.searchTimer) |
||||||
|
this.searchTimer = setTimeout(this.getType, 500) |
||||||
|
}, |
||||||
|
'filter.name': function () { |
||||||
|
clearTimeout(this.searchTimer) |
||||||
|
this.searchTimer = setTimeout(this.getList, 500) |
||||||
|
}, |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.crumbs = [ |
||||||
|
{ |
||||||
|
name: this.$route.query.name || '题库管理', |
||||||
|
route: '/quesBank' |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '试题列表', |
||||||
|
route: '/ques', |
||||||
|
query: { |
||||||
|
id: this.typeId |
||||||
|
} |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '知识点列表' |
||||||
|
}, |
||||||
|
], |
||||||
|
this.getType() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 获取分类 |
||||||
|
async getType () { |
||||||
|
try { |
||||||
|
this.loading = true |
||||||
|
const { data } = await this.$post(this.api.classificationTreeStructure, { |
||||||
|
createSource: this.createSource, |
||||||
|
keyword: this.keyword, |
||||||
|
questionBankId: this.typeId, |
||||||
|
}) |
||||||
|
this.handleType(data) |
||||||
|
this.types = data |
||||||
|
this.getList() |
||||||
|
} finally { |
||||||
|
this.loading = false |
||||||
|
} |
||||||
|
}, |
||||||
|
// 分类筛选回调 |
||||||
|
changeType () { |
||||||
|
this.$refs.typeTree.setCurrentKey(null) |
||||||
|
this.initData() |
||||||
|
}, |
||||||
|
// 添加分类 |
||||||
|
addType (node, data) { |
||||||
|
this.typeForm = { |
||||||
|
id: '', |
||||||
|
parentId: data ? data.id : '', |
||||||
|
name: '', |
||||||
|
} |
||||||
|
this.typeVisible = true |
||||||
|
this.cascaderValue = data.path.split('/').map(e => +e) |
||||||
|
}, |
||||||
|
// 编辑分类 |
||||||
|
editType (node, data) { |
||||||
|
this.typeForm = { |
||||||
|
id: data.id, |
||||||
|
name: data.name |
||||||
|
} |
||||||
|
this.typeVisible = true |
||||||
|
const path = data.path.split('/').map(e => +e) |
||||||
|
this.cascaderValue = path.length > 1 ? path.slice(0, path.length - 1) : [] |
||||||
|
}, |
||||||
|
// 处理树形 |
||||||
|
handleType (list) { |
||||||
|
list.map(e => { |
||||||
|
if (e.children && e.children.length) { |
||||||
|
this.handleType(e.children) |
||||||
|
} else { |
||||||
|
delete e.children |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 删除分类 |
||||||
|
async delType (row) { |
||||||
|
try { |
||||||
|
await this.$confirm(`<p>确认要删除【${row.name}】吗？</p><p style="color: #f56c6c;">删除后，其子级分类与知识点都将被删除！</p>`, '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning', |
||||||
|
closeOnClickModal: false, |
||||||
|
dangerouslyUseHTMLString: true, |
||||||
|
}) |
||||||
|
await this.$post(this.api.knowledgeHierarchyDel, [row.id]) |
||||||
|
Util.successMsg('删除成功') |
||||||
|
this.getType() |
||||||
|
} catch (e) { } |
||||||
|
}, |
||||||
|
// 删除分类提交 |
||||||
|
async delTypeSubmit () { |
||||||
|
await this.$post(this.api.knowledgeHierarchyDel, this.curId) |
||||||
|
Util.successMsg('删除成功') |
||||||
|
this.delVisible = false |
||||||
|
this.getType() |
||||||
|
}, |
||||||
|
// 分类新增/编辑 |
||||||
|
typeSubmit () { |
||||||
|
this.$refs.typeForm.validate(async (valid) => { |
||||||
|
if (valid) { |
||||||
|
const form = this.typeForm |
||||||
|
const cas = this.cascaderValue |
||||||
|
const len = cas.length |
||||||
|
if (cas && len) { |
||||||
|
this.typeForm.parentId = cas[len - 1] |
||||||
|
} |
||||||
|
form.createSource = this.createSource |
||||||
|
form.questionBankId = this.typeId |
||||||
|
form.type = 0 |
||||||
|
await this.$post(this.api.knowledgeHierarchySave, form) |
||||||
|
Util.successMsg('保存成功') |
||||||
|
this.closeType() |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
// 点击树节点查询列表数据 |
||||||
|
handleNodeClick (data) { |
||||||
|
this.$refs.table.clearSelection() |
||||||
|
this.isNotJoin = '' |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
// 关闭组织新增编辑弹框 |
||||||
|
closeType () { |
||||||
|
this.typeVisible = false |
||||||
|
this.cascaderValue = [] |
||||||
|
this.getType() |
||||||
|
}, |
||||||
|
// 列表 |
||||||
|
async getList () { |
||||||
|
try { |
||||||
|
this.listLoading = true |
||||||
|
const res = await this.$post(this.api.knowledgeHierarchyList, { |
||||||
|
...this.filter, |
||||||
|
isNotJoin: this.isNotJoin || '', |
||||||
|
pageNum: this.page, |
||||||
|
pageSize: this.pageSize, |
||||||
|
questionBankId: this.typeId, |
||||||
|
knowledgePointCategoryId: this.$refs.typeTree.getCurrentKey() || '', |
||||||
|
}) |
||||||
|
this.list = res.message.records |
||||||
|
this.total = res.message.total |
||||||
|
} finally { |
||||||
|
this.listLoading = false |
||||||
|
} |
||||||
|
}, |
||||||
|
// 切换页码 |
||||||
|
currentChange (val) { |
||||||
|
this.page = val |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
handleSelectionChange (val) { // 多选 |
||||||
|
this.multipleSelection = val |
||||||
|
}, |
||||||
|
initData () { |
||||||
|
this.$refs.table.clearSelection() |
||||||
|
this.page = 1 |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
// 排序回调 |
||||||
|
sortChange (column) { |
||||||
|
if (column.prop === 'createTime') this.filter.timeOrderBy = column.order ? column.order === 'ascending' ? 'asc' : 'desc' : '' |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
// 删除 |
||||||
|
async del (row) { |
||||||
|
try { |
||||||
|
await this.$confirm(`<p>确认要删除【${row.name}】吗？</p><p style="color: #f56c6c;">删除后，关联此知识点的试题将自动移除此知识点！</p>`, '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning', |
||||||
|
closeOnClickModal: false, |
||||||
|
dangerouslyUseHTMLString: true, |
||||||
|
}) |
||||||
|
await this.$post(this.api.knowledgeHierarchyDel, [row.id]) |
||||||
|
Util.successMsg('删除成功') |
||||||
|
this.getList() |
||||||
|
} catch (e) { } |
||||||
|
}, |
||||||
|
// 添加知识点 |
||||||
|
add () { |
||||||
|
const type = this.$refs.typeTree.getCurrentNode() |
||||||
|
this.form = { |
||||||
|
name: '', |
||||||
|
parentId: type ? type.path.split('/').map(e => +e) : [], |
||||||
|
} |
||||||
|
this.knowledgeVisible = true |
||||||
|
}, |
||||||
|
// 编辑知识点 |
||||||
|
async edit (row) { |
||||||
|
const { data } = await this.$post(`${this.api.knowledgeHierarchyFind}?id=${row.id}`) |
||||||
|
this.knowledgeVisible = true |
||||||
|
const path = data.path.split('/').map(e => +e) |
||||||
|
this.form = { |
||||||
|
id: row.id, |
||||||
|
name: row.name, |
||||||
|
parentId: path.slice(0, path.length - 1), |
||||||
|
} |
||||||
|
console.log(11, this.form) |
||||||
|
}, |
||||||
|
// 知识点提交 |
||||||
|
async knowledgeSubmit () { |
||||||
|
if (this.submiting) return false |
||||||
|
const form = _.cloneDeep(this.form) |
||||||
|
if (!form.name) return Util.warningMsg('请输入题库名称') |
||||||
|
this.submiting = true |
||||||
|
form.parentId = form.parentId.length ? form.parentId[form.parentId.length - 1] : 0 |
||||||
|
form.createSource = 1 |
||||||
|
form.questionBankId = this.typeId |
||||||
|
form.type = 1 |
||||||
|
try { |
||||||
|
await this.$post(this.api.knowledgeHierarchySave, form) |
||||||
|
Util.successMsg('保存成功') |
||||||
|
this.knowledgeVisible = false |
||||||
|
this.submiting = false |
||||||
|
this.getList() |
||||||
|
} catch (e) { |
||||||
|
this.submiting = false |
||||||
|
} |
||||||
|
}, |
||||||
|
async delAllSelection () { |
||||||
|
const list = this.multipleSelection |
||||||
|
if (list.length) { |
||||||
|
try { |
||||||
|
await this.$confirm(`<p style="margin-bottom: 10px;">确认要删除已选定的${list.length}个知识点吗？</p><p style="color: #f56c6c;">删除后，关联这些知识点的试题将自动移除这些知识点！</p>`, '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning', |
||||||
|
closeOnClickModal: false, |
||||||
|
dangerouslyUseHTMLString: true, |
||||||
|
}) |
||||||
|
await this.$post(this.api.knowledgeHierarchyDel, list.map(e => e.id)) |
||||||
|
Util.successMsg('删除成功') |
||||||
|
this.multipleSelection = [] |
||||||
|
this.$refs.table.clearSelection() |
||||||
|
this.getList() |
||||||
|
} catch (e) { } |
||||||
|
} else { |
||||||
|
Util.warningMsg('请选择数据') |
||||||
|
} |
||||||
|
}, |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.m-b-20 { |
||||||
|
margin-bottom: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
.org-name { |
||||||
|
margin-right: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
.w-100 { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.page { |
||||||
|
display: flex; |
||||||
|
min-height: 100%; |
||||||
|
margin-top: 20px; |
||||||
|
padding: 0 24px; |
||||||
|
|
||||||
|
.side { |
||||||
|
width: 300px; |
||||||
|
padding: 24px 10px 24px 0; |
||||||
|
margin-right: 24px; |
||||||
|
border-right: 1px solid rgba(0, 0, 0, 0.06); |
||||||
|
} |
||||||
|
|
||||||
|
.right { |
||||||
|
width: calc(100% - 324px); |
||||||
|
padding: 24px 0; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,332 @@ |
|||||||
|
<template> |
||||||
|
<div class="page"> |
||||||
|
<Breadcrumb :data="crumbs" /> |
||||||
|
<p class="page-name mb">试卷</p> |
||||||
|
<el-form :model="form" :rules="rules" class="input-form model" label-width="140px"> |
||||||
|
<el-form-item prop="name" label="试卷名称"> |
||||||
|
<el-input style="width: 940px" placeholder="请输入试卷名称" v-model="form.name" clearable maxlength="100" /> |
||||||
|
</el-form-item> |
||||||
|
<div class="item-line"> |
||||||
|
<el-form-item prop="particularYear" label="年份"> |
||||||
|
<el-date-picker v-model="form.particularYear" type="year" placeholder="请选择年份"> |
||||||
|
</el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item required label="所属试卷分类"> |
||||||
|
<el-cascader placeholder="请选择所属试卷分类" :options="types" v-model="cascaderValue" :props="cascaderProps" clearable |
||||||
|
style="width: 100%"> |
||||||
|
</el-cascader> |
||||||
|
</el-form-item> |
||||||
|
</div> |
||||||
|
<div class="item-line"> |
||||||
|
<el-form-item prop="paperType" label="建议用途"> |
||||||
|
<el-select v-model="form.paperType" clearable placeholder="请选择建议用途"> |
||||||
|
<el-option v-for="(item, i) in paperTypes" :key="i" :label="item.name" :value="item.id"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item prop="suggestTime" label="估计用时"> |
||||||
|
<el-input placeholder="请输入估计用时" v-model="form.suggestTime"> |
||||||
|
<template slot="append">分钟</template> |
||||||
|
</el-input> |
||||||
|
</el-form-item> |
||||||
|
</div> |
||||||
|
<div class="item-line"> |
||||||
|
<el-form-item prop="columnId" label="所属专业"> |
||||||
|
<el-select v-model="form.professionalId" clearable placeholder="请选择所属专业"> |
||||||
|
<el-option v-for="(item, i) in professionals" :key="i" :label="item.professionalName" |
||||||
|
:value="item.professionalId" filter></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item prop="difficult" label="试卷难度"> |
||||||
|
<el-select v-model="form.difficult" clearable placeholder="请选择试卷难度"> |
||||||
|
<el-option v-for="(item, i) in difficults" :key="i" :label="item.name" :value="item.id"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</div> |
||||||
|
<el-form-item prop="userName" label="试卷说明"> |
||||||
|
<Ueditor @ready="editorReady" /> |
||||||
|
</el-form-item> |
||||||
|
|
||||||
|
<div class="line"></div> |
||||||
|
|
||||||
|
<div class="flex j-between m-b-20"> |
||||||
|
<p>默认模板</p> |
||||||
|
<p>目标总题数：30；目标总分：100</p> |
||||||
|
<el-button type="primary" size="small" @click="showTemplate">选择大纲模板</el-button> |
||||||
|
</div> |
||||||
|
<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"></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" @click="addLine(scope.$index)"></i> |
||||||
|
<i class="el-icon-remove-outline action-icon" @click="delLine(scope.$index)"></i> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
|
||||||
|
</el-form> |
||||||
|
<div class="btns"> |
||||||
|
<el-button @click="submit(0)">保存草稿</el-button> |
||||||
|
<el-button type="primary" @click="submit(1)">发布</el-button> |
||||||
|
<el-button v-if="$route.query.id" @click="preview">预览</el-button> |
||||||
|
<el-button @click="back">取消</el-button> |
||||||
|
</div> |
||||||
|
|
||||||
|
<Template :visible="templateVisible" /> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import Setting from '@/setting' |
||||||
|
import Util from '@/libs/util' |
||||||
|
import Ueditor from '@/components/ueditor' |
||||||
|
import Breadcrumb from '@/components/breadcrumb' |
||||||
|
import Template from './template' |
||||||
|
export default { |
||||||
|
components: { Ueditor, Breadcrumb, Template }, |
||||||
|
data () { |
||||||
|
return { |
||||||
|
crumbs: [ |
||||||
|
{ |
||||||
|
name: '试卷管理', |
||||||
|
route: 'list' |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '创建试卷' |
||||||
|
}, |
||||||
|
], |
||||||
|
libraryId: this.$route.query.libraryId, |
||||||
|
headers: { |
||||||
|
token: Util.local.get(Setting.tokenKey) |
||||||
|
}, |
||||||
|
types: [], |
||||||
|
cascaderValue: [], |
||||||
|
cascaderProps: { |
||||||
|
checkStrictly: true, |
||||||
|
label: "classificationName", |
||||||
|
value: "classificationId" |
||||||
|
}, |
||||||
|
paperTypes: [ |
||||||
|
{ |
||||||
|
id: 0, |
||||||
|
name: '练习' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
name: '考核' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 2, |
||||||
|
name: '竞赛' |
||||||
|
}, |
||||||
|
], |
||||||
|
professionals: [], |
||||||
|
difficults: [ |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
name: '简单' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 2, |
||||||
|
name: '普通' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 3, |
||||||
|
name: '较难' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 4, |
||||||
|
name: '难' |
||||||
|
}, |
||||||
|
], |
||||||
|
questionTypes: [ |
||||||
|
{ |
||||||
|
name: '单选题' |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '多选题' |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '判断题' |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '填空题' |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '问答题' |
||||||
|
}, |
||||||
|
], |
||||||
|
|
||||||
|
richEditor: { |
||||||
|
object: null, |
||||||
|
parameterName: '', |
||||||
|
instance: null |
||||||
|
}, |
||||||
|
form: { |
||||||
|
classificationId: '', |
||||||
|
difficult: '', |
||||||
|
libraryId: '', |
||||||
|
name: '', |
||||||
|
paperMethod: '', |
||||||
|
paperType: '', |
||||||
|
particularYear: '', |
||||||
|
professionalId: '', |
||||||
|
questionCount: '', |
||||||
|
remarks: '', |
||||||
|
score: '', |
||||||
|
suggestTime: '', |
||||||
|
paperOutline: [ |
||||||
|
{ |
||||||
|
examQuestions: [], |
||||||
|
outlineName: '单选题', |
||||||
|
questionNum: '10', |
||||||
|
questionType: '单选题', |
||||||
|
targetScore: '20.0', |
||||||
|
}, |
||||||
|
{ |
||||||
|
examQuestions: [], |
||||||
|
outlineName: '多选题', |
||||||
|
questionNum: '5', |
||||||
|
questionType: '多选题', |
||||||
|
targetScore: '15.0', |
||||||
|
}, |
||||||
|
{ |
||||||
|
examQuestions: [], |
||||||
|
outlineName: '判断题', |
||||||
|
questionNum: '5', |
||||||
|
questionType: '判断题', |
||||||
|
targetScore: '10.0', |
||||||
|
}, |
||||||
|
{ |
||||||
|
examQuestions: [], |
||||||
|
outlineName: '填空题', |
||||||
|
questionNum: '5', |
||||||
|
questionType: '填空题', |
||||||
|
targetScore: '15.0', |
||||||
|
}, |
||||||
|
{ |
||||||
|
examQuestions: [], |
||||||
|
outlineName: '问答题', |
||||||
|
questionNum: '3', |
||||||
|
questionType: '问答题', |
||||||
|
targetScore: '40.0', |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
rules: { |
||||||
|
name: [ |
||||||
|
{ required: true, message: '请输入试卷名称', trigger: 'blur' } |
||||||
|
], |
||||||
|
particularYear: [ |
||||||
|
{ required: true, message: '请选择年份', trigger: 'change' } |
||||||
|
], |
||||||
|
paperType: [ |
||||||
|
{ required: true, message: '请选择建议用途', trigger: 'change' } |
||||||
|
], |
||||||
|
suggestTime: [ |
||||||
|
{ required: true, message: '请输入估计用时', trigger: 'blur' } |
||||||
|
], |
||||||
|
name: [ |
||||||
|
{ required: true, message: '请输入试卷名称', trigger: 'blur' } |
||||||
|
], |
||||||
|
}, |
||||||
|
templateVisible: false, |
||||||
|
}; |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.getType() |
||||||
|
this.getProfessional() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 获取试卷分类 |
||||||
|
async getType () { |
||||||
|
try { |
||||||
|
const res = await this.$post(this.api.examClassificationList, { |
||||||
|
libraryId: this.libraryId, |
||||||
|
}) |
||||||
|
const data = res.treeList |
||||||
|
this.handleType(data) |
||||||
|
this.types = data |
||||||
|
} catch (e) { } |
||||||
|
}, |
||||||
|
// 获取所属专业 |
||||||
|
async getProfessional () { |
||||||
|
try { |
||||||
|
const res = await this.$post(this.api.queryProfessional, { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 1000, |
||||||
|
}) |
||||||
|
this.professionals = res.pageList.records |
||||||
|
} catch (e) { } |
||||||
|
}, |
||||||
|
// 处理树形 |
||||||
|
handleType (list) { |
||||||
|
list.map(e => { |
||||||
|
if (e.children && e.children.length) { |
||||||
|
this.handleType(e.children) |
||||||
|
} else { |
||||||
|
delete e.children |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
editorReady (instance) { |
||||||
|
// this.richEditor.instance = instance |
||||||
|
// let currentContent = this.richEditor.object[this.richEditor.parameterName] |
||||||
|
// this.richEditor.instance.setContent(currentContent) |
||||||
|
// // 光标定位到Ueditor |
||||||
|
// this.richEditor.instance.focus(true) |
||||||
|
}, |
||||||
|
// 选择大纲模板 |
||||||
|
showTemplate () { |
||||||
|
this.templateVisible = true |
||||||
|
}, |
||||||
|
// 试卷大纲添加行 |
||||||
|
addLine (i) { |
||||||
|
this.form.paperOutline.splice(i + 1, 0, { |
||||||
|
examQuestions: [], |
||||||
|
outlineName: '', |
||||||
|
questionNum: '', |
||||||
|
questionType: '', |
||||||
|
targetScore: '', |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 试卷大纲移除行 |
||||||
|
delLine (i) { |
||||||
|
this.form.paperOutline.splice(i, 1) |
||||||
|
}, |
||||||
|
// 提交 |
||||||
|
submit () { |
||||||
|
|
||||||
|
}, |
||||||
|
// 返回 |
||||||
|
back () { |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.action-icon { |
||||||
|
margin-right: 10px; |
||||||
|
font-size: 18px; |
||||||
|
color: $main-color; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,189 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-dialog title="选择试卷大纲模板" :visible.sync="listVisible" width="1000px" :close-on-click-modal="false"> |
||||||
|
<div class="tool"> |
||||||
|
<ul class="filter"> |
||||||
|
<li> |
||||||
|
<label>题型</label> |
||||||
|
<el-select v-model="form.questionType" clearable placeholder="请选择题目类型" @change="initData"> |
||||||
|
<el-option v-for="(item, i) in questionTypes" :key="i" :value="item.name"></el-option> |
||||||
|
</el-select> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<label>搜索</label> |
||||||
|
<el-input style="width: 250px;" placeholder="请输入模板名称" prefix-icon="el-icon-search" |
||||||
|
v-model="form.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="libraryName" label="模板名称" align="center" min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="题型" label="题型" align="center" min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="libraryClassificationName" label="大题数" align="center" min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="examPaperNum" label="小题总数" align="center" width="100"></el-table-column> |
||||||
|
<el-table-column prop="examPaperNum" label="总分" align="center" width="100"></el-table-column> |
||||||
|
<el-table-column prop="createTime" label="创建时间" align="center" width="160" sortable="custom"></el-table-column> |
||||||
|
<el-table-column prop="createUserName" label="创建人" align="center" width="100"></el-table-column> |
||||||
|
<el-table-column label="操作" align="center" width="280"> |
||||||
|
<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="600px" :close-on-click-modal="false"> |
||||||
|
<el-form :model="form" :rules="rules" label-width="100px"> |
||||||
|
<el-form-item prop="userName" label="模板名称"> |
||||||
|
<el-input placeholder="请输入模板名称" prefix-icon="el-icon-search" |
||||||
|
v-model="name" /> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
|
||||||
|
<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="libraryName" label="模板名称" align="center" min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="题型" label="题型" align="center" min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="libraryClassificationName" label="大题数" align="center" min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="examPaperNum" label="小题总数" align="center" width="100"></el-table-column> |
||||||
|
<el-table-column prop="examPaperNum" label="总分" align="center" width="100"></el-table-column> |
||||||
|
<el-table-column prop="createTime" label="创建时间" align="center" width="160" sortable="custom"></el-table-column> |
||||||
|
<el-table-column prop="createUserName" label="创建人" align="center" width="100"></el-table-column> |
||||||
|
<el-table-column label="操作" align="center" width="280"> |
||||||
|
<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> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="detailVisible = false">取消</el-button> |
||||||
|
<el-button type="primary" @click="submit">保存模板</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import Setting from '@/setting' |
||||||
|
import Util from '@/libs/util' |
||||||
|
export default { |
||||||
|
props: ['visible'], |
||||||
|
data () { |
||||||
|
return { |
||||||
|
listVisible: false, |
||||||
|
searchTimer: null, |
||||||
|
questionTypes: [ |
||||||
|
{ |
||||||
|
name: '单选题' |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '多选题' |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '判断题' |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '填空题' |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '问答题' |
||||||
|
}, |
||||||
|
], |
||||||
|
|
||||||
|
form: { |
||||||
|
templateName: '', |
||||||
|
questionType: '', |
||||||
|
}, |
||||||
|
list: [], |
||||||
|
page: 1, |
||||||
|
pageSize: 10, |
||||||
|
total: 0, |
||||||
|
|
||||||
|
detailVisible: false, |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
'form.templateName': function (val) { |
||||||
|
clearTimeout(this.searchTimer) |
||||||
|
this.searchTimer = setTimeout(this.initData, 500) |
||||||
|
}, |
||||||
|
visible () { |
||||||
|
this.listVisible = this.visible |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 获取模板列表 |
||||||
|
async getList () { |
||||||
|
try { |
||||||
|
const res = await this.$post(this.api.examPaperTemplateList, { |
||||||
|
pageNum: this.page, |
||||||
|
pageSize: this.pageSize, |
||||||
|
...this.form |
||||||
|
}) |
||||||
|
this.types = res.pageList.records |
||||||
|
this.total = res.pageList.total |
||||||
|
} catch (e) { } |
||||||
|
}, |
||||||
|
// 切换页码 |
||||||
|
currentChange (val) { |
||||||
|
this.page = val |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
initData () { |
||||||
|
this.page = 1 |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
// 新增 |
||||||
|
add () { |
||||||
|
this.detailVisible = true |
||||||
|
}, |
||||||
|
// 使用模板 |
||||||
|
useTemplate (row) { |
||||||
|
|
||||||
|
}, |
||||||
|
// 编辑 |
||||||
|
edit (row) { |
||||||
|
|
||||||
|
}, |
||||||
|
// 删除 |
||||||
|
del (row) { |
||||||
|
|
||||||
|
}, |
||||||
|
// 提交 |
||||||
|
async submit () { |
||||||
|
|
||||||
|
}, |
||||||
|
// 返回 |
||||||
|
back () { |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.action-icon { |
||||||
|
margin-right: 10px; |
||||||
|
font-size: 18px; |
||||||
|
color: $main-color; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,498 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<Breadcrumb :data="crumbs" /> |
||||||
|
<div class="page"> |
||||||
|
<div class="side"> |
||||||
|
<div class="m-b-20"> |
||||||
|
<el-radio-group v-model="isNotJoin" @change="changeType"> |
||||||
|
<div class="m-b-20"> |
||||||
|
<el-radio :label="1">所有试卷</el-radio> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-radio :label="2">未加入分类的试卷</el-radio> |
||||||
|
</div> |
||||||
|
</el-radio-group> |
||||||
|
</div> |
||||||
|
<el-divider></el-divider> |
||||||
|
<div> |
||||||
|
<div class="flex-between m-b-10"> |
||||||
|
<h6 class="page-name" style="margin-bottom: 0">试卷分类</h6> |
||||||
|
<el-button type="text" @click="addType(0)">添加</el-button> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div style="overflow: auto"> |
||||||
|
<el-tree v-loading="loading" :data="types" default-expand-all ref="typeTree" node-key="id" highlight-current |
||||||
|
:expand-on-click-node="false" @node-click="handleNodeClick" :props="{ label: 'name', isLeaf: 'leaf' }"> |
||||||
|
<span class="custom-tree-node" slot-scope="{ node, data }"> |
||||||
|
<span class="org-name">{{ data.classificationName }}</span> |
||||||
|
<span> |
||||||
|
<el-button type="text" icon="el-icon-circle-plus-outline" @click="() => addType(data)"> |
||||||
|
</el-button> |
||||||
|
<el-button type="text" icon="el-icon-edit-outline" @click="() => editType(data)"> |
||||||
|
</el-button> |
||||||
|
<el-button type="text" icon="el-icon-delete" @click="() => delType(node, data)"> |
||||||
|
</el-button> |
||||||
|
</span> |
||||||
|
</span> |
||||||
|
</el-tree> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<el-dialog :title="typeForm.classificationId ? '编辑' : '新增' + '试卷分类'" :visible.sync="typeVisible" |
||||||
|
:close-on-click-modal="false" width="400px"> |
||||||
|
<el-form v-if="typeVisible" ref="typeForm" :model="typeForm" :rules="typeRules" label-width="130px"> |
||||||
|
<el-form-item label="试卷分类名称" prop="classificationName"> |
||||||
|
<el-input v-model.trim="typeForm.classificationName" placeholder="请输入试卷分类" maxlength="20"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="设置上一级"> |
||||||
|
<el-cascader :options="types" v-model="cascaderValue" :props="cascaderProps" clearable |
||||||
|
style="width: 100%"> |
||||||
|
</el-cascader> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="closeType">取 消</el-button> |
||||||
|
<el-button type="primary" @click="typeSubmit">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="right"> |
||||||
|
<h6 class="page-name">筛选</h6> |
||||||
|
<div class="tool"> |
||||||
|
<ul class="filter"> |
||||||
|
<li> |
||||||
|
<label>题目类型</label> |
||||||
|
<el-select v-model="filter.status" clearable placeholder="请选择题目类型" @change="getList"> |
||||||
|
<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="getList"> |
||||||
|
<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="getList"> |
||||||
|
<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="getList"> |
||||||
|
<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="getList"> |
||||||
|
<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="getList"> |
||||||
|
<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: 250px;" placeholder="请输入试卷名称" prefix-icon="el-icon-search" |
||||||
|
v-model="filter.keyWord" clearable /> |
||||||
|
</li> |
||||||
|
<div style="margin-bottom: 15px;"> |
||||||
|
<el-button type="primary" @click="add">创建试卷</el-button> |
||||||
|
<el-button type="primary" @click="add">批量移除 </el-button> |
||||||
|
<el-button type="primary" @click="add">批量删除</el-button> |
||||||
|
</div> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
|
||||||
|
<el-table :data="list" v-loading="listLoading" class="table" ref="table" stripe header-align="center" |
||||||
|
@selection-change="handleSelectionChange" row-key="id" @sort-change="sortChange"> |
||||||
|
<el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column> |
||||||
|
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
||||||
|
<el-table-column prop="name" label="试卷名称" align="center" min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="name" label="试题总数" align="center" min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="name" label="总分" align="center" width="90"></el-table-column> |
||||||
|
<el-table-column prop="name" label="中分位数" align="center" min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="name" label="题型" align="center" min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="name" label="试卷难度" align="center" min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="name" label="建议用时" align="center" min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="knowledgePointsClassification" label="试卷分类" align="center" min-width="120" |
||||||
|
show-overflow-tooltip></el-table-column> |
||||||
|
<el-table-column prop="relatedQuestionsNum" label="所属专业" align="center" width="90"></el-table-column> |
||||||
|
<el-table-column prop="relatedQuestionsNum" label="年份" align="center" width="90"></el-table-column> |
||||||
|
<el-table-column prop="relatedQuestionsNum" label="建议用途" align="center" width="90"></el-table-column> |
||||||
|
<el-table-column prop="relatedQuestionsNum" label="状态" align="center" width="90"></el-table-column> |
||||||
|
<el-table-column prop="createTime" label="创建时间" align="center" width="160" |
||||||
|
sortable="custom"></el-table-column> |
||||||
|
<el-table-column prop="createTime" label="最近编辑时间" align="center" width="160" |
||||||
|
sortable="custom"></el-table-column> |
||||||
|
<el-table-column prop="createUserName" label="最近编辑人" align="center" width="100"></el-table-column> |
||||||
|
<el-table-column label="操作" align="center" width="240"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="text" @click="edit(scope.row)">复制</el-button> |
||||||
|
<el-button type="text" @click="edit(scope.row)">预览</el-button> |
||||||
|
<el-button type="text" @click="edit(scope.row)">编辑</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> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
<el-dialog title="提示" :visible.sync="delVisible" width="400px" :close-on-click-modal="false" custom-class="del-dia"> |
||||||
|
<div class="del-wrap"> |
||||||
|
<div class="icon el-icon-warning"></div> |
||||||
|
<div> |
||||||
|
<p>确认要删除【{{ curName }}】吗？</p> |
||||||
|
<p class="tips">删除后，其子级分类也将被删除。</p> |
||||||
|
<el-checkbox v-model="deleteQuestions">同时删除此分类及其子分类的试卷，删除后数据无法恢复，请谨慎操作！</el-checkbox> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="delVisible = false">取消</el-button> |
||||||
|
<el-button type="primary" @click="delTypeSubmit">确定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import Util from '@/libs/util' |
||||||
|
import _ from 'lodash' |
||||||
|
import Breadcrumb from '@/components/breadcrumb' |
||||||
|
export default { |
||||||
|
components: { Breadcrumb }, |
||||||
|
data () { |
||||||
|
return { |
||||||
|
typeId: this.$route.query.id, |
||||||
|
createSource: 1, |
||||||
|
loading: false, |
||||||
|
keyword: '', |
||||||
|
types: [], |
||||||
|
isNotJoin: 1, |
||||||
|
typeVisible: false, // 员工组织架对话框 |
||||||
|
typeForm: { |
||||||
|
classificationId: '', |
||||||
|
classificationName: '' |
||||||
|
}, |
||||||
|
cascaderValue: [], |
||||||
|
cascaderProps: { |
||||||
|
checkStrictly: true, |
||||||
|
label: "classificationName", |
||||||
|
value: "classificationId" |
||||||
|
}, |
||||||
|
|
||||||
|
status: [], |
||||||
|
form: { |
||||||
|
name: '', |
||||||
|
parentId: [] |
||||||
|
}, |
||||||
|
typeRules: { |
||||||
|
classificationName: [ |
||||||
|
{ required: true, message: '请输入试卷分类名称', trigger: 'blur' } |
||||||
|
] |
||||||
|
}, |
||||||
|
rules: { |
||||||
|
name: [ |
||||||
|
{ required: true, message: '请输入试卷名称', trigger: 'blur' } |
||||||
|
], |
||||||
|
}, |
||||||
|
filter: { |
||||||
|
difficultOrder: '', |
||||||
|
yearOrder: '', |
||||||
|
updateTimeOrder: '', |
||||||
|
crateTimeOrder: '', |
||||||
|
keyWord: '', |
||||||
|
difficult: '', |
||||||
|
particularYear: '', |
||||||
|
keyWord: '', |
||||||
|
}, |
||||||
|
listLoading: false, |
||||||
|
list: [], |
||||||
|
page: 1, |
||||||
|
pageSize: 10, |
||||||
|
total: 0, |
||||||
|
multipleSelection: [], |
||||||
|
|
||||||
|
submiting: false, // 新增编辑防抖标识 |
||||||
|
|
||||||
|
|
||||||
|
delVisible: false, |
||||||
|
deleteQuestions: false, |
||||||
|
curName: '', |
||||||
|
curId: [], |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
keyword: function () { |
||||||
|
clearTimeout(this.searchTimer) |
||||||
|
this.searchTimer = setTimeout(this.getType, 500) |
||||||
|
}, |
||||||
|
'filter.keyWord': function () { |
||||||
|
clearTimeout(this.searchTimer) |
||||||
|
this.searchTimer = setTimeout(this.getList, 500) |
||||||
|
}, |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.crumbs = [ |
||||||
|
{ |
||||||
|
name: this.$route.query.name || '中台试卷库', |
||||||
|
route: '/testPaperLibrary' |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '试卷管理' |
||||||
|
}, |
||||||
|
], |
||||||
|
this.getType() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 获取分类 |
||||||
|
async getType () { |
||||||
|
try { |
||||||
|
this.loading = true |
||||||
|
const res = await this.$post(this.api.examClassificationList, { |
||||||
|
createSource: this.createSource, |
||||||
|
libraryId: this.typeId, |
||||||
|
}) |
||||||
|
const data = res.treeList |
||||||
|
this.handleType(data) |
||||||
|
this.types = data |
||||||
|
this.getList() |
||||||
|
} finally { |
||||||
|
this.loading = false |
||||||
|
} |
||||||
|
}, |
||||||
|
// 分类筛选回调 |
||||||
|
changeType () { |
||||||
|
this.$refs.typeTree.setCurrentKey(null) |
||||||
|
this.initData() |
||||||
|
}, |
||||||
|
// 获取分类详情 |
||||||
|
async getDetail (id) { |
||||||
|
const res = await this.$get(this.api.examClassificationFind, { |
||||||
|
id |
||||||
|
}) |
||||||
|
return res.examClassification |
||||||
|
}, |
||||||
|
// 添加分类 |
||||||
|
async addType (row) { |
||||||
|
this.typeForm = { |
||||||
|
classificationId: '', |
||||||
|
classificationName: '', |
||||||
|
} |
||||||
|
this.typeVisible = true |
||||||
|
if (row) { |
||||||
|
const data = await this.getDetail(row.classificationId) |
||||||
|
const path = data.classificationPath.split('/').map(e => +e) |
||||||
|
this.cascaderValue = data.classificationPath.split('/').map(e => +e) |
||||||
|
} |
||||||
|
}, |
||||||
|
// 编辑分类 |
||||||
|
async editType (row) { |
||||||
|
this.typeForm = { |
||||||
|
classificationId: row.classificationId, |
||||||
|
classificationName: row.classificationName |
||||||
|
} |
||||||
|
this.typeVisible = true |
||||||
|
const data = await this.getDetail(row.classificationId) |
||||||
|
const path = data.classificationPath.split('/').map(e => +e) |
||||||
|
this.cascaderValue = path.slice(0, path.length - 1) |
||||||
|
}, |
||||||
|
// 处理树形 |
||||||
|
handleType (list) { |
||||||
|
list.map(e => { |
||||||
|
if (e.children && e.children.length) { |
||||||
|
this.handleType(e.children) |
||||||
|
} else { |
||||||
|
delete e.children |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 删除分类 |
||||||
|
delType (node, row) { |
||||||
|
this.curName = row.classificationName |
||||||
|
this.curId = [row.classificationId] |
||||||
|
this.delVisible = true |
||||||
|
}, |
||||||
|
// 删除分类提交 |
||||||
|
async delTypeSubmit () { |
||||||
|
await this.$post(this.api.examClassificationDel, { |
||||||
|
delete: this.deleteQuestions, |
||||||
|
ids: this.curId |
||||||
|
}) |
||||||
|
Util.successMsg('删除成功') |
||||||
|
this.delVisible = false |
||||||
|
this.getType() |
||||||
|
}, |
||||||
|
// 分类新增/编辑 |
||||||
|
typeSubmit () { |
||||||
|
this.$refs.typeForm.validate(async (valid) => { |
||||||
|
if (valid) { |
||||||
|
const form = this.typeForm |
||||||
|
const cas = this.cascaderValue |
||||||
|
const len = cas.length |
||||||
|
if (cas && len) { |
||||||
|
form.parentId = cas[len - 1] |
||||||
|
form.level = len + 1 |
||||||
|
} else { |
||||||
|
form.parentId = 0 |
||||||
|
form.level = 1 |
||||||
|
} |
||||||
|
form.createSource = this.createSource |
||||||
|
form.libraryId = this.typeId |
||||||
|
await this.$post(this.api[form.classificationId ? 'examClassificationUpdate' : 'examClassificationSave'], form) |
||||||
|
Util.successMsg('保存成功') |
||||||
|
this.closeType() |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
// 点击树节点查询列表数据 |
||||||
|
handleNodeClick (data) { |
||||||
|
this.$refs.table.clearSelection() |
||||||
|
this.isNotJoin = '' |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
// 关闭组织新增编辑弹框 |
||||||
|
closeType () { |
||||||
|
this.typeVisible = false |
||||||
|
this.cascaderValue = [] |
||||||
|
this.getType() |
||||||
|
}, |
||||||
|
// 列表 |
||||||
|
async getList () { |
||||||
|
try { |
||||||
|
this.listLoading = true |
||||||
|
const res = await this.$post(this.api.examPaperList, { |
||||||
|
...this.filter, |
||||||
|
type: this.isNotJoin, |
||||||
|
pageNum: this.page, |
||||||
|
pageSize: this.pageSize, |
||||||
|
classificationId: this.$refs.typeTree.getCurrentKey() || '', |
||||||
|
}) |
||||||
|
this.list = res.pageList.records |
||||||
|
this.total = res.pageList.total |
||||||
|
} finally { |
||||||
|
this.listLoading = false |
||||||
|
} |
||||||
|
}, |
||||||
|
// 切换页码 |
||||||
|
currentChange (val) { |
||||||
|
this.page = val |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
handleSelectionChange (val) { // 多选 |
||||||
|
this.multipleSelection = val |
||||||
|
}, |
||||||
|
initData () { |
||||||
|
this.$refs.table.clearSelection() |
||||||
|
this.page = 1 |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
// 排序回调 |
||||||
|
sortChange (column) { |
||||||
|
if (column.prop === 'createTime') this.filter.timeOrderBy = column.order ? column.order === 'ascending' ? 'asc' : 'desc' : '' |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
// 删除 |
||||||
|
async del (row) { |
||||||
|
try { |
||||||
|
await this.$confirm(`<p>确认要删除【${row.name}】吗？</p><p style="color: #f56c6c;">删除后，关联此试卷的试题将自动移除此试卷！</p>`, '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning', |
||||||
|
closeOnClickModal: false, |
||||||
|
dangerouslyUseHTMLString: true, |
||||||
|
}) |
||||||
|
await this.$post(this.api.knowledgeHierarchyDel, [row.id]) |
||||||
|
Util.successMsg('删除成功') |
||||||
|
this.getList() |
||||||
|
} catch (e) { } |
||||||
|
}, |
||||||
|
// 添加试卷 |
||||||
|
add () { |
||||||
|
this.$router.push(`detail?libraryId=${this.typeId}`) |
||||||
|
}, |
||||||
|
// 编辑试卷 |
||||||
|
async edit (row) { |
||||||
|
const { data } = await this.$post(`${this.api.knowledgeHierarchyFind}?id=${row.id}`) |
||||||
|
this.knowledgeVisible = true |
||||||
|
const path = data.path.split('/').map(e => +e) |
||||||
|
this.form = { |
||||||
|
id: row.id, |
||||||
|
name: row.name, |
||||||
|
parentId: path.slice(0, path.length - 1), |
||||||
|
} |
||||||
|
console.log(11, this.form) |
||||||
|
}, |
||||||
|
async delAllSelection () { |
||||||
|
const list = this.multipleSelection |
||||||
|
if (list.length) { |
||||||
|
try { |
||||||
|
await this.$confirm(`<p style="margin-bottom: 10px;">确认要删除已选定的${list.length}个试卷吗？</p><p style="color: #f56c6c;">删除后，关联这些试卷的试题将自动移除这些试卷！</p>`, '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning', |
||||||
|
closeOnClickModal: false, |
||||||
|
dangerouslyUseHTMLString: true, |
||||||
|
}) |
||||||
|
await this.$post(this.api.knowledgeHierarchyDel, list.map(e => e.id)) |
||||||
|
Util.successMsg('删除成功') |
||||||
|
this.multipleSelection = [] |
||||||
|
this.$refs.table.clearSelection() |
||||||
|
this.getList() |
||||||
|
} catch (e) { } |
||||||
|
} else { |
||||||
|
Util.warningMsg('请选择数据') |
||||||
|
} |
||||||
|
}, |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.org-name { |
||||||
|
margin-right: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
.page { |
||||||
|
display: flex; |
||||||
|
min-height: 100%; |
||||||
|
margin-top: 20px; |
||||||
|
padding: 0 24px; |
||||||
|
|
||||||
|
.side { |
||||||
|
width: 300px; |
||||||
|
padding: 24px 10px 24px 0; |
||||||
|
margin-right: 24px; |
||||||
|
border-right: 1px solid rgba(0, 0, 0, 0.06); |
||||||
|
} |
||||||
|
|
||||||
|
.right { |
||||||
|
width: calc(100% - 324px); |
||||||
|
padding: 24px 0; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.tool { |
||||||
|
margin-bottom: 0; |
||||||
|
|
||||||
|
.filter { |
||||||
|
flex-wrap: wrap; |
||||||
|
justify-content: space-between; |
||||||
|
|
||||||
|
li { |
||||||
|
margin-bottom: 15px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,363 @@ |
|||||||
|
<template> |
||||||
|
<div class="page"> |
||||||
|
<div class="side"> |
||||||
|
<div class="m-b-20"> |
||||||
|
<h6 class="page-name">试卷库分类</h6> |
||||||
|
<el-radio-group v-model="isNotJoin" @change="typeChange"> |
||||||
|
<div class="m-b-10"> |
||||||
|
<el-radio :label="1">所有试卷库</el-radio> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-radio :label="2">未加入分类的试卷库</el-radio> |
||||||
|
</div> |
||||||
|
</el-radio-group> |
||||||
|
</div> |
||||||
|
<el-divider></el-divider> |
||||||
|
<div> |
||||||
|
<el-input class="m-b-10" placeholder="请输入试卷库分类" prefix-icon="el-icon-search" size="small" clearable |
||||||
|
v-model="keyword"></el-input> |
||||||
|
<div style="height: 504px; max-height: 504px; overflow: auto"> |
||||||
|
<el-tree :data="types" default-expand-all ref="typeTree" node-key="libraryClassificationId" highlight-current |
||||||
|
:expand-on-click-node="false" @node-click="handleNodeClick" |
||||||
|
:props="{ id: 'libraryClassificationId', label: 'libraryClassificationName', isLeaf: 'leaf' }"></el-tree> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="right"> |
||||||
|
<h6 class="page-name">筛选</h6> |
||||||
|
<div class="tool"> |
||||||
|
<ul class="filter"> |
||||||
|
<li> |
||||||
|
<label>状态</label> |
||||||
|
<el-select v-model="filter.isDisable" clearable placeholder="请选择状态" @change="getList"> |
||||||
|
<el-option v-for="(item, i) in isDisable" :key="i" :label="item.name" :value="item.id"></el-option> |
||||||
|
</el-select> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<label>搜索</label> |
||||||
|
<el-input style="width: 250px;" placeholder="请输入试卷库名称" prefix-icon="el-icon-search" v-model="filter.keyWord" |
||||||
|
clearable></el-input> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
<div> |
||||||
|
<el-button type="primary" @click="add">创建试卷库</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<el-table :data="list" class="table" ref="table" stripe header-align="center" |
||||||
|
@selection-change="handleSelectionChange" row-key="libraryId" @sort-change="sortChange"> |
||||||
|
<el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column> |
||||||
|
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
||||||
|
<el-table-column prop="libraryName" label="试卷库名称" align="center" min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="remarks" label="描述" align="center" min-width="120" |
||||||
|
show-overflow-tooltip></el-table-column> |
||||||
|
<el-table-column prop="libraryClassificationName" label="试卷库分类" align="center" |
||||||
|
min-width="120"></el-table-column> |
||||||
|
<el-table-column prop="examPaperNum" label="试卷数量" align="center" width="100" |
||||||
|
sortable="custom"></el-table-column> |
||||||
|
<el-table-column prop="createTime" label="创建时间" align="center" width="160" sortable="custom"></el-table-column> |
||||||
|
<el-table-column prop="createUserName" label="创建人" align="center" width="100"></el-table-column> |
||||||
|
<el-table-column label="操作" align="center" width="280"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="text" @click="toTestPaper(scope.row)">试题管理</el-button> |
||||||
|
<el-button type="text" @click="edit(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> |
||||||
|
<el-switch v-model="scope.row.isDisable" :active-value="false" :inactive-value="true" |
||||||
|
style="margin: 0 10px 0 5px" :active-text="scope.row.isDisable ? '关' : '开'" |
||||||
|
@change="switchOff($event, scope.row)"></el-switch> |
||||||
|
</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> |
||||||
|
|
||||||
|
<el-dialog :title="isCopy ? '复制试卷库' : !form.libraryId ? '创建试卷库' : '编辑试卷库'" :visible.sync="quesBankVisible" |
||||||
|
width="400px" :close-on-click-modal="false"> |
||||||
|
<p v-if="isCopy" style="margin: -10px 0 20px;font-size: 12px;color: #f00;">您将复制当前试卷库中的所有题目到新试卷库，请输入新试卷库名称</p> |
||||||
|
<el-form :model="form" :rules="rules" label-width="100px"> |
||||||
|
<el-form-item prop="userName" label="分类"> |
||||||
|
<el-cascader placeholder="请选择试卷库分类" v-model="libraryClassificationId" :options="enableTypes" |
||||||
|
:props="{ value: 'libraryClassificationId', label: 'libraryClassificationName', checkStrictly: true }" |
||||||
|
clearable></el-cascader> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item prop="libraryName" label="试卷库名称"> |
||||||
|
<el-input placeholder="请输入试卷库名称" v-model="form.libraryName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item prop="remarks" label="试卷库描述"> |
||||||
|
<el-input placeholder="请输入试卷库描述" type="textarea" :rows="3" v-model="form.remarks"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="quesBankVisible = false">取 消</el-button> |
||||||
|
<el-button type="primary" @click="quesBankSubmit">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import Util from "@/libs/util"; |
||||||
|
import Setting from "@/setting"; |
||||||
|
import _ from 'lodash' |
||||||
|
export default { |
||||||
|
data () { |
||||||
|
return { |
||||||
|
loading: false, |
||||||
|
keyword: '', |
||||||
|
isNotJoin: 1, |
||||||
|
types: [], |
||||||
|
isDisable: [ |
||||||
|
{ |
||||||
|
id: 0, |
||||||
|
name: '启用' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
name: '禁用' |
||||||
|
}, |
||||||
|
], |
||||||
|
filter: { |
||||||
|
numOrder: '', |
||||||
|
timeOrder: '', |
||||||
|
isDisable: '', |
||||||
|
keyWord: '', |
||||||
|
}, |
||||||
|
list: [], |
||||||
|
page: 1, |
||||||
|
pageSize: 10, |
||||||
|
total: 0, |
||||||
|
multipleSelection: [], |
||||||
|
|
||||||
|
form: { |
||||||
|
remarks: '', |
||||||
|
libraryName: '', |
||||||
|
}, |
||||||
|
libraryClassificationId: [], |
||||||
|
rules: { |
||||||
|
libraryName: [ |
||||||
|
{ required: true, message: '请输入试卷库名称', trigger: 'blur' } |
||||||
|
] |
||||||
|
}, |
||||||
|
enableTypes: [], |
||||||
|
quesBankVisible: false, |
||||||
|
submiting: false, |
||||||
|
isCopy: false, |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
keyword: function (val) { |
||||||
|
clearTimeout(this.searchTimer) |
||||||
|
this.searchTimer = setTimeout(this.getType, 500) |
||||||
|
}, |
||||||
|
'filter.keyWord': function (val) { |
||||||
|
clearTimeout(this.searchTimer) |
||||||
|
this.searchTimer = setTimeout(this.initData, 500) |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.getType() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 获取试卷库分类 |
||||||
|
async getType () { |
||||||
|
try { |
||||||
|
this.loading = true |
||||||
|
const res = await this.$post(this.api.libraryClassificationList, { |
||||||
|
keyword: this.keyword, |
||||||
|
createSource: 1, |
||||||
|
}) |
||||||
|
const data = res.treeList |
||||||
|
this.handleList(data) |
||||||
|
this.types = data |
||||||
|
this.getList() |
||||||
|
} finally { |
||||||
|
this.loading = false |
||||||
|
} |
||||||
|
}, |
||||||
|
// 处理树形 |
||||||
|
handleList (list) { |
||||||
|
list.map(e => { |
||||||
|
if (e.children && e.children.length) { |
||||||
|
this.handleList(e.children) |
||||||
|
} else { |
||||||
|
delete e.children |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
// 类型回调 |
||||||
|
typeChange () { |
||||||
|
this.$refs.typeTree.setCurrentKey(null) |
||||||
|
this.initData() |
||||||
|
}, |
||||||
|
// 点击树节点查询列表数据 |
||||||
|
handleNodeClick (data) { |
||||||
|
this.isNotJoin = '' |
||||||
|
this.initData() |
||||||
|
this.$refs.table.clearSelection() |
||||||
|
}, |
||||||
|
// 试卷库列表 |
||||||
|
async getList () { |
||||||
|
const res = await this.$post(this.api.libraryList, { |
||||||
|
...this.filter, |
||||||
|
type: this.isNotJoin, |
||||||
|
pageNum: this.page, |
||||||
|
pageSize: this.pageSize, |
||||||
|
libraryClassificationId: this.$refs.typeTree.getCurrentKey() || '', |
||||||
|
}) |
||||||
|
this.list = res.pageList.records |
||||||
|
this.total = res.pageList.total |
||||||
|
}, |
||||||
|
// 切换页码 |
||||||
|
currentChange (val) { |
||||||
|
this.page = val |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
// 多选 |
||||||
|
handleSelectionChange (val) { |
||||||
|
this.multipleSelection = val |
||||||
|
}, |
||||||
|
initData () { |
||||||
|
this.$refs.table.clearSelection() |
||||||
|
this.page = 1 |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
// 排序回调 |
||||||
|
sortChange (column) { |
||||||
|
// 1上2下 |
||||||
|
if (column.prop === 'examPaperNum') this.filter.numOrder = column.order ? column.order === 'ascending' ? 1 : 2 : '' |
||||||
|
if (column.prop === 'createTime') this.filter.timeOrder = column.order ? column.order === 'ascending' ? 1 : 2 : '' |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
// 删除 |
||||||
|
async del (row) { |
||||||
|
try { |
||||||
|
await this.$confirm(`<p>确认要删除【${row.libraryName}】吗？</p><p style="color: #f56c6c;">删除后，试卷库中的试卷将会被删除，请谨慎操作！</p>`, '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning', |
||||||
|
closeOnClickModal: false, |
||||||
|
dangerouslyUseHTMLString: true, |
||||||
|
}) |
||||||
|
await this.$post(this.api.paperLibraryDel, { |
||||||
|
ids: [row.libraryId] |
||||||
|
}) |
||||||
|
Util.successMsg('删除成功') |
||||||
|
this.getList() |
||||||
|
} catch (e) { } |
||||||
|
}, |
||||||
|
async switchOff (val, row) { |
||||||
|
await this.$post(this.api.paperLibraryDisable, { |
||||||
|
id: row.libraryId, |
||||||
|
isDisable: val |
||||||
|
}) |
||||||
|
Util.successMsg(val ? '禁用成功' : '启用成功') |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
// 获取分类详情 |
||||||
|
async getDetail (id) { |
||||||
|
const res = await this.$get(this.api.libraryClassificationFind, { |
||||||
|
id |
||||||
|
}) |
||||||
|
return res.libraryClassification |
||||||
|
}, |
||||||
|
// 添加 |
||||||
|
async add () { |
||||||
|
this.getEnableType() |
||||||
|
this.isCopy = false |
||||||
|
const type = this.$refs.typeTree.getCurrentNode() |
||||||
|
this.form = { |
||||||
|
remarks: '', |
||||||
|
libraryName: '', |
||||||
|
} |
||||||
|
if (type) { |
||||||
|
const data = await this.getDetail(type.libraryClassificationId) |
||||||
|
this.libraryClassificationId = data.classificationPath.split('/').map(e => +e) |
||||||
|
} else { |
||||||
|
this.libraryClassificationId = [] |
||||||
|
} |
||||||
|
this.quesBankVisible = true |
||||||
|
}, |
||||||
|
// 试卷管理 |
||||||
|
toTestPaper (row) { |
||||||
|
this.$router.push(`/testPaper?id=${row.libraryId}&name=${row.libraryName}`) |
||||||
|
}, |
||||||
|
// 编辑/复制 |
||||||
|
async edit (row, isCopy) { |
||||||
|
this.getEnableType() |
||||||
|
this.isCopy = isCopy |
||||||
|
this.quesBankVisible = true |
||||||
|
this.form = { |
||||||
|
libraryId: row.libraryId, |
||||||
|
libraryName: row.libraryName, |
||||||
|
remarks: row.remarks, |
||||||
|
} |
||||||
|
let type = row.libraryClassificationId |
||||||
|
if (type) { |
||||||
|
type = type.split('/') |
||||||
|
const data = await this.getDetail(type[type.length - 1]) |
||||||
|
this.libraryClassificationId = data.classificationPath.split('/').map(e => +e) |
||||||
|
} else { |
||||||
|
this.libraryClassificationId = [] |
||||||
|
} |
||||||
|
}, |
||||||
|
// 获取启用的试卷库分类 |
||||||
|
async getEnableType () { |
||||||
|
if (!this.enableTypes.length) { |
||||||
|
try { |
||||||
|
const res = await this.$post(this.api.libraryClassificationList, { |
||||||
|
createSource: 1, |
||||||
|
isDisable: false, |
||||||
|
}) |
||||||
|
const data = res.treeList |
||||||
|
this.handleList(data) |
||||||
|
this.enableTypes = data |
||||||
|
} catch (e) { } |
||||||
|
} |
||||||
|
}, |
||||||
|
// 试卷库提交 |
||||||
|
async quesBankSubmit () { |
||||||
|
if (this.submiting) return false |
||||||
|
const form = _.cloneDeep(this.form) |
||||||
|
if (!form.libraryName) return Util.warningMsg('请输入试卷库名称') |
||||||
|
this.submiting = true |
||||||
|
if (this.libraryClassificationId.length) form.libraryClassificationId = this.libraryClassificationId[this.libraryClassificationId.length - 1] |
||||||
|
// form.systemId = this.systemId |
||||||
|
form.createSource = 1 |
||||||
|
try { |
||||||
|
await this.$post(this.api[this.isCopy ? 'copyQuestionBank' : form.libraryId ? 'paperLibraryUpdate' : 'paperLibrarySave'], form) |
||||||
|
Util.successMsg(this.isCopy ? '复制成功' : '保存成功') |
||||||
|
this.quesBankVisible = false |
||||||
|
this.submiting = false |
||||||
|
this.getList() |
||||||
|
} catch (e) { |
||||||
|
this.submiting = false |
||||||
|
} |
||||||
|
}, |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.page { |
||||||
|
display: flex; |
||||||
|
padding: 0 24px; |
||||||
|
|
||||||
|
.side { |
||||||
|
width: 300px; |
||||||
|
padding: 24px 10px 24px 0; |
||||||
|
margin-right: 24px; |
||||||
|
border-right: 1px solid rgba(0, 0, 0, 0.06); |
||||||
|
} |
||||||
|
|
||||||
|
.right { |
||||||
|
width: calc(100% - 324px); |
||||||
|
padding: 24px 0; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,292 @@ |
|||||||
|
<template> |
||||||
|
<div class="page"> |
||||||
|
<div class="tool"> |
||||||
|
<ul class="filter"> |
||||||
|
<li> |
||||||
|
<label>状态</label> |
||||||
|
<el-select v-model="filter.isDisable" clearable placeholder="请选择状态" @change="getData"> |
||||||
|
<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: 250px;" placeholder="请输入试卷库分类名称" prefix-icon="el-icon-search" |
||||||
|
v-model="filter.libraryClassificationName" clearable></el-input> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
<div> |
||||||
|
<el-button type="primary" @click="add(0)">新增</el-button> |
||||||
|
<el-button type="primary" @click="delAllSelection">批量删除</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<el-table v-loading="loading" :data="list" class="table" ref="table" stripe header-align="center" |
||||||
|
row-key="libraryClassificationId" default-expand-all |
||||||
|
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" @selection-change="handleSelectionChange"> |
||||||
|
<el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column> |
||||||
|
<el-table-column type="index" width="100" label="序号" align="center"></el-table-column> |
||||||
|
<el-table-column prop="libraryClassificationName" label="试卷库分类名称"></el-table-column> |
||||||
|
<el-table-column prop="relatedLibraryNum" label="已关联试卷库" align="center"></el-table-column> |
||||||
|
<el-table-column prop="createTime" label="创建时间" align="center"></el-table-column> |
||||||
|
<el-table-column prop="createUser" label="创建人" align="center"></el-table-column> |
||||||
|
<el-table-column label="操作" align="center" width="300"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="text" @click="add(scope.row)">新增下级</el-button> |
||||||
|
<el-button type="text" @click="edit(scope.row)">编辑</el-button> |
||||||
|
<el-button type="text" @click="del(scope.row)">删除</el-button> |
||||||
|
<el-switch v-model="scope.row.isDisable" :active-value="false" :inactive-value="true" |
||||||
|
style="margin: 0 10px 0 5px" :active-text="scope.row.isDisable ? '关' : '开'" |
||||||
|
@change="switchOff($event, scope.row)"></el-switch> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
|
||||||
|
|
||||||
|
<el-dialog :title="(!form.libraryClassificationId ? '新增' : '编辑') + '试卷库分类'" :visible.sync="typeVisible" |
||||||
|
width="400px" :close-on-click-modal="false"> |
||||||
|
<el-form :model="form" :rules="rules" label-width="130px"> |
||||||
|
<el-form-item prop="libraryClassificationName" label="试卷库分类名称"> |
||||||
|
<el-input placeholder="请输入分类名称" v-model="form.libraryClassificationName" maxlength="20"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="设置上一级"> |
||||||
|
<el-cascader v-model="parentId" :options="list" |
||||||
|
:props="{ value: 'libraryClassificationId', label: 'libraryClassificationName', checkStrictly: true }" |
||||||
|
clearable></el-cascader> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="typeVisible = false">取消</el-button> |
||||||
|
<el-button type="primary" v-loading="submiting" @click="typeSubmit">确定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
|
||||||
|
|
||||||
|
<el-dialog title="提示" :visible.sync="delVisible" width="400px" :close-on-click-modal="false" custom-class="del-dia"> |
||||||
|
<div class="del-wrap"> |
||||||
|
<div class="icon el-icon-warning"></div> |
||||||
|
<div> |
||||||
|
<p>确认要删除【{{ curName }}】吗？</p> |
||||||
|
<p class="tips">删除后，此试卷库分类及其子分类将被删除，已关联的试卷库将无分类</p> |
||||||
|
<el-checkbox v-model="deleteQuestions">同时删除此试卷库分类及其子分类的试卷库，删除后数据无法恢复，请谨慎操作！</el-checkbox> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="delVisible = false">取消</el-button> |
||||||
|
<el-button type="primary" @click="delSubmit">确定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import Util from '@/libs/util' |
||||||
|
export default { |
||||||
|
data () { |
||||||
|
return { |
||||||
|
systemId: '', |
||||||
|
status: [ |
||||||
|
{ |
||||||
|
id: 0, |
||||||
|
name: '启用' |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
name: '禁用' |
||||||
|
}, |
||||||
|
], |
||||||
|
filter: { |
||||||
|
isDisable: '', |
||||||
|
libraryClassificationName: '', |
||||||
|
}, |
||||||
|
list: [], |
||||||
|
multipleSelection: [], |
||||||
|
parentId: [], |
||||||
|
form: { |
||||||
|
libraryClassificationName: '', |
||||||
|
}, |
||||||
|
rules: { |
||||||
|
libraryClassificationName: [ |
||||||
|
{ required: true, message: '请输入试卷库分类名称', trigger: 'blur' } |
||||||
|
] |
||||||
|
}, |
||||||
|
typeVisible: false, |
||||||
|
loading: false, |
||||||
|
searchTimer: null, |
||||||
|
|
||||||
|
delVisible: false, |
||||||
|
deleteQuestions: false, |
||||||
|
curName: '', |
||||||
|
curId: [], |
||||||
|
submiting: false, |
||||||
|
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
'filter.libraryClassificationName': function (val) { |
||||||
|
clearTimeout(this.searchTimer); |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.getData() |
||||||
|
}, 500) |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
async getData () { |
||||||
|
try { |
||||||
|
this.loading = true |
||||||
|
const res = await this.$post(this.api.libraryClassificationList, { |
||||||
|
...this.filter |
||||||
|
}) |
||||||
|
const data = res.treeList |
||||||
|
this.handleList(data) |
||||||
|
this.list = data |
||||||
|
} finally { |
||||||
|
this.loading = false |
||||||
|
} |
||||||
|
}, |
||||||
|
// 处理树形 |
||||||
|
handleList (list) { |
||||||
|
list.map(e => { |
||||||
|
if (e.children && e.children.length) { |
||||||
|
this.handleList(e.children) |
||||||
|
} else { |
||||||
|
delete e.children |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleSelectionChange (val) { |
||||||
|
this.multipleSelection = val |
||||||
|
}, |
||||||
|
// 获取分类详情 |
||||||
|
async getDetail (id) { |
||||||
|
const res = await this.$get(this.api.libraryClassificationFind, { |
||||||
|
id |
||||||
|
}) |
||||||
|
return res.libraryClassification |
||||||
|
}, |
||||||
|
// 新建 |
||||||
|
async add (row) { |
||||||
|
this.form = { |
||||||
|
libraryClassificationName: '', |
||||||
|
parentId: 0, |
||||||
|
} |
||||||
|
this.typeVisible = true |
||||||
|
|
||||||
|
if (row) { |
||||||
|
const data = await this.getDetail(row.libraryClassificationId) |
||||||
|
const path = data.classificationPath |
||||||
|
this.parentId = path.split('/').map(e => +e).slice(0, path.length - 1) |
||||||
|
} else { |
||||||
|
this.parentId = [] |
||||||
|
} |
||||||
|
}, |
||||||
|
// 编辑 |
||||||
|
async edit (row) { |
||||||
|
this.typeVisible = true |
||||||
|
const data = await this.getDetail(row.libraryClassificationId) |
||||||
|
this.form = { |
||||||
|
libraryClassificationId: data.libraryClassificationId, |
||||||
|
libraryClassificationName: data.libraryClassificationName, |
||||||
|
} |
||||||
|
const path = data.classificationPath.split('/').map(e => +e) |
||||||
|
this.parentId = path.slice(0, path.length - 1) |
||||||
|
}, |
||||||
|
// 分类提交 |
||||||
|
async typeSubmit () { |
||||||
|
if (this.submiting) return false |
||||||
|
const { form, parentId } = this |
||||||
|
if (!form.libraryClassificationName) return Util.warningMsg('请输入试卷库分类名称') |
||||||
|
this.submiting = true |
||||||
|
if (parentId.length) form.parentId = parentId[parentId.length - 1] |
||||||
|
// form.systemId = this.systemId |
||||||
|
form.createSource = 1 |
||||||
|
await this.$post(this.api[form.libraryClassificationId ? 'libraryClassificationUpdate' : 'libraryClassificationSave'], form) |
||||||
|
Util.successMsg('保存成功') |
||||||
|
this.typeVisible = false |
||||||
|
this.submiting = false |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
// 删除 |
||||||
|
del (row) { |
||||||
|
this.curName = row.name |
||||||
|
this.curId = [row.libraryClassificationId] |
||||||
|
this.delVisible = true |
||||||
|
}, |
||||||
|
// 删除提交 |
||||||
|
async delSubmit () { |
||||||
|
await this.$post(this.api.libraryClassificationDel, { |
||||||
|
ids: this.curId, |
||||||
|
delete: this.deleteQuestions |
||||||
|
}) |
||||||
|
Util.successMsg('删除成功') |
||||||
|
this.multipleSelection = [] |
||||||
|
this.$refs.table.clearSelection() |
||||||
|
this.delVisible = false |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
// 批量删除 |
||||||
|
delAllSelection () { |
||||||
|
const list = this.multipleSelection |
||||||
|
if (list.length) { |
||||||
|
this.curName = list.map(e => e.libraryClassificationName).join() |
||||||
|
this.curId = list.map(e => e.libraryClassificationId) |
||||||
|
this.delVisible = true |
||||||
|
} else { |
||||||
|
Util.warningMsg('请选择数据') |
||||||
|
} |
||||||
|
}, |
||||||
|
// 禁启用 |
||||||
|
async switchOff (val, row) { |
||||||
|
try { |
||||||
|
row.isDisable = !val |
||||||
|
if (val) { |
||||||
|
await this.$confirm(`<p>确认要禁用【${row.libraryClassificationName}】吗？</p><p style="color: #f56c6c;">禁用后，此试卷库分类及其子分类将被禁用</p>`, '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning', |
||||||
|
closeOnClickModal: false, |
||||||
|
dangerouslyUseHTMLString: true, |
||||||
|
}) |
||||||
|
} |
||||||
|
const res = await this.$post(this.api.libraryClassificationDisable, { |
||||||
|
id: row.libraryClassificationId, |
||||||
|
isDisable: val |
||||||
|
}) |
||||||
|
if (res.status === 200) { |
||||||
|
Util.successMsg(val ? '禁用成功' : '启用成功') |
||||||
|
this.getData() |
||||||
|
} |
||||||
|
} catch (e) { |
||||||
|
row.isDisable = !val |
||||||
|
} |
||||||
|
}, |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
/deep/.del-dia { |
||||||
|
.el-dialog__body { |
||||||
|
padding: 10px 30px; |
||||||
|
} |
||||||
|
|
||||||
|
.del-wrap { |
||||||
|
display: flex; |
||||||
|
} |
||||||
|
|
||||||
|
.icon { |
||||||
|
margin-right: 15px; |
||||||
|
font-size: 24px; |
||||||
|
color: #E6A23C; |
||||||
|
} |
||||||
|
|
||||||
|
.tips { |
||||||
|
margin: 5px 0 10px; |
||||||
|
} |
||||||
|
|
||||||
|
.el-checkbox__label { |
||||||
|
white-space: normal; |
||||||
|
vertical-align: top; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
import BasicLayout from '@/layouts/home' |
||||||
|
|
||||||
|
const meta = {} |
||||||
|
|
||||||
|
export default { |
||||||
|
path: '/knowledge', |
||||||
|
meta, |
||||||
|
component: BasicLayout, |
||||||
|
children: [ |
||||||
|
{ |
||||||
|
path: '/knowledge', |
||||||
|
component: () => import('@/pages/knowledge/index.vue'), |
||||||
|
meta: { title: '知识点' } |
||||||
|
}, |
||||||
|
] |
||||||
|
}; |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
import BasicLayout from '@/layouts/home' |
||||||
|
|
||||||
|
const meta = {} |
||||||
|
|
||||||
|
export default { |
||||||
|
path: '/testPaper', |
||||||
|
redirect: { |
||||||
|
path: `/testPaper/list` |
||||||
|
}, |
||||||
|
meta, |
||||||
|
component: BasicLayout, |
||||||
|
children: [ |
||||||
|
{ |
||||||
|
path: 'list', |
||||||
|
component: () => import('@/pages/testPaper/list'), |
||||||
|
meta: { title: '试卷管理' } |
||||||
|
}, |
||||||
|
{ |
||||||
|
path: 'detail', |
||||||
|
component: () => import('@/pages/testPaper/detail'), |
||||||
|
meta: { title: '试卷管理' } |
||||||
|
}, |
||||||
|
] |
||||||
|
}; |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
import BasicLayout from '@/layouts/home' |
||||||
|
|
||||||
|
const meta = {} |
||||||
|
|
||||||
|
export default { |
||||||
|
path: '/testPaperLibrary', |
||||||
|
meta, |
||||||
|
component: BasicLayout, |
||||||
|
children: [ |
||||||
|
{ |
||||||
|
path: '/testPaperLibrary', |
||||||
|
component: () => import('@/pages/testPaperLibrary'), |
||||||
|
meta: { title: '试卷库分类' } |
||||||
|
}, |
||||||
|
] |
||||||
|
}; |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
import BasicLayout from '@/layouts/home' |
||||||
|
|
||||||
|
const meta = {} |
||||||
|
|
||||||
|
export default { |
||||||
|
path: '/testPaperLibraryType', |
||||||
|
meta, |
||||||
|
component: BasicLayout, |
||||||
|
children: [ |
||||||
|
{ |
||||||
|
path: '/testPaperLibraryType', |
||||||
|
component: () => import('@/pages/testPaperLibraryType'), |
||||||
|
meta: { title: '试卷库分类' } |
||||||
|
}, |
||||||
|
] |
||||||
|
}; |
||||||
Loading…
Reference in new issue