yudao-ui-admin-uniapp/src/pages/index/index.ts

import { useAccess } from '@/hooks/useAccess'
import { ONLY_PC_PAGE } from '@/router/config'

/**
 * 工作台菜单数据
 * 定义菜单分组和菜单项的数据结构
 */

/** 菜单项类型 */
export interface MenuItem {
  key: string // 菜单唯一标识
  name: string // 菜单名称
  icon: string // 菜单图标（支持 wot-design-uni 图标名或图片路径）
  url?: string // 跳转路径
  iconColor?: string // 图标颜色（可选）
  enabled?: boolean // 是否启用（可选，默认 true）
  permission?: string // 权限标识（可选）
}

/** 菜单分组类型 */
export interface MenuGroup {
  key: string // 分组唯一标识
  name: string // 分组名称
  menus: MenuItem[] // 分组下的菜单列表
}

/** 菜单分组原始数据 */
const menuGroupsData: MenuGroup[] = [
  {
    key: 'crm',
    name: '客户管理',
    menus: [
      {
        key: 'crmCustomer',
        name: '客户管理',
        icon: 'user-friends',
        url: '/pages-crm/customer/index',
        iconColor: '#ff7875',
        permission: 'crm:customer:query',
      },
      {
        key: 'crmContact',
        name: '联系人管理',
        icon: 'people',
        url: '/pages-crm/contact/index',
        iconColor: '#52c41a',
        permission: 'crm:contact:query',
      },
      {
        key: 'crmClue',
        name: '线索管理',
        icon: 'user',
        url: '/pages-crm/clue/index',
        iconColor: '#1890ff',
        permission: 'crm:clue:query',
      },
    ],
  },
  {
    key: 'system',
    name: '系统管理',
    menus: [
      {
        key: 'user',
        name: '用户管理',
        icon: 'user',
        url: '/pages-system/user/index',
        iconColor: '#1890ff',
        permission: 'system:user:list',
      },
      {
        key: 'role',
        name: '角色管理',
        icon: 'secured',
        url: '/pages-system/role/index',
        iconColor: '#2f54eb',
        permission: 'system:role:query',
      },
      {
        key: 'menu',
        name: '菜单管理',
        icon: 'menu-fold',
        url: '/pages-system/menu/index',
        iconColor: '#597ef7',
        permission: 'system:menu:query',
      },
      {
        key: 'dept',
        name: '部门管理',
        icon: 'layers',
        url: '/pages-system/dept/index',
        iconColor: '#13c2c2',
        permission: 'system:dept:query',
      },
      {
        key: 'post',
        name: '岗位管理',
        icon: 'flag',
        url: '/pages-system/post/index',
        iconColor: '#36cfc9',
        permission: 'system:post:query',
      },
      {
        key: 'operateLog',
        name: '操作日志',
        icon: 'history',
        url: '/pages-system/operate-log/index',
        iconColor: '#722ed1',
        permission: 'system:operate-log:query',
      },
      {
        key: 'loginLog',
        name: '登录日志',
        icon: 'login',
        url: '/pages-system/login-log/index',
        iconColor: '#9254de',
        permission: 'system:login-log:query',
      },
      {
        key: 'notice',
        name: '通知公告',
        icon: 'notification',
        url: '/pages-system/notice/index',
        iconColor: '#fa8c16',
        permission: 'system:notice:query',
      },
      {
        key: 'sms',
        name: '短信管理',
        icon: 'chat1',
        url: '/pages-system/sms/index',
        iconColor: '#faad14',
        permission: 'system:sms-channel:query',
      },
      {
        key: 'mail',
        name: '邮件管理',
        icon: 'mail',
        url: '/pages-system/mail/index',
        iconColor: '#ffc53d',
        permission: 'system:mail-account:query',
      },
      {
        key: 'notify',
        name: '站内信管理',
        icon: 'read',
        url: '/pages-system/notify/index',
        iconColor: '#ff7a45',
        permission: 'system:notify-template:query',
      },
      {
        key: 'tenant',
        name: '租户管理',
        icon: 'shop',
        url: '/pages-system/tenant/index',
        iconColor: '#eb2f96',
        permission: 'system:tenant:query',
      },
      {
        key: 'social',
        name: '三方用户',
        icon: 'share',
        url: '/pages-system/social/index',
        iconColor: '#f759ab',
        permission: 'system:social-client:query',
      },
      {
        key: 'oauth2',
        name: 'OAuth2.0',
        icon: 'lock-on',
        url: '/pages-system/oauth2/index',
        iconColor: '#ff85c0',
        permission: 'system:oauth2-client:query',
      },
      {
        key: 'dict',
        name: '字典管理',
        icon: 'books',
        url: '/pages-system/dict/index',
        iconColor: '#c41d7f',
        permission: 'system:dict:query',
      },
      {
        key: 'area',
        name: '地区管理',
        icon: 'location',
        url: '/pages-system/area/index',
        iconColor: '#f5222d',
      },
    ],
  },
  {
    key: 'infra',
    name: '基础设施',
    menus: [
      {
        key: 'accessLog',
        name: '访问日志',
        icon: 'view-list',
        url: '/pages-infra/api-access-log/index',
        iconColor: '#1890ff',
        permission: 'infra:api-access-log:query',
      },
      {
        key: 'errorLog',
        name: '错误日志',
        icon: 'error-circle',
        url: '/pages-infra/api-error-log/index',
        iconColor: '#f5222d',
        permission: 'infra:api-error-log:query',
      },
      {
        key: 'config',
        name: '参数配置',
        icon: 'setting',
        url: '/pages-infra/config/index',
        iconColor: '#722ed1',
        permission: 'infra:config:query',
      },
      {
        key: 'dataSourceConfig',
        name: '数据源配置',
        icon: 'server',
        url: '/pages-infra/data-source-config/index',
        iconColor: '#9254de',
        permission: 'infra:data-source-config:query',
      },
      {
        key: 'file',
        name: '文件管理',
        icon: 'folder',
        url: '/pages-infra/file/index',
        iconColor: '#2f54eb',
        permission: 'infra:file:query',
      },
      {
        key: 'websocket',
        name: 'WebSocket',
        icon: 'wifi',
        url: '/pages-infra/web-socket/index',
        iconColor: '#13c2c2',
      },
      {
        key: 'job',
        name: '定时任务',
        icon: 'time',
        url: '/pages-infra/job/index',
        iconColor: '#fa8c16',
        permission: 'infra:job:query',
      },
      {
        key: 'codegen',
        name: '代码生成',
        icon: 'code',
        url: ONLY_PC_PAGE,
        iconColor: '#52c41a',
      },
      {
        key: 'build',
        name: '表单构建',
        icon: 'edit-outline',
        url: ONLY_PC_PAGE,
        iconColor: '#73d13d',
      },
      {
        key: 'swagger',
        name: 'API 接口',
        icon: 'link',
        url: ONLY_PC_PAGE,
        iconColor: '#95de64',
      },
      {
        key: 'druid',
        name: '监控中心',
        icon: 'dashboard',
        url: ONLY_PC_PAGE,
        iconColor: '#389e0d',
      },
    ],
  },
  {
    key: 'bpm',
    name: '工作流程',
    menus: [
      {
        key: 'bpmMy',
        name: '我的流程',
        icon: 'user-circle',
        url: '/pages/bpm/index?tab=my',
        iconColor: '#1890ff',
        permission: 'bpm:process-instance:query',
      },
      {
        key: 'bpmTodo',
        name: '待办任务',
        icon: 'time',
        url: '/pages/bpm/index?tab=todo',
        iconColor: '#fa8c16',
        permission: 'bpm:task:query',
      },
      {
        key: 'bpmDone',
        name: '已办任务',
        icon: 'check-circle',
        url: '/pages/bpm/index?tab=done',
        iconColor: '#52c41a',
        permission: 'bpm:task:query',
      },
      {
        key: 'bpmCopy',
        name: '抄送我的',
        icon: 'mail',
        url: '/pages/bpm/index?tab=copy',
        iconColor: '#13c2c2',
        permission: 'bpm:process-instance-cc:query',
      },
      {
        key: 'oaLeave',
        name: '请假申请',
        icon: 'calendar',
        url: '/pages-bpm/oa/leave/index',
        iconColor: '#52c41a',
        permission: 'bpm:oa-leave:query',
      },
      {
        key: 'bpmModel',
        name: '流程模型',
        icon: 'app',
        url: ONLY_PC_PAGE,
        iconColor: '#722ed1',
        permission: 'bpm:process-definition:query',
      },
      {
        key: 'bpmForm',
        name: '流程表单',
        icon: 'edit-1',
        url: ONLY_PC_PAGE,
        iconColor: '#9254de',
        permission: 'bpm:form:query',
      },
      {
        key: 'bpmCategory',
        name: '流程分类',
        icon: 'folder-open',
        url: '/pages-bpm/category/index',
        iconColor: '#faad14',
        permission: 'bpm:category:query',
      },
      {
        key: 'bpmUserGroup',
        name: '用户分组',
        icon: 'usergroup',
        url: '/pages-bpm/user-group/index',
        iconColor: '#ffc53d',
        permission: 'bpm:user-group:query',
      },
      {
        key: 'bpmProcessListener',
        name: '流程监听器',
        icon: 'sound',
        url: '/pages-bpm/process-listener/index',
        iconColor: '#eb2f96',
        permission: 'bpm:process-listener:query',
      },
      {
        key: 'bpmProcessExpression',
        name: '流程表达式',
        icon: 'code',
        url: '/pages-bpm/process-expression/index',
        iconColor: '#f759ab',
        permission: 'bpm:process-expression:query',
      },
      {
        key: 'bpmProcessInstanceManager',
        name: '流程实例',
        icon: 'queue',
        url: '/pages-bpm/processInstance/manager/index',
        iconColor: '#36cfc9',
        permission: 'bpm:process-instance:manager-query',
      },
      {
        key: 'bpmTaskManager',
        name: '流程任务',
        icon: 'bulletpoint',
        url: '/pages-bpm/task/manager/index',
        iconColor: '#5cdbd3',
        permission: 'bpm:task:manager-query',
      },
    ],
  },
]

/**
 * 获取所有菜单分组数据（带权限过滤）：过滤掉没有权限的菜单项，如果整个分组都没有权限则不展示该分组
 */
export function getMenuGroups(): MenuGroup[] {
  const { hasAccessByCodes } = useAccess()
  return menuGroupsData
    .map(group => ({
      ...group,
      // 过滤掉没有权限的菜单项
      menus: group.menus.filter((menu) => {
        // 没有配置权限的菜单项默认展示
        if (!menu.permission) {
          return true
        }
        return hasAccessByCodes([menu.permission])
      }),
    }))
    // 过滤掉没有菜单项的分组
    .filter(group => group.menus.length > 0)
}

/** 获取所有菜单项（扁平化） */
export function getAllMenuItems(): MenuItem[] {
  const groups = getMenuGroups()
  return groups.flatMap(group => group.menus)
}

/** 根据 key 获取菜单项 */
export function getMenuItemByKey(key: string): MenuItem | undefined {
  return getAllMenuItems().find(item => item.key === key)
}