From df5b61dcf9d7c6a71ba919b0556ea9aa43aa3f76 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期一, 08 五月 2023 10:00:43 +0800 Subject: [PATCH] 修改展示 --- src/views/system/home/index.vue | 22 +++++++++++++++++++--- 1 files changed, 19 insertions(+), 3 deletions(-) diff --git a/src/views/system/home/index.vue b/src/views/system/home/index.vue index 91d40aa..9c91967 100644 --- a/src/views/system/home/index.vue +++ b/src/views/system/home/index.vue @@ -37,7 +37,7 @@ </el-table-column> <el-table-column label="权限标识" show-overflow-tooltip> <template #default="scope"> - <span>{{ scope.row.meta.roles }}</span> + <span>{{ scope.row.meta.roles.map(id => state.roleList.find(obj => obj.id === id)?.name).join(',') }}</span> </template> </el-table-column> <el-table-column label="排序" show-overflow-tooltip width="80"> @@ -72,6 +72,7 @@ import { useMenuApi } from "/@/api/systemManage/menu"; import { initBackEndControlRoutes } from "/@/router/backEnd"; import {roomApi} from "/@/api/basic/room"; +import {useRoleApi} from "/@/api/systemManage/role"; // import { setBackEndControlRefreshRoutes } from "/@/router/backEnd"; // 引入组件 @@ -83,9 +84,10 @@ const menuDialogRef = ref(); const state = reactive({ tableData: { - data: [] as RouteRecordRaw[], - loading: false, + data: [] as RouteRecordRaw[], + loading: false, }, + roleList: [] }); // 获取路由数据,真实请从接口获取 @@ -101,6 +103,19 @@ }); } }; + +const initRoleTableData = async () => { + let res = await useRoleApi().getRoleList(); + if (res.data.code === 100) { + state.roleList = res.data.data; + } else { + ElMessage({ + type: 'warning', + message: res.data.msg + }); + } +}; + // 打开新增菜单弹窗 const onOpenAddMenu = (type: string) => { menuDialogRef.value.openDialog(type); @@ -140,5 +155,6 @@ // 页面加载时 onMounted(() => { getTableData(); + initRoleTableData(); }); </script> -- Gitblit v1.9.2