wip: add account management page

Vben

2021-03-01 37669d067c43a3807df848f0caf67cbeab3e1b33

 src/router/routes/modules/demo/page.ts

@@ -1,27 +1,29 @@
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: '页面',
    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: '表单页',
        title: t('routes.demo.page.form'),
      },
      children: [
        {
@@ -29,7 +31,7 @@
          name: 'FormBasicPage',
          component: () => import('/@/views/demo/page/form/basic/index.vue'),
          meta: {
            title: '基础表单',
            title: t('routes.demo.page.formBasic'),
          },
        },
        {
@@ -37,7 +39,7 @@
          name: 'FormStepPage',
          component: () => import('/@/views/demo/page/form/step/index.vue'),
          meta: {
            title: '分步表单',
            title: t('routes.demo.page.formStep'),
          },
        },
        {
@@ -45,7 +47,7 @@
          name: 'FormHightPage',
          component: () => import('/@/views/demo/page/form/high/index.vue'),
          meta: {
            title: '高级表单',
            title: t('routes.demo.page.formHigh'),
          },
        },
      ],
@@ -53,11 +55,12 @@
    // =============================form end=============================
    // =============================desc start=============================
    {
      path: '/desc',
      path: 'desc',
      name: 'DescPage',
      component: getParentLayout('DescPage'),
      redirect: '/page-demo/desc/basic',
      meta: {
        title: '详情页',
        title: t('routes.demo.page.desc'),
      },
      children: [
        {
@@ -65,7 +68,7 @@
          name: 'DescBasicPage',
          component: () => import('/@/views/demo/page/desc/basic/index.vue'),
          meta: {
            title: '基础详情页',
            title: t('routes.demo.page.descBasic'),
          },
        },
        {
@@ -73,7 +76,7 @@
          name: 'DescHighPage',
          component: () => import('/@/views/demo/page/desc/high/index.vue'),
          meta: {
            title: '高级详情页',
            title: t('routes.demo.page.descHigh'),
          },
        },
      ],
@@ -82,11 +85,13 @@

    // =============================result start=============================
    {
      path: '/result',
      path: 'result',
      name: 'ResultPage',
      redirect: '/page-demo/result/success',
      component: getParentLayout('ResultPage'),

      meta: {
        title: '结果页',
        title: t('routes.demo.page.result'),
      },
      children: [
        {
@@ -94,7 +99,7 @@
          name: 'ResultSuccessPage',
          component: () => import('/@/views/demo/page/result/success/index.vue'),
          meta: {
            title: '成功页',
            title: t('routes.demo.page.resultSuccess'),
          },
        },
        {
@@ -102,7 +107,7 @@
          name: 'ResultFailPage',
          component: () => import('/@/views/demo/page/result/fail/index.vue'),
          meta: {
            title: '失败页',
            title: t('routes.demo.page.resultFail'),
          },
        },
      ],
@@ -111,11 +116,12 @@

    // =============================account start=============================
    {
      path: '/account',
      path: 'account',
      name: 'AccountPage',
      component: getParentLayout('AccountPage'),
      redirect: '/page-demo/account/setting',
      meta: {
        title: '个人页',
        title: t('routes.demo.page.account'),
      },
      children: [
        {
@@ -123,7 +129,7 @@
          name: 'AccountCenterPage',
          component: () => import('/@/views/demo/page/account/center/index.vue'),
          meta: {
            title: '个人中心',
            title: t('routes.demo.page.accountCenter'),
          },
        },
        {
@@ -131,7 +137,7 @@
          name: 'AccountSettingPage',
          component: () => import('/@/views/demo/page/account/setting/index.vue'),
          meta: {
            title: '个人设置',
            title: t('routes.demo.page.accountSetting'),
          },
        },
      ],
@@ -139,11 +145,12 @@
    // =============================account end=============================
    // =============================exception start=============================
    {
      path: '/exception',
      path: 'exception',
      name: 'ExceptionPage',
      component: getParentLayout('ExceptionPage'),
      redirect: '/page-demo/exception/404',
      meta: {
        title: '异常页',
        title: t('routes.demo.page.exception'),
      },
      children: [
        {
@@ -155,7 +162,6 @@
          },
          meta: {
            title: '403',
            afterCloseLoading: true,
          },
        },
        {
@@ -167,7 +173,6 @@
          },
          meta: {
            title: '404',
            afterCloseLoading: true,
          },
        },
        {
@@ -179,7 +184,6 @@
          },
          meta: {
            title: '500',
            afterCloseLoading: true,
          },
        },
        {
@@ -190,8 +194,7 @@
            status: ExceptionEnum.NET_WORK_ERROR,
          },
          meta: {
            title: '网络错误',
            afterCloseLoading: true,
            title: t('routes.demo.page.netWorkError'),
          },
        },
        {
@@ -202,8 +205,7 @@
            status: ExceptionEnum.PAGE_NOT_DATA,
          },
          meta: {
            title: '无数据',
            afterCloseLoading: true,
            title: t('routes.demo.page.notData'),
          },
        },
      ],
@@ -211,19 +213,36 @@
    // =============================exception end=============================
    // =============================list start=============================
    {
      path: '/list',
      path: 'list',
      name: 'ListPage',
      component: getParentLayout('ListPage'),
      redirect: '/page-demo/list/card',
      meta: {
        title: '列表页',
        title: t('routes.demo.page.list'),
      },
      children: [
        {
          path: 'basic',
          name: 'ListBasicPage',
          component: () => import('/@/views/demo/page/list/basic/index.vue'),
          meta: {
            title: t('routes.demo.page.listBasic'),
          },
        },
        {
          path: 'card',
          name: 'ListCardPage',
          component: () => import('/@/views/demo/page/list/card/index.vue'),
          meta: {
            title: '卡片列表',
            title: t('routes.demo.page.listCard'),
          },
        },
        {
          path: 'search',
          name: 'ListSearchPage',
          component: () => import('/@/views/demo/page/list/search/index.vue'),
          meta: {
            title: t('routes.demo.page.listSearch'),
          },
        },
      ],