add user manage page
木子李·De
3 years ago
parent
4f131daea5
commit
8cb50b63fa
@ -0,0 +1,59 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function accessUserList (params) {
|
||||
return request({
|
||||
url: 'accessUser/pageList',
|
||||
method: 'GET',
|
||||
params,
|
||||
})
|
||||
}
|
||||
|
||||
export function accessUserAdd (data) {
|
||||
return request({
|
||||
url: 'accessUser',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function accessUserDeleteBatch (data) {
|
||||
return request({
|
||||
url: 'accessUser/delete/batch',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function accessUserUpdate (data) {
|
||||
return request({
|
||||
url: 'accessUser',
|
||||
method: 'put', data,
|
||||
})
|
||||
}
|
||||
|
||||
export function accessUserDetail (data) {
|
||||
return request({
|
||||
url: 'accessUser/' + data.id,
|
||||
method: 'get',
|
||||
params: { accessKey: data.accessKey }
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
export function getRoleTree (loginName) {
|
||||
return request({
|
||||
url: 'accessUser/roleTree/' + loginName,
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
|
||||
export function saveRoleTree (data) {
|
||||
return request({
|
||||
url: 'accessUser/saveRoleTree',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
export default { accessUserList, accessUserAdd, accessUserDeleteBatch, accessUserUpdate, accessUserDetail, getRoleTree, saveRoleTree }
|
||||
@ -0,0 +1,86 @@
|
||||
<template>
|
||||
<el-dialog class="tree_dialog"
|
||||
title="设置权限项"
|
||||
width="60%"
|
||||
:close-on-click-modal="false"
|
||||
center
|
||||
:visible.sync="visib"
|
||||
:before-close="closeDialog">
|
||||
<el-tree ref="roleTree"
|
||||
:data="treeData"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
default-expand-all
|
||||
:default-checked-keys="checkedKeys" />
|
||||
<div slot="footer"
|
||||
style="text-align: center">
|
||||
<el-button type="primary"
|
||||
plain
|
||||
@click="saveTreeData">保存</el-button>
|
||||
<el-button type="danger"
|
||||
plain
|
||||
@click="closeDialog">取消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { accessRoleAuthorityTree, saveAuthorityTree } from '@/api/accessRole'
|
||||
export default {
|
||||
props: {
|
||||
visib: {
|
||||
required: true,
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
roleCode: {
|
||||
required: true,
|
||||
type: String,
|
||||
default: () => {
|
||||
return ''
|
||||
},
|
||||
},
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
checkedKeys: [], // 当前选中的keys
|
||||
treeData: [], // 所有的树结点
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
visib (val) {
|
||||
if (val) {
|
||||
// 弹窗弹出时需要执行的逻辑
|
||||
console.log(1)
|
||||
this.getTreeData()
|
||||
}
|
||||
},
|
||||
},
|
||||
created () { },
|
||||
methods: {
|
||||
// 获取所有的树形结构数据
|
||||
async getTreeData () {
|
||||
const { code, data } = await accessRoleAuthorityTree(this.roleCode)
|
||||
if (code != '200') return
|
||||
this.treeData = data.treeData
|
||||
this.checkedKeys = data.checkedKeys
|
||||
},
|
||||
|
||||
async saveTreeData () {
|
||||
var params = {
|
||||
roleCode: this.roleCode,
|
||||
authorityList: this.$refs.roleTree.getCheckedKeys(true),
|
||||
}
|
||||
const { code } = await saveAuthorityTree(params)
|
||||
if (code != '200') return
|
||||
this.closeDialog()
|
||||
},
|
||||
|
||||
// 弹窗关闭之前需要执行的逻辑
|
||||
closeDialog () {
|
||||
this.treeData = []
|
||||
this.checkedKeys = []
|
||||
this.$emit('handleClose')
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
Loading…
Reference in New Issue