import type { AppRouteModule } from '/@/router/types';

import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';

const order: AppRouteModule = {
  path: '/system',
  name: 'System',
  component: LAYOUT,
  redirect: '/system/user',
  meta: {
    icon: 'carbon:cics-system-group',
    title: t('routes.dashboard.system'),
    orderNo: 200,
  },
  children: [
    {
      path: 'user',
      name: 'User',
      component: () => import('/@/views/staff/list.vue'),
      meta: {
        title: t('routes.dashboard.systemUser'),
        icon: 'carbon:user-multiple',
        hideChildrenInMenu: true,
      },
    },{
      path: 'role',
      name: 'RoleManagement',
      meta: {
        title: t('routes.demo.system.role'),
        icon: 'carbon:user-role',
        ignoreKeepAlive: true,
      },
      component: () => import('/@/views/system/role/index.vue'),
    },{
      path: 'menu',
      name: 'MenuManagement',
      meta: {
        title: t('routes.demo.system.menu'),
        icon: 'ant-design:menu-unfold-outlined',
        ignoreKeepAlive: true,
      },
      component: () => import('/@/views/system/menu/index.vue'),
    },
  ],
};

export default order;
