import Vue from "vue";
import Router from "vue-router";

Vue.use(Router);

let routes = [
  {
    alias: "/",
    path: "/Home",
    name: "home",
    meta: { keepAlive: true },
    props: true,
    component: () => import("@/views/home")
  },
  {
    path: "/AnswerRecruit",
    name: "answerRecruit",
    component: () => import("@/views/home/answer/page-answer-recruit")
  }, // 答题作答页
  {
    path: "/AnswerWeekList",
    name: "page-answer-week",
    component: () => import("@/views/home/answer/page-answer-week")
  }, // 答题作答页
  {
    path: "/AnswerSpecialList",
    name: "page-answer-special",
    component: () => import("@/views/home/answer/page-answer-special")
  }, // 答题作答页
  {
    path: "/AnswerRecruitResult",
    name: "answerRecruitResult",
    component: () => import("@/views/home/answer/page-answer-recruit-result")
  }, // 答题结果页
  {
    path: "/through-question-start",
    name: "throughQuestionStart",
    component: () => import("@/views/home/answer/through/through-question-start")
  }, // 开始答题闯关
  {
    path: "/through-question-end",
    name: "throughQuestionEnd",
    component: () => import("@/views/home/answer/through/through-question-end")
  }, // 结束答题闯关
  {
    path: "/through-question-doing",
    name: "throughQuestionDoing",
    component: () => import("@/views/home/answer/through/through-question-doing")
  }, // 答题闯关中
  {
    path: "/ExamDetail",
    name: "ExamDetail",
    component: () => import("@/views/home/exam/page-exam-item-detail")
  }, // 单个考试的详情页
  {
    path: "/Exam",
    name: "Exam",
    component: () => import("@/views/home/exam/page-exam-item-doing")
  }, // 单个考试的试卷页
  {
    path: "/ExamResult",
    name: "ExamResult",
    component: () => import("@/views/home/exam/page-exam-item-result")
  }, // 单个考试的试卷页
  {
    path: "/page-learn",
    name: "page-learn",
    props: true,
    component: () => import("@/views/home/learn/page-learn")
  }, // 学习页面
  {
    path: "/learn-content/:materialId",
    name: "learn-content",
    props: true,
    component: () => import("@/views/home/learn/page-learn-content")
  }, // 学习内容页
  {
    path: "/exam-history/:userId",
    name: "exam-history",
    props: true,
    component: () => import("@/views/home/person/exam-history")
  }, // 考试历史记录
  {
    path: "/collection/:userId",
    name: "collection",
    props: true,
    component: () => import("@/views/home/person/collection")
  }, // 收藏
  {
    path: "/rank/:userId",
    name: "rank",
    props: true,
    component: () => import("@/views/home/person/rank")
  }, // 排行榜
  {
    // path: "/user-manual/:userId",
    path: "/user-manual",
    name: "user-manual",
    props: true,
    component: () => import("@/views/home/person/user-manual")
  }, // 使用手册
  {
    path: "/learn-point-rule",
    name: "learnPointRule",
    component: () => import("@/views/home/person/learn-point-rule")
  }, // 学习积分规则
  {
    path: "/exam-point-rule",
    name: "examPointRule",
    component: () => import("@/views/home/person/exam-point-rule")
  } // 考试积分规则
];

export default new Router({
  mode: "history",
  routes,
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition;
    } else {
      if (from.meta.keepAlive) {
        const selector = document.getElementById("scrollbar") || {};
        from.meta.savedPosition = selector.scrollTop || 0;
      }
      return { x: 0, y: to.meta.savedPosition || 0 };
    }
  }
});