front/src/views/elective/report/index.vue

<template>
  <div class="app-container fx-column fx-sta-cen">
    <div class="elective-report-container">
      <el-divider><h1>选科测评报告</h1></el-divider>
      <elective-test-reports></elective-test-reports>
      <el-divider><h1>选科大数据分析</h1></el-divider>
      <group-subject-query></group-subject-query>
      <el-divider><h1>自选专业</h1></el-divider>
      <major-match-optional></major-match-optional>
      <el-divider><h1>专业介绍</h1></el-divider>
      <major-introduce-batch></major-introduce-batch>
      <el-divider><h1>选科成绩表</h1></el-divider>
      <group-score-table></group-score-table>
      <el-divider><h1>选科进程表</h1></el-divider>
      <elective-flow-table></elective-flow-table>
      <el-divider><h1>选科录取分析报告</h1></el-divider>
      <elective-enroll-analysis></elective-enroll-analysis>
      <!-- AI分析可能有也可能没有，在elective-ai-analysis内部控制 -->
      <elective-ai-analysis></elective-ai-analysis>
    </div>
  </div>
</template>

<script>

import ElectiveTestReports from '@/views/elective/report/components/elective-test-reports'
import GroupSubjectQuery from '@/views/permission/components/group-subject-query'
import RoundSelect from '@/views/system/user/profile/round-select'
import MajorMatchOptional from '@/views/elective/report/components/major-match-optional'
import MajorIntroduceBatch from '@/views/elective/report/components/major-introduce-batch'
import GroupScoreTable from '@/views/elective/report/components/group-score-table'
import ElectiveFlowTable from '@/views/elective/report/components/elective-flow-table'
import ElectiveEnrollAnalysis from '@/views/elective/report/components/elective-enroll-analysis'
import ElectiveAiAnalysis from '@/views/elective/report/components/elective-ai-analysis'

export default {
  name: 'report-index',
  extends: RoundSelect,
  components: {
    ElectiveAiAnalysis,
    ElectiveEnrollAnalysis,
    ElectiveFlowTable,
    GroupScoreTable,
    MajorIntroduceBatch,
    MajorMatchOptional,
    RoundSelect,
    GroupSubjectQuery,
    ElectiveTestReports
  },
  data() {
    // TODO: 报告应该与学年和轮次相关，先暂时渲染出最近的轮次数据
    return {
      year: '',
      roundId: ''
    }
  },
  provide() {
    // 扩展一些注入，方便报告内部组件直接获取依赖数据
    // 需要把数据转方法，不然注入的数据无法动态更新
    return {
      getGeneration: () => this.generation,
      getOptionalMajors: () => this.optionalMajors,
      getEvaluationMajors: () => this.evaluationMajors
    }
  }
}
</script>

<style scoped>
.elective-report-container {
  max-width: 1350px;
  width: 80vw;
}

/deep/ .elective-report-container > .el-divider {
  margin: 40px 0;
}

h1 {
  font-size: 36px;
  margin: 0;
}
</style>