yvan/Study
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

权限管理完成

Browse Source
This commit is contained in:
pixel
2019-09-30 15:46:13 +08:00
parent d46f7e1f75
commit 509b6e18e1
15 changed files with 272 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
QMPlusVuePage/src/api/api.js
+48 -2
View File
@@ -70,8 +70,6 @@ export const updataApi = (data) => {
})
}
// @Tags Api
// @Summary 更新api
// @Security ApiKeyAuth
@@ -86,4 +84,52 @@ export const setAuthApi = (data) => {
method: 'post',
data
})
}
// @Tags Api
// @Summary 获取所有的Api 不分页
// @Security ApiKeyAuth
// @accept application/json
// @Produce application/json
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
// @Router /api/getAllApis [post]
export const getAllApis = (data) => {
return service({
url: "/api/getAllApis",
method: 'post',
data
})
}
// @Tags authority
// @Summary 获取本角色所有有权限的apiId
// @Security ApiKeyAuth
// @accept application/json
// @Produce application/json
// @Param data body api.GetAuthorityId true "获取本角色所有有权限的apiId"
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
// @Router /authority/getAuthAndApi [post]
export const getAuthAndApi = (data) => {
return service({
url: "/api/getAuthAndApi",
method: 'post',
data
})
}
// @Tags Api
// @Summary 创建api和角色关系
// @Security ApiKeyAuth
// @accept application/json
// @Produce application/json
// @Param data body api.AuthAndPathIn true "创建api和角色关系"
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
// @Router /api/setAuthAndApi [post]
export const setAuthAndApi = (data) => {
return service({
url: "/api/setAuthAndApi",
method: 'post',
data
})
}
QMPlusVuePage/src/view/layout/aside/index.vue
+4 -4
View File
@@ -1,7 +1,7 @@
<template>
<div>
<div class="menu-total">
<i class="el-icon-arrow-right"></i>
<i class="el-icon-arrow-right"></i>
</div>
<vue-scroll :ops="ops">
<el-menu
@@ -31,14 +31,14 @@ export default {
data() {
return {
active: '',
isCollapse: true,
isCollapse: false,
ops: {
bar: {disable:true}
bar: { disable: true }
}
}
},
methods: {
selectMenuItem(index,indexList) {
selectMenuItem(index) {
if (index === this.$route.name) return
this.$router.push({ name: index })
}
QMPlusVuePage/src/view/superAdmin/api/api.vue
+12 -2
View File
@@ -6,6 +6,7 @@
<el-table :data="tableData" border stripe>
<el-table-column label="id" min-width="60" prop="ID"></el-table-column>
<el-table-column label="api路径" min-width="150" prop="path"></el-table-column>
<el-table-column label="api分组" min-width="150" prop="group"></el-table-column>
<el-table-column label="api简介" min-width="150" prop="description"></el-table-column>
<el-table-column fixed="right" label="操作" width="200">
<template slot-scope="scope">
@@ -29,9 +30,12 @@
<el-dialog :visible.sync="dialogFormVisible" title="新增Api">
<el-form :inline="true" :model="form" label-width="80px">
<el-form-item label="路径">
<el-input autocomplete="off" v-model="form.path"></el-input>
<el-input autocomplete="off" @blur="autoGroup" v-model="form.path"></el-input>
</el-form-item>
<el-form-item label="说明">
<el-form-item label="api分组">
<el-input autocomplete="off" v-model="form.group"></el-input>
</el-form-item>
<el-form-item label="api简介">
<el-input autocomplete="off" v-model="form.description"></el-input>
</el-form-item>
</el-form>
@@ -60,15 +64,21 @@ export default {
dialogFormVisible: false,
form: {
path: '',
group: '',
description: ''
},
type: ''
}
},
methods: {
// 自动设置api分组
autoGroup(){
this.form.group = this.form.path.split('/')[1]
},
initForm() {
this.form = {
path: '',
group: '',
description: ''
}
},
QMPlusVuePage/src/view/superAdmin/authority/authority.vue
+94 -15
View File
@@ -45,13 +45,14 @@
<!-- 关联menu弹窗 -->
<el-dialog :visible.sync="menuDialogFlag" title="关联菜单">
<el-tree
:data="treeData"
:default-checked-keys="treeIds"
:props="defaultProps"
v-if="menuDialogFlag"
:data="menuTreeData"
:default-checked-keys="menuTreeIds"
:props="menuDefaultProps"
default-expand-all
highlight-current
node-key="ID"
ref="tree"
ref="menuTree"
show-checkbox
></el-tree>
<div class="dialog-footer" slot="footer">
@@ -59,6 +60,27 @@
<el-button @click="relation" type="primary">确 定</el-button>
</div>
</el-dialog>
<!-- 关联api弹窗 -->
<el-dialog :visible.sync="apiDialogFlag" title="关联api">
<el-tree
v-if="apiDialogFlag"
:data="apiTreeData"
:default-checked-keys="apiTreeIds"
:props="apiDefaultProps"
default-expand-all
highlight-current
node-key="ID"
ref="apiTree"
show-checkbox
></el-tree>
<div class="dialog-footer" slot="footer">
<el-button @click="closeDialog">取 消</el-button>
<el-button @click="authApiEnter" type="primary">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
@@ -71,6 +93,11 @@ import {
createAuthority
} from '@/api/authority'
import { getBaseMenuTree, addMenuAuthority, getMenuAuthority } from '@/api/menu'
import {
getAllApis,
getAuthAndApi,
setAuthAndApi
} from '@/api/api'
import infoList from '@/view/superAdmin/mixins/infoList'
export default {
name: 'Authority',
@@ -80,14 +107,22 @@ export default {
listApi: getAuthorityList,
listKey:'list',
activeUserId: 0,
treeData: [],
treeIds: [],
defaultProps: {
menuTreeData: [],
menuTreeIds: [],
menuDefaultProps: {
children: 'children',
label: 'nickName'
},
apiTreeData: [],
apiTreeIds: [],
apiDefaultProps: {
children: 'children',
label: 'description'
},
dialogFormVisible: false,
menuDialogFlag: false,
apiDialogFlag: false,
form: {
authorityId: '',
authorityName: ''
@@ -130,8 +165,10 @@ export default {
this.initForm()
this.dialogFormVisible = false
this.menuDialogFlag = false
this.apiDialogFlag = false
},
// 确定弹窗
async enterDialog() {
const res = await createAuthority(this.form)
if (res.success) {
@@ -161,17 +198,14 @@ export default {
arr.push(Number(item.menuId))
}
})
this.treeIds = arr
const res2 = await getBaseMenuTree()
this.treeData = res2.data.menus
this.menuTreeIds = arr
this.activeUserId = row.authorityId
this.menuDialogFlag = true
},
// 关联树 确认方法
async relation() {
const checkArr = this.$refs.tree
.getCheckedNodes()
.concat(this.$refs.tree.getHalfCheckedNodes())
const checkArr = this.$refs.menuTree
.getCheckedNodes(false,true)
const res = await addMenuAuthority({
menus: checkArr,
authorityId: this.activeUserId
@@ -183,11 +217,56 @@ export default {
})
}
this.closeDialog()
},
// 创建api树方法
buildApiTree(apis){
const apiObj = new Object
apis&&apis.map(item=>{
if(apiObj.hasOwnProperty(item.group)){
apiObj[item.group].push(item)
}else{
Object.assign(apiObj,{[item.group]:[item]})
}
})
const apiTree = []
for(const key in apiObj){
const treeNode = {
ID:key,
description:key+"组",
children:apiObj[key]
}
apiTree.push(treeNode)
}
return apiTree
},
// 关联用户api关系
async addAuthApi(row){
const res = await getAuthAndApi({authorityId:row.authorityId})
this.activeUserId = row.authorityId
this.apiTreeIds = res.data.apis||[]
this.apiDialogFlag = true
},
async authApiEnter(){
const checkArr = this.$refs.apiTree.getCheckedKeys(true)
const res = await setAuthAndApi({authorityId:this.activeUserId,apiIds:checkArr})
if (res.success) {
this.$message({
type: 'success',
message: '添加成功!'
})
}
this.closeDialog()
}
// 获取基础menu树
},
created() {
async created() {
this.getTableData()
// 获取所有菜单树
const res = await getBaseMenuTree()
this.menuTreeData = res.data.menus
// 获取api并整理成树结构
const res2 = await getAllApis()
const apis = res2.data.apis
this.apiTreeData = this.buildApiTree(apis)
}
}
</script>