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

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

const clueRoute: AppRouteModule = {
  path: '/clue',
  name: 'Clue',
  component: LAYOUT,
  redirect: '/clue/cluePool',
  meta: {
    orderNo: 90013,
    hideChildrenInMenu: false,
    icon: 'ant-design:dribbble-circle-filled',
    title: t('routes.clue.clue'),
  },
  children: [
    {
      path: 'cluePool',
      name: 'CluePool',
      component: () => import('/src/views/clue/cluePool/index.vue'),
      meta: {
        title: t('routes.clue.cluePool'),
      },
    },
    {
      path: 'clueList',
      name: 'ClueList',
      component: () => import('/src/views/clue/clueList/index.vue'),
      meta: {
        title: t('routes.clue.clueList'),
      },
    },
    {
      path: 'poolist',
      name: 'Poolist',
      component: () => import('/src/views/clue/poolist/index.vue'),
      meta: {
        title: t('routes.clue.poolist'),
      },
    },
    {
      path: 'followlist',
      name: 'Followlist',
      component: () => import('/src/views/clue/followlist/index.vue'),
      meta: {
        title: t('routes.clue.followlist'),
      },
    },
    {
      path: 'customer',
      name: 'Customer',
      component: () => import('/src/views/clue/customer/index.vue'),
      meta: {
        // roles: ['/staff/staff'],
        title: t('routes.clue.customer'),
        hideMenu: true,
      },
    },
  ],
}

export default clueRoute