|
|
@ -571,6 +571,7 @@ onMounted(()=>{ |
|
|
<div class="searchBox"> |
|
|
<div class="searchBox"> |
|
|
<el-input v-model="searchQuery" placeholder="请输入要查找的角色" :suffix-icon="Search" @input="onQueryChanged"/> |
|
|
<el-input v-model="searchQuery" placeholder="请输入要查找的角色" :suffix-icon="Search" @input="onQueryChanged"/> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="treeBoxClass"> |
|
|
<el-tree-v2 |
|
|
<el-tree-v2 |
|
|
ref="treeRef" |
|
|
ref="treeRef" |
|
|
style="max-width: 350px;" |
|
|
style="max-width: 350px;" |
|
|
@ -580,6 +581,8 @@ onMounted(()=>{ |
|
|
:height="treeBoxHeight" |
|
|
:height="treeBoxHeight" |
|
|
:v-loading="roleLoading||grouTabsLoading" |
|
|
:v-loading="roleLoading||grouTabsLoading" |
|
|
:expand-on-click-node="false" |
|
|
:expand-on-click-node="false" |
|
|
|
|
|
:highlight-current="true" |
|
|
|
|
|
class="treebox" |
|
|
@node-click="pickRoleTree" |
|
|
@node-click="pickRoleTree" |
|
|
> |
|
|
> |
|
|
<template #default="{ node }" > |
|
|
<template #default="{ node }" > |
|
|
@ -596,7 +599,7 @@ onMounted(()=>{ |
|
|
<el-dropdown-item v-if="node.disabled"> |
|
|
<el-dropdown-item v-if="node.disabled"> |
|
|
<el-text size="small" @click.stop="editMyInfoIcon(node.data,1)">禁用</el-text> |
|
|
<el-text size="small" @click.stop="editMyInfoIcon(node.data,1)">禁用</el-text> |
|
|
</el-dropdown-item> |
|
|
</el-dropdown-item> |
|
|
<el-dropdown-item> |
|
|
<el-dropdown-item v-else> |
|
|
<el-text size="small" @click.stop="editMyInfoIcon(node.data,2)">启用</el-text> |
|
|
<el-text size="small" @click.stop="editMyInfoIcon(node.data,2)">启用</el-text> |
|
|
</el-dropdown-item> |
|
|
</el-dropdown-item> |
|
|
<el-dropdown-item> |
|
|
<el-dropdown-item> |
|
|
@ -612,6 +615,7 @@ onMounted(()=>{ |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</el-tree-v2> |
|
|
</el-tree-v2> |
|
|
|
|
|
</div> |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
<el-tab-pane label="用户" name="person"> |
|
|
<el-tab-pane label="用户" name="person"> |
|
|
<div class="searchBox"> |
|
|
<div class="searchBox"> |
|
|
@ -653,8 +657,9 @@ onMounted(()=>{ |
|
|
border |
|
|
border |
|
|
row-key="id" |
|
|
row-key="id" |
|
|
> |
|
|
> |
|
|
<el-table-column fixed prop="name" label="目录/菜单" width="380" > |
|
|
<el-table-column fixed prop="name" label="目录/菜单" min-width="300" > |
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
|
|
|
<el-checkbox v-model="scope.row.isTrue" label="" @click.stop="pickSystemMenuInfo(scope.row)" /> |
|
|
<span class="tree_sapn">{{ scope.row.name }}</span> |
|
|
<span class="tree_sapn">{{ scope.row.name }}</span> |
|
|
<el-tag v-if="scope.row.types === 2" type="warning" size="small">目录</el-tag> |
|
|
<el-tag v-if="scope.row.types === 2" type="warning" size="small">目录</el-tag> |
|
|
<el-tag v-if="scope.row.types === 1" type="success" size="small">菜单</el-tag> |
|
|
<el-tag v-if="scope.row.types === 1" type="success" size="small">菜单</el-tag> |
|
|
@ -662,11 +667,11 @@ onMounted(()=>{ |
|
|
<el-tag v-if="scope.row.types === 3" type="info" size="small">外链</el-tag> |
|
|
<el-tag v-if="scope.row.types === 3" type="info" size="small">外链</el-tag> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="isTrue" label="授权" width="80" align="center" > |
|
|
<!-- <el-table-column prop="isTrue" label="授权" width="80" align="center" > |
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
<el-checkbox v-model="scope.row.isTrue" label="" @click.stop="pickSystemMenuInfo(scope.row)" /> |
|
|
<el-checkbox v-model="scope.row.isTrue" label="" @click.stop="pickSystemMenuInfo(scope.row)" /> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> --> |
|
|
<el-table-column prop="isTrue" label="操作按钮" min-width="380" align="center" > |
|
|
<el-table-column prop="isTrue" label="操作按钮" min-width="380" align="center" > |
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
|
|
|
|
|
|
@ -739,6 +744,7 @@ onMounted(()=>{ |
|
|
|
|
|
|
|
|
<AddRoleGroup v-if="openRoleGroup" v-model:show="openRoleGroup" :group-info="roleGroupOrInfo" @resthandel="getRoleTree" /> |
|
|
<AddRoleGroup v-if="openRoleGroup" v-model:show="openRoleGroup" :group-info="roleGroupOrInfo" @resthandel="getRoleTree" /> |
|
|
<SetRolePeople v-model:show="setRolePople" :org="orgTree" :role-info="setRoleManInfo" /> |
|
|
<SetRolePeople v-model:show="setRolePople" :org="orgTree" :role-info="setRoleManInfo" /> |
|
|
|
|
|
<EditRoleGroup v-if="openEditRoleGroup" v-model:show="openEditRoleGroup" :group-info="roleGroupOrInfo" :data="editRoleCont" @resthandel="getRoleTree" /> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
<style lang='scss' scoped> |
|
|
<style lang='scss' scoped> |
|
|
@ -809,13 +815,11 @@ onMounted(()=>{ |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
height: 40px; |
|
|
|
|
|
} |
|
|
|
|
|
.spanButBox{ |
|
|
|
|
|
span{ |
|
|
|
|
|
padding: 0 5px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
.tree_sapn { |
|
|
.tree_sapn { |
|
|
padding: 0 10px 0 0; |
|
|
padding: 0 10px 0 0; |
|
|
@ -923,4 +927,19 @@ onMounted(()=>{ |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
overflow-y: auto; |
|
|
overflow-y: auto; |
|
|
} |
|
|
} |
|
|
|
|
|
.treeBoxClass{ |
|
|
|
|
|
:deep .el-tree--highlight-current |
|
|
|
|
|
.el-tree-node.is-current |
|
|
|
|
|
> .el-tree-node__content{ |
|
|
|
|
|
background-color: rgba(135,206,235,0.2); |
|
|
|
|
|
color: #409eff; |
|
|
|
|
|
font-size: bold; |
|
|
|
|
|
} |
|
|
|
|
|
:deep |
|
|
|
|
|
.el-tree-node :hover{ |
|
|
|
|
|
background-color: rgba(135,206,235,0.2); |
|
|
|
|
|
color: #409eff; |
|
|
|
|
|
font-size: bold; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|