import { Layout } from '@/utils/routerHelper'

const { t } = useI18n()
/**
 * redirect: noredirect        当设置 noredirect 的时候该路由在面包屑导航中不可被点击
 * name:'router-name'          设定路由的名字，一定要填写不然使用<keep-alive>时会出现各种问题
 * meta : {
 hidden: true              当设置 true 的时候该路由不会再侧边栏出现 如404，login等页面(默认 false)

 alwaysShow: true          当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式，
 只有一个时，会将那个子路由当做根路由显示在侧边栏，
 若你想不管路由下面的 children 声明的个数都显示你的根路由，
 你可以设置 alwaysShow: true，这样它就会忽略之前定义的规则，
 一直显示根路由(默认 false)

 title: 'title'            设置该路由在侧边栏和面包屑中展示的名字

 icon: 'svg-name'          设置该路由的图标

 noCache: true             如果设置为true，则不会被 <keep-alive> 缓存(默认 false)

 breadcrumb: false         如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)

 affix: true               如果设置为true，则会一直固定在tag项中(默认 false)

 noTagsView: true          如果设置为true，则不会出现在tag中(默认 false)

 activeMenu: '/dashboard'  显示高亮的路由路径

 followAuth: '/dashboard'  跟随哪个路由进行权限过滤

 canTo: true               设置为true即使hidden为true，也依然可以进行路由跳转(默认 false)
 }
 **/
