pc--vr/src/router/index.js

import { createRouter, createWebHashHistory } from "vue-router";
import config from "~/configs"

import Layout from "~/views/index.vue"
import LayoutHeader from '~/components/layouts/LayoutHeader.vue'
import LayoutEditor from '~/components/layouts/LayoutEditor.vue'

const routes = [
  // index
  {
    path: '/',
    meta: {
      title: '首页'
    },
    component: Layout,
    children: [
      {
        path: '/',
        name: "Home",
        meta: {
        },
        component: () => import('~/views/index/content.vue')
      },
      {
        path: 'follow',
        name: "Follow",
        meta: {
          title: '我的关注'
        },
        component: () => import('~/views/index/follow.vue')
      }
    ]
  },
  //通知
  {
    path: '/inform',
    meta: {
      title: '通知'
    },
    component: Layout,
    children: [
      {
        path: '',
        name: 'inform',
        component: () => import('~/views/tongzhi/index.vue')
      },
    ]
  },
  // articles 文章
  {
    path: '/articles',
    meta: {
      title: '文章'
    },
    component: Layout,
    children: [
      {
        path: '',
        name: 'Articles',
        component: () => import('~/views/articles/index.vue')
      },
      {
        path: '/Articles',
        name: 'articles',
        component: () => import('~/views/postDetail.vue')
      },
      {
        path: '/moreArticles',
        name: 'moreArticles',
        component: () => import('~/views/more.vue')
      },
    ]
  },
  // zixun 资讯
  {
    path: '/zixun',
    meta: {
      title: '资讯'
    },
    component: Layout,
    children: [
      {
        path: '',
        name: 'Zixun',
        component: () => import('~/views/zixun/index.vue')
      },
      {
        path: '/news',
        name: 'news',
        component: () => import('~/views/postDetail.vue')
      },
      {
        path: '/more',
        name: 'more',
        component: () => import('~/views/zixun.vue')
      }
    ]
  },
  // news 新闻
  // videos 视频
  {
    path: '/video',
    meta: {
      title: '视频'
    },
    component: Layout,
    children: [
      {
        path: '',
        name: 'video',
        component: () => import('~/views/video/index.vue')
      },
      {
        path: '/videos',
        name: 'videos',
        component: () => import('~/views/postDetail.vue')
      }
    ]
  },
  // forum 论坛
  {
    path: '/forum',
    meta: {
      title: '论坛'
    },
    component: Layout,
    children: [
      {
        path: '',
        name: 'Forum',
        component: () => import('~/views/forum/index.vue')
      },
      {
        path: '/forum/edit',
        name: 'ForumEdit',
        component: () => import('~/views/forum/edit.vue')
      },
      {
        path: '/forum/topic/:id',
        name: 'ForumTopic',
        component: () => import('~/views/forum/topic.vue')
      },
      {
        path: '/topic',
        name: 'topic',
        component: () => import('~/views/postDetail.vue')
      }
    ]
  },
  // market 商品
  // points-mill 积分商城
  {
    path: '/store',
    meta: {
      title: '商城'
    },
    component: Layout,
    children: [
      {
        path: '/store/outshoping',
        meta: {
          title: '外部商城'
        },
        name: 'OutShoping',
        component: () => import('~/views/market/outshoping.vue')
      },
      {
        path: '/store/pointshoping',
        meta: {
          title: '积分商城'
        },
        name: 'PointShoping',
        component: () => import('~/views/market/index.vue')
      },
      {
        path: '/store/pointshoping/:id',
        meta: {
          title: '详情 - 积分商城'
        },
        name: 'PointShopingDetail',
        component: () => import('~/views/market/details.vue')
      },
      {
        path: '/store/pointshoping/placeorder',
        meta: {
          title: '结算订单'
        },
        name: 'PlaceOrder',
        component: () => import('~/views/market/placeOrder.vue')
      },
      {
        path: '/conversion',
        meta: {
          title: '兑换记录'
        },
        name: 'conversion',
        component: () => import('~/views/market/conversion.vue')
      }
    ]
  },
  // reservation 预约拍摄/预约租赁
  {
    path: '/reservation',
    meta: {
      title: '设备租赁'
    },
    component: Layout,
    children: [
      {
        path: '',
        name: 'reservation',
        component: () => import('~/views/reservation/index.vue')
      }
    ]
  },

  //聊天
  {
    path: '/chat',
    meta: {
      title: '私信'
    },
    component: Layout,
    children: [
      {
        path: '',
        name: 'chat',
        component: () => import('~/views/tongzhi/chat.vue')
      },
    ]
  },

  // 个人中心
  {
    path: '/personal',
    meta: {
      title: '个人中心',
    },
    component: Layout,
    children: [
      {
        path: '',
        name: 'PersonalContent',
        component: () => import('~/views/personal/index.vue')
      },
      {
        path: '/discount',
        name: 'discount',
        component: () => import('~/views/personal/discount.vue')
      },
      {
        path: '/wallet',
        name: 'wallet',
        component: () => import('~/views/personal/wallect.vue')
      },
      // {
      //   path: '/footprint',
      //   name: 'footprint',
      //   component: () => import('~/views/personal/footprint.vue')
      // },
      {
        path: '/sign',
        name: 'sign',
        component: () => import('~/views/personal/sign.vue')
      },
      {
        path: '/make',//预约
        name: 'make',
        component: () => import('~/views/personal/make.vue')
      },
      {
        path: '/join',//加入忆象
        name: 'join',
        component: () => import('~/views/personal/join.vue')
      },
      {
        path: '/commonProblem',//常见问题
        name: 'commonProblem',
        component: () => import('~/views/personal/commonProblem.vue')
      },
      {
        path: '/setting',//个人设置
        name: 'setting',
        component: () => import('~/views/personal/setting.vue')
      },
      {
        path: '/videoManagement',//视频管理
        name: 'videoManagement',
        component: () => import('~/views/personal/video.vue')
      },
      {
        path: '/foot',//我的足迹
        name: 'foot',
        component: () => import('~/views/personal/foot.vue')
      },
      {
        path: '/urlManagement',//地址管理
        name: 'urlManagement',
        component: () => import('~/views/personal/address.vue')
      }
    ]
  },

  {
    path: '/invite',
    component: Layout,
    children: [
      {
        path: '',
        name: 'invite',
        component: () => import('~/views/personal/inviteinfo.vue')
      }
    ]
  },


  // argument 
  {
    path: '/argument',
    component: LayoutHeader,
    children: [
      {
        path: '',
        name: 'Arguments',
        component: () => import('~/views/agreement/index.vue')
      }
    ]
  },

  // editor 
  {
    path: '/editor',
    component: LayoutEditor,
    children: [
      {
        path: '',
        name: 'Editor',
        component: () => import('~/views/sundry/editor.vue')
      }
    ]
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

router.beforeEach((to, from, next) => {
  let title = ''
  if (to.meta.title) {
    title = `${to.meta.title} | ${config.title} `
  } else {
    title = ` ${config.title} `
  }
  document.title = title;

  //const role = localStorage.getItem('ms_username');
  // console.log("===========", role)

  // const permiss = usePermissStore();
  // console.log("to.meta.permiss==", to.meta.permiss);
  // console.log("!permiss.key.includes(to.meta.permiss)==", !permiss.key.includes(to.meta.permiss));
  next();
  /**
  if (!role && to.path !== '/login') {
      next('/login');
  } else if (to.meta.permiss && !permiss.key.includes(to.meta.permiss)) {
      // 如果没有权限，则进入403
      next('/403');
  } else {
      next();
  }
 **/
});


export default router