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