You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
357 lines
11 KiB
357 lines
11 KiB
<template> |
|
<div class="page"> |
|
<div class="side"> |
|
<div class="m-b-20"> |
|
<h6 class="p-title">题库分类</h6> |
|
<el-radio-group v-model="type" @change="typeChange"> |
|
<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> |
|
|
|
<el-input class="m-b-10" placeholder="请输入题库分类" prefix-icon="el-icon-search" size="small" clearable></el-input> |
|
<div style="height: 504px; max-height: 504px; overflow: auto"> |
|
<el-tree :data="orgList" default-expand-all ref="orgTree" node-key="id" highlight-current |
|
:expand-on-click-node="false" @node-click="handleNodeClick" |
|
:props="{ children: 'children', label: 'partnerClassificationName', isLeaf: 'leaf' }"></el-tree> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="right"> |
|
<h6 class="p-title">筛选</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-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="id"> |
|
<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="userName" label="题库名称" align="center" min-width="100"></el-table-column> |
|
<el-table-column prop="account" label="描述" align="center" min-width="100"></el-table-column> |
|
<el-table-column prop="phone" label="题库分类" align="center" min-width="120"></el-table-column> |
|
<el-table-column prop="invitationAccount" label="题目数量" align="center" min-width="120"></el-table-column> |
|
<el-table-column prop="loginNumber" label="创建时间" align="center" width="120"></el-table-column> |
|
<el-table-column prop="lastLoginTime" label="创建人" align="center" width="120"></el-table-column> |
|
<el-table-column label="操作" align="center" width="300"> |
|
<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="del(scope.row)">复制</el-button> |
|
<el-button type="text" @click="del(scope.row)">删除</el-button> |
|
<el-switch v-model="scope.row.ztOpen" :active-value="0" :inactive-value="1" style="margin: 0 10px 0 5px" |
|
:active-text="scope.row.ztOpen ? '关' : '开'" |
|
@change="switchOff($event, scope.row, scope.$index)"></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="!form.id ? '创建题库' : '编辑题库'" :visible.sync="quesBankVisible" width="400px" |
|
:close-on-click-modal="false"> |
|
<el-form label-width="80px"> |
|
<el-form-item prop="userName" label="分类"> |
|
<el-select style="width: 100%" v-model="form.provinceId" placeholder="请选择题库分类"> |
|
<el-option v-for="(item, i) in types" :key="i" :label="item.provinceName" |
|
:value="item.provinceId"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
<el-form-item prop="userName" label="题库名称"> |
|
<el-input placeholder="请输入题库名称" v-model="form.name"></el-input> |
|
</el-form-item> |
|
<el-form-item prop="userName" label="题库描述"> |
|
<el-input placeholder="请输入题库描述" type="textarea" :rows="3" v-model="form.name"></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 OrgTree from "@/components/org-tree/src/tree"; |
|
export default { |
|
components: { OrgTree }, |
|
data () { |
|
return { |
|
type: 1, |
|
orgList: [], |
|
status: [ |
|
{ |
|
id: 1, |
|
name: '启用' |
|
}, |
|
{ |
|
id: 2, |
|
name: '禁用' |
|
}, |
|
], |
|
filter: { |
|
status: '', |
|
keyWord: '', |
|
}, |
|
list: [], |
|
page: 1, |
|
pageSize: 10, |
|
total: 0, |
|
multipleSelection: [], |
|
|
|
types: [], |
|
form: { |
|
userName: '', |
|
provinceId: '', |
|
cityId: '', |
|
roleList: [] |
|
}, |
|
rules: { |
|
userName: [ |
|
{ required: true, message: "请输入姓名", trigger: "blur" } |
|
], |
|
provinceId: [ |
|
{ required: true, message: '请选择省份', trigger: "change" } |
|
], |
|
cityId: [ |
|
{ required: true, message: '请选择城市', trigger: "change" } |
|
], |
|
roleList: [ |
|
{ required: true, message: '请选择角色', trigger: "change" } |
|
], |
|
}, |
|
quesBankVisible: false, |
|
|
|
|
|
submiting: false, // 新增编辑防抖标识 |
|
setKey: '', |
|
transferVisible: false, |
|
chooseVisible: false, |
|
members: [], |
|
choosePartnerId: '', |
|
curRow: '', |
|
provinces: [], |
|
cities: [], |
|
editVisible: false |
|
}; |
|
}, |
|
watch: { |
|
keyWord: function (val) { |
|
clearTimeout(this.searchTimer); |
|
this.searchTimer = setTimeout(this.initData, 500); |
|
} |
|
}, |
|
mounted () { |
|
this.getOrg() |
|
}, |
|
methods: { |
|
// 获取组织 |
|
async getOrg () { |
|
const res = await this.$post(this.api.listParner) |
|
const list = res.treeList |
|
// 没有子级，删除children属性 |
|
const handleLeaf = (list, ids) => { |
|
list.map(e => { |
|
e.ids = ids ? [...ids, e.id] : [e.id] |
|
if (e.children.length) { |
|
if (e.isTeam) { |
|
delete e.children |
|
} else { |
|
handleLeaf(e.children, e.ids) |
|
} |
|
} else { |
|
delete e.children |
|
} |
|
}) |
|
} |
|
handleLeaf(list) |
|
this.orgList = list |
|
// 如果刚编辑完，则选中刚编辑的分类 |
|
this.setKey && this.$nextTick(() => { |
|
this.$refs.orgTree.setCurrentKey(this.setKey) |
|
}) |
|
this.getList() |
|
}, |
|
// 类型回调 |
|
typeChange () { |
|
this.$refs.orgTree.setCurrentKey(null) |
|
this.curTeamId = '' |
|
this.initData() |
|
}, |
|
// 获得点击层级里的第一个城市合伙人id |
|
getTeamId (list) { |
|
for (const i in list) { |
|
const e = list[i] |
|
if (e.isTeam && !this.curTeamId) { |
|
this.curTeamId = e.id |
|
break |
|
} else { |
|
this.getTeamId(e.children) |
|
} |
|
} |
|
}, |
|
// 点击树节点查询列表数据 |
|
handleNodeClick (data) { |
|
this.type = '' |
|
this.curTeamId = '' |
|
if (data.isTeam) { |
|
this.curTeamId = data.id |
|
} else { |
|
// this.getTeamId(data.children) |
|
} |
|
if (!this.curTeamId) this.curTeamId = data.id |
|
this.initData() |
|
this.$refs.table.clearSelection() |
|
}, |
|
// 查询全部 |
|
getAll () { |
|
this.curTeamId = '' |
|
this.getList() |
|
}, |
|
// 员工列表 |
|
getList () { |
|
this.$post(this.api[this.type ? 'partnerAccountMergeList' : 'partnerAccountList'], { |
|
type: this.type || 1, |
|
partnerClassificationId: this.curTeamId, |
|
pageNum: this.page, |
|
pageSize: this.pageSize |
|
}).then(({ pageList }) => { |
|
pageList.records.forEach((e, i) => { |
|
e.id = i |
|
}) |
|
this.list = pageList.records |
|
this.total = pageList.total |
|
}).catch(err => { }) |
|
}, |
|
// 切换页码 |
|
currentChange (val) { |
|
this.page = val |
|
this.getList() |
|
}, |
|
handleSelectionChange (val) { // 多选 |
|
this.multipleSelection = val |
|
}, |
|
initData () { |
|
this.$refs.table.clearSelection() |
|
this.page = 1 |
|
this.getList() |
|
}, |
|
// 删除 |
|
del (row) { |
|
this.$confirm("确定要删除吗？", "提示", { |
|
type: "warning" |
|
}).then(() => { |
|
this.$post(`${this.api.delPartnerAccount}?accountId=${row.accountId}`).then(res => { |
|
Util.successMsg("删除成功") |
|
this.getList() |
|
}).catch(res => { }) |
|
}).catch(() => { }) |
|
}, |
|
async switchOff (val, row) { |
|
this.$post(this.api.disabledEventsCompetition, { |
|
competitionId: row.id, |
|
isOpen: val, |
|
type: 0 // 禁用平台来源(0中台，1职站) |
|
}).then(res => { |
|
Util.successMsg(val == 1 ? '禁用成功' : '启用成功') |
|
}).catch(err => { }) |
|
|
|
await this.$post(`${this.api.refreshPageNotification}?content=1`) |
|
}, |
|
// 编辑 |
|
edit (row) { |
|
if (!row.provinceId) row.provinceId = '' |
|
if (!row.cityId) row.cityId = '' |
|
row.roleList = row.roleId.split(',').map(e => +e) |
|
this.editVisible = true |
|
this.form = JSON.parse(JSON.stringify(row)) |
|
}, |
|
// 编辑提交 |
|
submitEdit () { |
|
this.$refs.form.validate((valid) => { |
|
if (valid) { |
|
if (this.submiting) return false |
|
this.submiting = true |
|
const form = JSON.parse(JSON.stringify(this.form)) |
|
form.classificationId = form.partnerClassificationId |
|
this.$post(this.api.editProvinceCity, form).then(res => { |
|
this.getList() |
|
Util.successMsg("编辑成功！") |
|
this.editVisible = false |
|
setTimeout(() => { |
|
this.submiting = false |
|
}, 2000) |
|
}).catch(res => { |
|
setTimeout(() => { |
|
this.submiting = false |
|
}, 2000) |
|
}) |
|
} |
|
}) |
|
}, |
|
// 添加 |
|
add () { |
|
this.quesBankVisible = true |
|
}, |
|
// 题库提交 |
|
quesBankSubmit () { |
|
|
|
}, |
|
} |
|
}; |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
.org-name { |
|
margin-right: 20px; |
|
} |
|
|
|
.w-100 { |
|
width: 100%; |
|
} |
|
|
|
.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> |