front/src/views/elective/select/components/groups-match-dialog.vue

<template>
  <el-dialog
    :title="`整体组合匹配（${type.title}）`"
    :visible.sync="show"
    width="70%"
  >
    <div>
      <groups-match-table :groups="reports" :majors="majors"></groups-match-table>
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button type="primary" @click="show = false">确 定</el-button>
    </span>
  </el-dialog>
</template>
<script>

import GroupsMatchTable from '@/views/elective/select/components/groups-match-table'
import consts from '@/common/mx-const'

export default {
  components: { GroupsMatchTable },
  data() {
    return {
      show: false,
      majors: [],
      type: consts.enum.electiveMajorMatchType.optional,
      reports: []
    }
  },
  methods: {
    open(reports, majors, type) {
      this.show = true
      this.type = type
      this.reports = reports
      this.majors = majors
    }
  }
}
</script>
<style scoped>
.cell .el-tag {
  margin-right: 5px;
}
</style>