| | |
| | | import type { AppRouteModule } from '/@/router/types'; |
| | | |
| | | import { PAGE_LAYOUT_COMPONENT } from '/@/router/constant'; |
| | | import { getParentLayout, LAYOUT } from '/@/router/constant'; |
| | | import { ExceptionEnum } from '/@/enums/exceptionEnum'; |
| | | import { t } from '/@/hooks/web/useI18n'; |
| | | |
| | | const ExceptionPage = () => import('/@/views/sys/exception/Exception'); |
| | | const ExceptionPage = () => import('/@/views/sys/exception/Exception.vue'); |
| | | |
| | | const page: AppRouteModule = { |
| | | path: '/page-demo', |
| | | name: 'PageDemo', |
| | | component: PAGE_LAYOUT_COMPONENT, |
| | | component: LAYOUT, |
| | | redirect: '/page-demo/exception', |
| | | meta: { |
| | | icon: 'mdi:page-next-outline', |
| | | title: 'routes.demo.page.page', |
| | | icon: 'ion:aperture-outline', |
| | | title: t('routes.demo.page.page'), |
| | | }, |
| | | children: [ |
| | | // =============================form start============================= |
| | | { |
| | | path: '/form', |
| | | path: 'form', |
| | | name: 'FormPage', |
| | | redirect: '/page-demo/form/basic', |
| | | component: getParentLayout('FormPage'), |
| | | meta: { |
| | | title: 'routes.demo.page.form', |
| | | title: t('routes.demo.page.form'), |
| | | }, |
| | | children: [ |
| | | { |
| | |
| | | name: 'FormBasicPage', |
| | | component: () => import('/@/views/demo/page/form/basic/index.vue'), |
| | | meta: { |
| | | title: 'routes.demo.page.formBasic', |
| | | title: t('routes.demo.page.formBasic'), |
| | | }, |
| | | }, |
| | | { |
| | |
| | | name: 'FormStepPage', |
| | | component: () => import('/@/views/demo/page/form/step/index.vue'), |
| | | meta: { |
| | | title: 'routes.demo.page.formStep', |
| | | title: t('routes.demo.page.formStep'), |
| | | }, |
| | | }, |
| | | { |
| | |
| | | name: 'FormHightPage', |
| | | component: () => import('/@/views/demo/page/form/high/index.vue'), |
| | | meta: { |
| | | title: 'routes.demo.page.formHigh', |
| | | title: t('routes.demo.page.formHigh'), |
| | | }, |
| | | }, |
| | | ], |
| | |
| | | // =============================form end============================= |
| | | // =============================desc start============================= |
| | | { |
| | | path: '/desc', |
| | | path: 'desc', |
| | | name: 'DescPage', |
| | | component: getParentLayout('DescPage'), |
| | | redirect: '/page-demo/desc/basic', |
| | | meta: { |
| | | title: 'routes.demo.page.desc', |
| | | title: t('routes.demo.page.desc'), |
| | | }, |
| | | children: [ |
| | | { |
| | |
| | | name: 'DescBasicPage', |
| | | component: () => import('/@/views/demo/page/desc/basic/index.vue'), |
| | | meta: { |
| | | title: 'routes.demo.page.descBasic', |
| | | title: t('routes.demo.page.descBasic'), |
| | | }, |
| | | }, |
| | | { |
| | |
| | | name: 'DescHighPage', |
| | | component: () => import('/@/views/demo/page/desc/high/index.vue'), |
| | | meta: { |
| | | title: 'routes.demo.page.descHigh', |
| | | title: t('routes.demo.page.descHigh'), |
| | | }, |
| | | }, |
| | | ], |
| | |
| | | |
| | | // =============================result start============================= |
| | | { |
| | | path: '/result', |
| | | path: 'result', |
| | | name: 'ResultPage', |
| | | redirect: '/page-demo/result/success', |
| | | component: getParentLayout('ResultPage'), |
| | | |
| | | meta: { |
| | | title: 'routes.demo.page.result', |
| | | title: t('routes.demo.page.result'), |
| | | }, |
| | | children: [ |
| | | { |
| | |
| | | name: 'ResultSuccessPage', |
| | | component: () => import('/@/views/demo/page/result/success/index.vue'), |
| | | meta: { |
| | | title: 'routes.demo.page.resultSuccess', |
| | | title: t('routes.demo.page.resultSuccess'), |
| | | }, |
| | | }, |
| | | { |
| | |
| | | name: 'ResultFailPage', |
| | | component: () => import('/@/views/demo/page/result/fail/index.vue'), |
| | | meta: { |
| | | title: 'routes.demo.page.resultFail', |
| | | title: t('routes.demo.page.resultFail'), |
| | | }, |
| | | }, |
| | | ], |
| | |
| | | |
| | | // =============================account start============================= |
| | | { |
| | | path: '/account', |
| | | path: 'account', |
| | | name: 'AccountPage', |
| | | component: getParentLayout('AccountPage'), |
| | | redirect: '/page-demo/account/setting', |
| | | meta: { |
| | | title: 'routes.demo.page.account', |
| | | title: t('routes.demo.page.account'), |
| | | }, |
| | | children: [ |
| | | { |
| | |
| | | name: 'AccountCenterPage', |
| | | component: () => import('/@/views/demo/page/account/center/index.vue'), |
| | | meta: { |
| | | title: 'routes.demo.page.accountCenter', |
| | | title: t('routes.demo.page.accountCenter'), |
| | | }, |
| | | }, |
| | | { |
| | |
| | | name: 'AccountSettingPage', |
| | | component: () => import('/@/views/demo/page/account/setting/index.vue'), |
| | | meta: { |
| | | title: 'routes.demo.page.accountSetting', |
| | | title: t('routes.demo.page.accountSetting'), |
| | | }, |
| | | }, |
| | | ], |
| | |
| | | // =============================account end============================= |
| | | // =============================exception start============================= |
| | | { |
| | | path: '/exception', |
| | | path: 'exception', |
| | | name: 'ExceptionPage', |
| | | component: getParentLayout('ExceptionPage'), |
| | | redirect: '/page-demo/exception/404', |
| | | meta: { |
| | | title: 'routes.demo.page.exception', |
| | | title: t('routes.demo.page.exception'), |
| | | }, |
| | | children: [ |
| | | { |
| | |
| | | }, |
| | | meta: { |
| | | title: '403', |
| | | afterCloseLoading: true, |
| | | }, |
| | | }, |
| | | { |
| | |
| | | }, |
| | | meta: { |
| | | title: '404', |
| | | afterCloseLoading: true, |
| | | }, |
| | | }, |
| | | { |
| | |
| | | }, |
| | | meta: { |
| | | title: '500', |
| | | afterCloseLoading: true, |
| | | }, |
| | | }, |
| | | { |
| | |
| | | status: ExceptionEnum.NET_WORK_ERROR, |
| | | }, |
| | | meta: { |
| | | title: 'routes.demo.page.netWorkError', |
| | | afterCloseLoading: true, |
| | | title: t('routes.demo.page.netWorkError'), |
| | | }, |
| | | }, |
| | | { |
| | |
| | | status: ExceptionEnum.PAGE_NOT_DATA, |
| | | }, |
| | | meta: { |
| | | title: 'routes.demo.page.notData', |
| | | afterCloseLoading: true, |
| | | title: t('routes.demo.page.notData'), |
| | | }, |
| | | }, |
| | | ], |
| | |
| | | // =============================exception end============================= |
| | | // =============================list start============================= |
| | | { |
| | | path: '/list', |
| | | path: 'list', |
| | | name: 'ListPage', |
| | | component: getParentLayout('ListPage'), |
| | | redirect: '/page-demo/list/card', |
| | | meta: { |
| | | title: 'routes.demo.page.list', |
| | | title: t('routes.demo.page.list'), |
| | | }, |
| | | children: [ |
| | | { |
| | |
| | | name: 'ListBasicPage', |
| | | component: () => import('/@/views/demo/page/list/basic/index.vue'), |
| | | meta: { |
| | | title: 'routes.demo.page.listBasic', |
| | | title: t('routes.demo.page.listBasic'), |
| | | }, |
| | | }, |
| | | { |
| | |
| | | name: 'ListCardPage', |
| | | component: () => import('/@/views/demo/page/list/card/index.vue'), |
| | | meta: { |
| | | title: 'routes.demo.page.listCard', |
| | | title: t('routes.demo.page.listCard'), |
| | | }, |
| | | }, |
| | | { |
| | |
| | | name: 'ListSearchPage', |
| | | component: () => import('/@/views/demo/page/list/search/index.vue'), |
| | | meta: { |
| | | title: 'routes.demo.page.listSearch', |
| | | title: t('routes.demo.page.listSearch'), |
| | | }, |
| | | }, |
| | | ], |