todo:角色权限管理的授权菜单;fix:L修复bug

This commit is contained in:
xiongchengqiang 2020-05-22 15:45:49 +08:00
parent 5517ac2694
commit 1f00d2d554
5 changed files with 56 additions and 19 deletions

View File

@ -55,7 +55,14 @@
<div class="contant">
<span class="contant-label">简历附件:</span>
<span class="contant-name">{{info.resumeUrl || "暂无"}}</span>
<a
v-if="info.resumeUrl"
class="contant-name"
:href="info.resumeUrl"
target="_blank"
rel="noopener noreferrer"
>预览</a>
<span v-else class="contant-name">暂无</span>
</div>
<div class="contant" v-if="info.projectExperiences">

View File

@ -40,7 +40,11 @@ export default {
show: true
},
series: {
center: ['50%', '40%']
center: ['50%', '40%'],
itemStyle: {
borderWidth: 2, // border
borderColor: '#fff'
}
}
},
chartData: {

View File

@ -38,20 +38,21 @@
width="180"
label="创建时间"
></el-table-column>
<el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">
<el-table-column fixed="right" header-align="center" align="center" width="200" label="操作">
<template slot-scope="scope">
<el-button
v-if="isAuth('sys:role:update')"
type="text"
size="small"
size="mini"
@click="handleAddOrUpdate(scope.row.roleId)"
>编辑</el-button>
<el-button
v-if="isAuth('sys:role:delete')"
type="text"
size="small"
size="mini"
@click="handleDelete(scope.row.roleId)"
>删除</el-button>
<!-- <el-button type="text" size="mini" @click="handleAddOrUpdate(scope.row.roleId,true)">已授权菜单</el-button> -->
</template>
</el-table-column>
</el-table>
@ -100,6 +101,9 @@ export default {
this.handleGetTableList()
},
methods: {
handleAuthorizedMenu (item) {
console.log(item)
},
//
handleGetTableList () {
apiSysRoleList({
@ -133,10 +137,10 @@ export default {
this.dataListSelections = val
},
// /
handleAddOrUpdate (id) {
handleAddOrUpdate (id, disabled = false) {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init(id)
this.$refs.addOrUpdate.init(id, disabled)
})
},
//

View File

@ -1,9 +1,5 @@
<template>
<el-dialog
:title="!dataForm.id ? '新增角色' : '编辑角色'"
:close-on-click-modal="false"
:visible.sync="visible"
>
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="visible">
<el-form
:model="dataForm"
:rules="dataRule"
@ -16,6 +12,7 @@
clearable
maxlength="20"
show-word-limit
:readonly="disable"
v-model="dataForm.roleName"
placeholder="角色名称"
></el-input>
@ -26,6 +23,7 @@
maxlength="30"
show-word-limit
v-model="dataForm.remark"
:readonly="disable"
placeholder="备注"
></el-input>
</el-form-item>
@ -36,13 +34,18 @@
node-key="menuId"
ref="menuListTree"
:default-expand-all="true"
:default-checked-keys="defaultCheckedKeys"
show-checkbox
></el-tree>
>
<span class="custom-tree-node" slot-scope="{ node, data }">
<span>{{ node.label }}</span>
</span>
</el-tree>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false">取消</el-button>
<el-button type="primary" @click="handleConfirm()">确定</el-button>
<el-button v-if="!disable" @click="visible = false">取消</el-button>
<el-button type="primary" @click="handleConfirm">确定</el-button>
</span>
</el-dialog>
</template>
@ -54,12 +57,14 @@ import { apiSysMenuList, apiSysRoleInfo, apiSysRoleConfirm } from '@/api/api_sys
export default {
data () {
return {
disable: null,
visible: false,
menuList: [],
menuListTreeProps: {
label: 'name',
children: 'children'
},
defaultCheckedKeys: [],
dataForm: {
id: 0,
roleName: '',
@ -74,8 +79,21 @@ export default {
},
mounted () {
},
computed: {
title () {
if (this.disable) {
return '已授权菜单'
}
if (!this.dataForm.id) {
return '新增角色'
} else {
return '编辑角色'
}
}
},
methods: {
async init (id) {
async init (id, disable) {
this.disable = disable
this.dataForm = {}
await this.handleGetSysMenuList()
if (id) {
@ -116,6 +134,10 @@ export default {
},
//
handleConfirm () {
if (this.disable) {
this.visible = false
return
}
this.$refs['dataForm'].validate((valid) => {
if (valid) {
let params = {

View File

@ -40,18 +40,18 @@
width="180"
label="创建时间"
></el-table-column>
<el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">
<el-table-column fixed="right" header-align="center" align="center" width="180" label="操作">
<template slot-scope="scope">
<el-button
v-if="isAuth('sys:user:update')"
type="text"
size="small"
size="mini"
@click="handleAddOrUpdate(scope.row.userId)"
>编辑</el-button>
<el-button
v-if="isAuth('sys:user:delete')"
type="text"
size="small"
size="mini"
@click="handleDelete(scope.row.userId)"
>删除</el-button>
</template>