tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(role): 角色分配菜单提交保存

Browse Source
This commit is contained in:
有来技术
2021-12-21 00:27:52 +08:00
parent cb70c6845b
commit 9f8d5d757b
5 changed files with 42 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/system/role/index.vue
View File

@@ -5,7 +5,7 @@
<el-card class="box-card" shadow="always">
<template #header>
<svg-icon color="#333" icon-class="menu"/>
<svg-icon color="#333" icon-class="role"/>
角色列表
</template>
<role ref="role" @roleClick="handleRoleClick"/>
@@ -17,7 +17,7 @@
<template #header>
<svg-icon color="#333" icon-class="menu"/>
<span style="margin:0 5px;">菜单分配</span>
<el-tag type="success" v-if="state.role.id" size="small">{{ state.role.name }}</el-tag>
<el-tag type="success" v-if="state.role.id" size="small"> <svg-icon color="green " icon-class="role"/> {{ state.role.name }}</el-tag>
<el-tag type="warning" v-else size="small">请选择角色</el-tag>
</template>
<menus ref="menu" @menuClick="handleMenuClick" :role="state.role"/>
@@ -27,12 +27,13 @@
<el-col :span="8" :xs="24">
<el-card class="box-card" shadow="always">
<template #header>
<svg-icon color="#333" icon-class="menu"/>
<svg-icon color="#333" icon-class="perm"/>
<span style="margin:0 5px;">权限分配</span>
<el-tag type="success" v-if="state.role.id" size="small">{{ state.role.name }}</el-tag>
<el-tag type="warning" v-else size="small"> 请选择角色</el-tag>
<el-tag type="success" v-if="state.role.id" size="small">{{ state.role.name }}</el-tag>
<el-tag type="success" style="margin:0 5px 0 0;" v-if="state.role.id" size="small"> <svg-icon color="green" icon-class="role"/> {{ state.role.name }}</el-tag>
<el-tag type="warning" style="margin:0 5px 0 0;" v-else size="small"> 请选择角色</el-tag>
<el-tag type="primary" v-if="state.role.id" size="small"><svg-icon color="red" icon-class="menu"/> {{ state.role.name }}</el-tag>
<el-tag type="warning" v-else size="small"> 请选择菜单</el-tag>
</template>
<!--<perm ref="perm" :menu="state.menu" :role="state.role"/>-->