front/src/views/elective/report/components/elective-test-reports.vue

<template>
  <div class="fx-column" style="padding: 0 100px">
    <index-card title="选科测评">
      <test-result :all-test-results="testResults" :selected-majors="summary.selectedList" readonly></test-result>
    </index-card>
    <index-card v-for="test in testResults" :key="test.key" :title="test.title" class="elective-report-card mt20">
      <test-report :category="test.key" :source="test.result" readonly></test-report>
    </index-card>
  </div>
</template>

<script>
import TestSummary from '@/views/elective/test/components/test-summary'
import IndexCard from '@/views/index/components/index-card'
import TestReport from '@/views/elective/test/components/test-report'

export default {
  name: 'elective-test-reports',
  extends: TestSummary,
  components: { TestReport, IndexCard }
}
</script>

<style scoped>
.elective-report-card > /deep/ .el-card__body {
  padding: 0;
}
</style>