SEEC-II-FrontEnd/src/views/student/Code/ProjectDetail/index.vue

<template>
  <div>
    <page-header
      :routes="[{ name: '项目详情', path: 'code' }]"
      :tab-list="[
        { name: '构建', path: `code/${$route.params.homeworkId}/${$route.params.projectId}/build` },
        { name: '部署', path: `code/${$route.params.homeworkId}/${$route.params.projectId}/deploy` },
        { name: '测试', path:  `code/${$route.params.homeworkId}/${$route.params.projectId}/test` }
      ]"
    >
      <template slot="title">项目名称</template>
      <template slot="content">
        <div>项目详情</div>
      </template>
    </page-header>
    <page-body>
      <router-view :projectDetail="projectDetail"/>
    </page-body>
  </div>
</template>


<script>
import { mapState } from "vuex";
import { getProjectDetail } from "@/api/codehw";
import PageHeader from "@/components/PageHeader";
import PageBody from "@/components/PageBody/index";
export default {
  components: {
    PageBody,
    PageHeader
  },
  computed: {
    ...mapState({
      course: state => state.course.currentCourse
    })
  },
  data() {
    return {
      projectDetail: {}
    };
  },
  async mounted() {
    const detail = await getProjectDetail(this.course.id);
    this.projectDetail = detail.data;
  }
};
</script>

<style lang="scss" scoped>
.top-nav-section {
  padding: 0 40px;
}
</style>