修改展示

马宇豪

2023-05-08 df5b61dcf9d7c6a71ba919b0556ea9aa43aa3f76

 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>