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"> <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">

View File

@ -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: {

View File

@ -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)
}) })
}, },
// //

View File

@ -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 = {

View File

@ -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>