todo:角色权限管理的授权菜单;fix:L修复bug
This commit is contained in:
parent
5517ac2694
commit
1f00d2d554
@ -55,7 +55,14 @@
|
|||||||
|
|
||||||
<div class="contant">
|
<div class="contant">
|
||||||
<span class="contant-label">简历附件:</span>
|
<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>
|
||||||
|
|
||||||
<div class="contant" v-if="info.projectExperiences">
|
<div class="contant" v-if="info.projectExperiences">
|
||||||
|
|||||||
@ -40,7 +40,11 @@ export default {
|
|||||||
show: true
|
show: true
|
||||||
},
|
},
|
||||||
series: {
|
series: {
|
||||||
center: ['50%', '40%']
|
center: ['50%', '40%'],
|
||||||
|
itemStyle: {
|
||||||
|
borderWidth: 2, // 设置border的宽度有多大
|
||||||
|
borderColor: '#fff'
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
chartData: {
|
chartData: {
|
||||||
|
|||||||
@ -38,20 +38,21 @@
|
|||||||
width="180"
|
width="180"
|
||||||
label="创建时间"
|
label="创建时间"
|
||||||
></el-table-column>
|
></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">
|
<template slot-scope="scope">
|
||||||
<el-button
|
<el-button
|
||||||
v-if="isAuth('sys:role:update')"
|
v-if="isAuth('sys:role:update')"
|
||||||
type="text"
|
type="text"
|
||||||
size="small"
|
size="mini"
|
||||||
@click="handleAddOrUpdate(scope.row.roleId)"
|
@click="handleAddOrUpdate(scope.row.roleId)"
|
||||||
>编辑</el-button>
|
>编辑</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
v-if="isAuth('sys:role:delete')"
|
v-if="isAuth('sys:role:delete')"
|
||||||
type="text"
|
type="text"
|
||||||
size="small"
|
size="mini"
|
||||||
@click="handleDelete(scope.row.roleId)"
|
@click="handleDelete(scope.row.roleId)"
|
||||||
>删除</el-button>
|
>删除</el-button>
|
||||||
|
<!-- <el-button type="text" size="mini" @click="handleAddOrUpdate(scope.row.roleId,true)">已授权菜单</el-button> -->
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
@ -100,6 +101,9 @@ export default {
|
|||||||
this.handleGetTableList()
|
this.handleGetTableList()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
handleAuthorizedMenu (item) {
|
||||||
|
console.log(item)
|
||||||
|
},
|
||||||
// 获取数据列表
|
// 获取数据列表
|
||||||
handleGetTableList () {
|
handleGetTableList () {
|
||||||
apiSysRoleList({
|
apiSysRoleList({
|
||||||
@ -133,10 +137,10 @@ export default {
|
|||||||
this.dataListSelections = val
|
this.dataListSelections = val
|
||||||
},
|
},
|
||||||
// 新增 / 编辑
|
// 新增 / 编辑
|
||||||
handleAddOrUpdate (id) {
|
handleAddOrUpdate (id, disabled = false) {
|
||||||
this.addOrUpdateVisible = true
|
this.addOrUpdateVisible = true
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.addOrUpdate.init(id)
|
this.$refs.addOrUpdate.init(id, disabled)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 删除
|
// 删除
|
||||||
|
|||||||
@ -1,9 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog
|
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="visible">
|
||||||
:title="!dataForm.id ? '新增角色' : '编辑角色'"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
:visible.sync="visible"
|
|
||||||
>
|
|
||||||
<el-form
|
<el-form
|
||||||
:model="dataForm"
|
:model="dataForm"
|
||||||
:rules="dataRule"
|
:rules="dataRule"
|
||||||
@ -16,6 +12,7 @@
|
|||||||
clearable
|
clearable
|
||||||
maxlength="20"
|
maxlength="20"
|
||||||
show-word-limit
|
show-word-limit
|
||||||
|
:readonly="disable"
|
||||||
v-model="dataForm.roleName"
|
v-model="dataForm.roleName"
|
||||||
placeholder="角色名称"
|
placeholder="角色名称"
|
||||||
></el-input>
|
></el-input>
|
||||||
@ -26,6 +23,7 @@
|
|||||||
maxlength="30"
|
maxlength="30"
|
||||||
show-word-limit
|
show-word-limit
|
||||||
v-model="dataForm.remark"
|
v-model="dataForm.remark"
|
||||||
|
:readonly="disable"
|
||||||
placeholder="备注"
|
placeholder="备注"
|
||||||
></el-input>
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -36,13 +34,18 @@
|
|||||||
node-key="menuId"
|
node-key="menuId"
|
||||||
ref="menuListTree"
|
ref="menuListTree"
|
||||||
:default-expand-all="true"
|
:default-expand-all="true"
|
||||||
|
:default-checked-keys="defaultCheckedKeys"
|
||||||
show-checkbox
|
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-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<span slot="footer" class="dialog-footer">
|
<span slot="footer" class="dialog-footer">
|
||||||
<el-button @click="visible = false">取消</el-button>
|
<el-button v-if="!disable" @click="visible = false">取消</el-button>
|
||||||
<el-button type="primary" @click="handleConfirm()">确定</el-button>
|
<el-button type="primary" @click="handleConfirm">确定</el-button>
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
@ -54,12 +57,14 @@ import { apiSysMenuList, apiSysRoleInfo, apiSysRoleConfirm } from '@/api/api_sys
|
|||||||
export default {
|
export default {
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
disable: null,
|
||||||
visible: false,
|
visible: false,
|
||||||
menuList: [],
|
menuList: [],
|
||||||
menuListTreeProps: {
|
menuListTreeProps: {
|
||||||
label: 'name',
|
label: 'name',
|
||||||
children: 'children'
|
children: 'children'
|
||||||
},
|
},
|
||||||
|
defaultCheckedKeys: [],
|
||||||
dataForm: {
|
dataForm: {
|
||||||
id: 0,
|
id: 0,
|
||||||
roleName: '',
|
roleName: '',
|
||||||
@ -74,8 +79,21 @@ export default {
|
|||||||
},
|
},
|
||||||
mounted () {
|
mounted () {
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
title () {
|
||||||
|
if (this.disable) {
|
||||||
|
return '已授权菜单'
|
||||||
|
}
|
||||||
|
if (!this.dataForm.id) {
|
||||||
|
return '新增角色'
|
||||||
|
} else {
|
||||||
|
return '编辑角色'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async init (id) {
|
async init (id, disable) {
|
||||||
|
this.disable = disable
|
||||||
this.dataForm = {}
|
this.dataForm = {}
|
||||||
await this.handleGetSysMenuList()
|
await this.handleGetSysMenuList()
|
||||||
if (id) {
|
if (id) {
|
||||||
@ -116,6 +134,10 @@ export default {
|
|||||||
},
|
},
|
||||||
// 提交
|
// 提交
|
||||||
handleConfirm () {
|
handleConfirm () {
|
||||||
|
if (this.disable) {
|
||||||
|
this.visible = false
|
||||||
|
return
|
||||||
|
}
|
||||||
this.$refs['dataForm'].validate((valid) => {
|
this.$refs['dataForm'].validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
let params = {
|
let params = {
|
||||||
|
|||||||
@ -40,18 +40,18 @@
|
|||||||
width="180"
|
width="180"
|
||||||
label="创建时间"
|
label="创建时间"
|
||||||
></el-table-column>
|
></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">
|
<template slot-scope="scope">
|
||||||
<el-button
|
<el-button
|
||||||
v-if="isAuth('sys:user:update')"
|
v-if="isAuth('sys:user:update')"
|
||||||
type="text"
|
type="text"
|
||||||
size="small"
|
size="mini"
|
||||||
@click="handleAddOrUpdate(scope.row.userId)"
|
@click="handleAddOrUpdate(scope.row.userId)"
|
||||||
>编辑</el-button>
|
>编辑</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
v-if="isAuth('sys:user:delete')"
|
v-if="isAuth('sys:user:delete')"
|
||||||
type="text"
|
type="text"
|
||||||
size="small"
|
size="mini"
|
||||||
@click="handleDelete(scope.row.userId)"
|
@click="handleDelete(scope.row.userId)"
|
||||||
>删除</el-button>
|
>删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user