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

<template>
  <!-- 班主任查看学生报名 -->
  <div class="app-container">
    <el-card class="box-card mb10">
      <mx-condition ref="condition" :query-params="queryParams" :require-fields="requireFields" @query="handleQuery"
                    @invalid="handleInvalidQuery"
      ></mx-condition>
    </el-card>
  </div>
</template>
<script>

import MxCondition from '@/components/MxCondition/mx-condition'

export default {
  components: { MxCondition },
  data() {
    return {
      requireFields: ['year', 'roundId'],
      queryParams: {
        year: '',
        roundId: ''
      },
    }
  },
  methods: {
    handleQuery() {
    },
    handleInvalidQuery() {
      console.log('query取消')
      this.round = {}
    }
  }
}
</script>
<style>

</style>