const remainingRouter: AppRouteRecordRaw[] = [
  {
    path: '/redirect',
    component: Layout,
    name: 'Redirect',
    children: [
      {
        path: '/redirect/:path(.*)',
        name: 'RedirectPage',
        component: () => import('@/views/Redirect/Redirect.vue'),
        meta: {}
      }
    ],
    meta: {
      hidden: true,
      noTagsView: true
    }
  },
  {
    path: '/',
    component: Layout,
    redirect: '/index',
    name: 'Home',
    meta: {},
    children: [
      {
        path: 'index',
        component: () => import('@/views/Home/Index10.vue'),
        name: 'Index',
        meta: {
          title: t('router.home'),
          icon: 'ep:home-filled',
          noCache: false,
          affix: true
        }
      }
    ]
  },
    {
      path: '/process-instance/info',
      component: () => import('@/views/bpm/processInstance/detail/index.vue'),
      name: 'BpmProcessInstanceInfo',
      meta: {
        noCache: true,
        hidden: true,
        canTo: true,
        title: '流程详情',
        activeMenu: 'bpm/processInstance/detail',
        catalogue: true,
      }
    },
  {
    path: '/user',
    component: Layout,
    name: 'UserInfo',
    meta: {
      hidden: true
    },
    children: [
      {
        path: 'profile',
        component: () => import('@/views/Profile/Index.vue'),
        name: 'Profile',
        meta: {
          canTo: true,
          hidden: true,
          noTagsView: false,
          icon: 'ep:user',
          title: t('common.profile')
        }
      },
      {
        path: 'notify-message',
        component: () => import('@/views/system/notify/my/index.vue'),
        name: 'MyNotifyMessage',
        meta: {
          canTo: true,
          hidden: true,
          noTagsView: false,
          icon: 'ep:message',
          title: t('common.notifyMessage')
        }
      }
    ]
  },
  {
    path: '/job',
    component: Layout,
    name: 'JobL',
    meta: {
      hidden: true
    },
    children: [
      {
        path: 'job-log',
        component: () => import('@/views/infra/job/logger/index.vue'),
        name: 'InfraJobLog',
        meta: {
          noCache: true,
          hidden: true,
          canTo: true,
          icon: 'ep:edit',
          title: t('common.jobLog'),
          activeMenu: 'infra/job/index',
          catalogue: true,
        }
      }
    ]
  },
  // {
  //   path: '/login',
  //   component: () => import('@/views/Login/sutra/Login.vue'),
  //   name: 'Login',
  //   meta: {
  //     hidden: true,
  //     title: t('router.login'),
  //     noTagsView: true
  //   }
  // },
  {
    path: '/login',
    component: () => import('@/views/Login/Login.vue'),
    name: 'Login',
    meta: {
      hidden: true,
      title: t('router.login'),
      noTagsView: true
    }
  },
  {
    path: '/process-instance-detail',
    component: () => import('@/views/bpm/processInstance/detail/index.vue'),
    name: 'BpmProcessInstanceDetailOut',
    meta: {
      hidden: true,
      title: '流程详情',
      noTagsView: true
    }
  },
  {
    path: '/sso', //第三方登录
    component: () => import('@/views/Login/Login.vue'),
    name: 'SSOLogin',
    meta: {
      hidden: true,
      title: t('router.login'),
      noTagsView: true
    }
  },
  {
    path: '/social-login',
    component: () => import('@/views/Login/SocialLogin.vue'),
    name: 'SocialLogin',
    meta: {
      hidden: true,
      title: t('router.socialLogin'),
      noTagsView: true
    }
  },
  {
    path: '/403',
    component: () => import('@/views/Error/403.vue'),
    name: 'NoAccess',
    meta: {
      hidden: true,
      title: '403',
      noTagsView: true,
      catalogue: true,
    }
  },
  {
    path: '/404',
    component: () => import('@/views/Error/404.vue'),
    name: 'NoFound',
    meta: {
      hidden: true,
      title: '404',
      noTagsView: true,
      catalogue: true,
    }
  },
  {
    path: '/500',
    component: () => import('@/views/Error/500.vue'),
    name: 'Error',
    meta: {
      hidden: true,
      title: '500',
      noTagsView: true,
      catalogue: true,
    }
  },
  {
    path: '/bpm',
    component: Layout,
    name: 'bpm',
    meta: {
      hidden: true,
    },
    children: [
      {
        path: '/manager/model/edit',
        component: () => import('@/views/bpm/model/editor/index.vue'),
        name: 'BpmModelEditor',
        meta: {
          noCache: true,
          hidden: true,
          canTo: true,
          title: '设计流程',
          activeMenu: '/bpm/manager/model',
          catalogue: true,
        }
      },
      {
        path: '/manager/definition',
        component: () => import('@/views/bpm/definition/index.vue'),
        name: 'BpmProcessDefinition',
        meta: {
          noCache: true,
          hidden: true,
          canTo: true,
          title: '流程定义',
          activeMenu: '/bpm/manager/model',
          catalogue: true,
        }
      },
      {
        path: '/manager/task-assign-rule',
        component: () => import('@/views/bpm/taskAssignRule/index.vue'),
        name: 'BpmTaskAssignRuleList',
        meta: {
          noCache: true,
          hidden: true,
          canTo: true,
          title: '任务分配规则',
          catalogue: true,
        }
      },
      {
        path: '/process-instance/create',
        component: () => import('@/views/bpm/processInstance/create/index.vue'),
        name: 'BpmProcessInstanceCreate',
        meta: {
          noCache: true,
          hidden: true,
          canTo: true,
          title: '发起流程',
          activeMenu: 'bpm/processInstance/create',
          catalogue: true,
        }
      },
      {
        path: '/process-instance/detail',
        component: () => import('@/views/bpm/processInstance/detail/index.vue'),
        name: 'BpmProcessInstanceDetail',
        meta: {
          noCache: true,
          hidden: true,
          canTo: true,
          title: '流程详情',
          activeMenu: 'bpm/processInstance/detail',
          catalogue: true,
        }
      },
    ]
  },
  {
    path: '/test',
    component: () => import('@/views/test/index.vue'),
    name: 'Test',
    meta: {
      hidden: true,
      title: '测试页',
      catalogue: true,
      noTagsView: true
    }
  },
  {
    path: '/low',
    name: 'LowCode',
    meta: { hidden: true },
    component: Layout,
    children: [
      {
        path: '/low/table/test/:id',
        name: 'TableTest',
        meta: { hidden: true, title: '功能测试', icon: 'ep:view', activeMenu: '/lowdev/tableDesign', catalogue: true },
        component: () => import('@/views/lowdesign/tableView/index.vue')
      },
      {
        path: '/low/report/test/:code',
        name: 'ReportTest',
        meta: { hidden: true, title: '报表功能测试', icon: 'ep:view', activeMenu: '/lowdev/reportDesign', catalogue: true },
        component: () => import('@/views/lowdesign/reportView/index.vue')
      },
      {
        path: '/low/module/test/:id',
        name: 'TabsTest',
        meta: { hidden: true, title: '多模块组合测试', icon: 'ep:view', activeMenu: '/lowdev/moduleDesign', catalogue: true },
        component: () => import('@/views/lowdesign/moduleView/index.vue')
      },
      {
        path: '/low/table/view/:id',
        name: 'TableView',
        meta: { hidden: true, title: '功能测试', icon: 'ep:view', activeMenu: '/lowdev/tableDesign', catalogue: true },
        component: () => import('@/views/lowdesign/tableView/index.vue')
      },
      {
        path: '/low/report/view/:code',
        name: 'ReportView',
        meta: { hidden: true, title: '报表功能测试', icon: 'ep:view', activeMenu: '/lowdev/reportDesign', catalogue: true },
        component: () => import('@/views/lowdesign/reportView/index.vue')
      },
      {
        path: '/low/module/view/:id',
        name: 'TabsView',
        meta: { hidden: true, title: '多模块组合测试', icon: 'ep:view', activeMenu: '/lowdev/moduleDesign', catalogue: true },
        component: () => import('@/views/lowdesign/moduleView/index.vue')
      }
    ]
  },
  {
    path: '/form/external/:type/:id',
    component: () => import('@/views/lowdesign/formView/index.vue'),
    name: 'formExternal',
    meta: {
      hidden: true,
      title: '表单',
      noTagsView: true,
      catalogue: true,
    }
  },
  {
    path: '/screen/main',
    component: () => import('@/views/screen/mainScreen.vue'),
    name: 'mainScreen',
    meta: {
      hidden: true,
      title: '总部大屏',
      noTagsView: true,
      catalogue: true,
    }
  }, 
  {
    path: '/screen/mainv1',
    component: () => import('@/views/screen/mainScreenV1.vue'),
    name: 'mainScreenV1',
    meta: {
      hidden: true,
      title: '总部大屏',
      noTagsView: true,
      catalogue: true,
    }
  }, 
  {
    path: '/screen/region',
    component: () => import('@/views/screen/regionScreen.vue'),
    name: 'regionScreen',
    meta: {
      hidden: true,
      title: '区域大屏',
      noTagsView: true,
      catalogue: true,
    }
  },
  {
    path: '/screen/park',
    component: () => import('@/views/screen/parkScreen.vue'),
    name: 'parkScreen',
    meta: {
      hidden: true,
      title: '园区大屏',
      noTagsView: true,
      catalogue: true,
    }
  },
  {
    path: '/screen/company',
    component: () => import('@/views/screen/companyScreen.vue'),
    name: 'companyScreen',
    meta: {
      hidden: true,
      title: '园区大屏',
      noTagsView: true,
      catalogue: true,
    }
  },
  {
    path: '/:pathMatch(.*)*',
    component: () => import('@/views/Error/404.vue'),
    name: '',
    meta: {
      title: '404',
      hidden: true,
      breadcrumb: false,
      catalogue: true,
    }
  }

]

export default remainingRouter