master
parent
f6f0231de4
commit
ef8522d1e1
21 changed files with 718 additions and 121 deletions
@ -0,0 +1,237 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-card shadow="hover" class="m-b-20"> |
||||||
|
<div> |
||||||
|
<div class="p-title m-b-20">筛选</div> |
||||||
|
|
||||||
|
<div class="flex"> |
||||||
|
<div> |
||||||
|
<el-input placeholder="请输入分类名称" prefix-icon="el-icon-search" v-model="keyword" clearable></el-input> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-card shadow="hover"> |
||||||
|
<div class="flex j-between m-b-20"> |
||||||
|
<div class="p-title">分类管理</div> |
||||||
|
|
||||||
|
<div> |
||||||
|
<el-button type="primary" size="small" round @click="addFirst" v-auth>添加一级分类</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<el-table :data="listData" class="table" stripe header-align="center" row-key="cid" :tree-props="treeProps" :indent="9"> |
||||||
|
<el-table-column prop="typeName" label="分类名称"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span style="display: inline-block;width: 23px;" v-if="!scope.row.secondColumn.length"></span>{{scope.row.typeName}} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" width="200"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="text" v-if="scope.row.parentId == 0" @click="addSecond(scope.row)" v-auth>添加</el-button> |
||||||
|
<el-button type="text" @click="editType(scope.row)" v-auth>编辑</el-button> |
||||||
|
<el-button type="text" @click="handleDelete(scope.row)" v-auth>删除</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<div class="pagination"> |
||||||
|
<el-pagination background @current-change="handleCurrentChange" :current-page="page" layout="total, prev, pager, next" :total="total"> |
||||||
|
</el-pagination> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<el-dialog :title="isAddFirst ? '添加一级分类' : '编辑一级分类'" :visible.sync="firstVisible" width="24%" center @close="closeFirst" :close-on-click-modal="false"> |
||||||
|
<el-form> |
||||||
|
<el-form-item> |
||||||
|
<el-input placeholder="请输入题库分类名称" v-model="firstName" maxlength="15"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="firstVisible = false">取消</el-button> |
||||||
|
<el-button type="primary" @click="firstSubmit">确定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
|
||||||
|
<el-dialog :title="isAddSecond ? '添加二级分类' : '编辑二级分类'" :visible.sync="secondVisible" width="24%" center @close="closeSecond" :close-on-click-modal="false"> |
||||||
|
<el-form> |
||||||
|
<el-form-item> |
||||||
|
<el-input placeholder="请输入题库分类名称" v-model="secondName" maxlength="15"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="secondVisible = false">取消</el-button> |
||||||
|
<el-button type="primary" @click="secondSubmit">确定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { mapState } from 'vuex' |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
treeProps: {children: 'secondColumn', hasChildren: 'hasChildren'}, |
||||||
|
listData: [], |
||||||
|
keyword: '', |
||||||
|
page: 1, |
||||||
|
pageSize: 10, |
||||||
|
total: 0, |
||||||
|
searchTimer: null, |
||||||
|
firstVisible: false, |
||||||
|
firstId: '', |
||||||
|
firstName: '', |
||||||
|
secondVisible: false, |
||||||
|
secondName: '', |
||||||
|
secondId: '', |
||||||
|
curRow: {}, |
||||||
|
isAddFirst: false, |
||||||
|
isAddSecond: false, |
||||||
|
}; |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
...mapState('user', [ |
||||||
|
'userId','clientId' |
||||||
|
]) |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
keyword: function(val) { |
||||||
|
clearTimeout(this.searchTimer) |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.getData() |
||||||
|
},500) |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getData() { |
||||||
|
let data = { |
||||||
|
pageNum: this.page, |
||||||
|
pageSize: this.pageSize, |
||||||
|
keyword: this.keyword, |
||||||
|
schoolId: this.clientId, |
||||||
|
source: 2 |
||||||
|
} |
||||||
|
this.$post(this.api.listByPage,data) |
||||||
|
.then(res => { |
||||||
|
this.listData = res.data.list.list |
||||||
|
this.total = res.data.list.totalCount |
||||||
|
}).catch(err => {}) |
||||||
|
}, |
||||||
|
handleCurrentChange(val) { |
||||||
|
this.page = val |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
handleDelete(row) { |
||||||
|
this.$confirm('确定要删除吗？', '提示', { |
||||||
|
type: 'warning' |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$post(`${this.api.deleteById}?cid=${row.cid}`).then(res => { |
||||||
|
this.$message.success('删除成功') |
||||||
|
this.getData() |
||||||
|
}).catch(res => {}) |
||||||
|
}) |
||||||
|
.catch(() => {}) |
||||||
|
}, |
||||||
|
addFirst(){ |
||||||
|
this.isAddFirst = true |
||||||
|
this.firstVisible = true |
||||||
|
}, |
||||||
|
firstSubmit(){ |
||||||
|
if(!this.firstName) return this.$message.warning('请填写题库分类名称') |
||||||
|
let data = { |
||||||
|
userId: this.userId, |
||||||
|
typeName: this.firstName, |
||||||
|
schoolId: this.clientId, |
||||||
|
source: 2 |
||||||
|
} |
||||||
|
if(this.curRow.cid){ |
||||||
|
data.cid = this.curRow.cid |
||||||
|
this.$post(this.api.modifyLevel, data).then(res => { |
||||||
|
if(res.success){ |
||||||
|
this.$message.success('修改成功'); |
||||||
|
this.firstVisible = false |
||||||
|
this.getData() |
||||||
|
} |
||||||
|
}).catch(err => {}) |
||||||
|
}else{ |
||||||
|
this.$post(this.api.AddOneLevel, data).then(res => { |
||||||
|
if(res.success){ |
||||||
|
this.$message.success('添加成功'); |
||||||
|
this.firstVisible = false |
||||||
|
this.getData() |
||||||
|
} |
||||||
|
}).catch(err => {}) |
||||||
|
} |
||||||
|
}, |
||||||
|
addSecond(row){ |
||||||
|
this.isAddSecond = true |
||||||
|
this.curRow = row |
||||||
|
this.secondVisible = true |
||||||
|
}, |
||||||
|
closeFirst(){ |
||||||
|
this.curRow = {} |
||||||
|
this.firstName = '' |
||||||
|
}, |
||||||
|
closeSecond(){ |
||||||
|
this.curRow = {} |
||||||
|
this.secondName = '' |
||||||
|
}, |
||||||
|
editType(row){ |
||||||
|
this.curRow = row |
||||||
|
if(row.parentId == 0){ |
||||||
|
this.isAddFirst = false |
||||||
|
this.firstVisible = true |
||||||
|
this.firstName = row.typeName |
||||||
|
}else{ |
||||||
|
this.isAddSecond = false |
||||||
|
this.secondVisible = true |
||||||
|
this.secondName = row.typeName |
||||||
|
} |
||||||
|
}, |
||||||
|
secondSubmit(){ |
||||||
|
if(!this.secondName) return this.$message.warning('请填写题库分类名称') |
||||||
|
|
||||||
|
let data = { |
||||||
|
typeName: this.secondName, |
||||||
|
userId: this.userId, |
||||||
|
schoolId: this.clientId, |
||||||
|
source: 2 |
||||||
|
} |
||||||
|
if(this.curRow.parentId == 0){ |
||||||
|
data.parentId = this.curRow.cid |
||||||
|
this.$post(this.api.AddSecondLevel, data).then(res => { |
||||||
|
this.$message.success('添加成功'); |
||||||
|
this.secondVisible = false |
||||||
|
this.getData() |
||||||
|
}).catch(err => {}) |
||||||
|
}else{ |
||||||
|
data.cid = this.curRow.cid |
||||||
|
this.$post(this.api.modifyLevel, data).then(res => { |
||||||
|
this.$message.success('修改成功'); |
||||||
|
this.secondVisible = false |
||||||
|
this.getData() |
||||||
|
}).catch(err => {}) |
||||||
|
} |
||||||
|
}, |
||||||
|
delData(row) { |
||||||
|
this.$confirm('确定要删除吗？', '提示', { |
||||||
|
type: 'warning' |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$del(`${this.api.deleteColumn}/${row.id}`).then(res => { |
||||||
|
this.$message.success('删除成功'); |
||||||
|
this.getData() |
||||||
|
}).catch(res => {}) |
||||||
|
}).catch(() => {}) |
||||||
|
}, |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
|
||||||
|
</style> |
||||||
Loading…
Reference in new issue