frontend/teacher/src/components/CourseSelect/index.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
  <div class='course-select'>
    <el-select v-model="Course"
               :loading="loading"
               placeholder="请选择课程"
               filterable
               clearable>
      <el-option v-for="item in items"
                 :key="item.id"
                 :value="item.id"
                 :label="item.courseName"></el-option>
      <div style="bottom: 0;width: 100%;background: #fff">
        <pagination v-show="totalCount>0"
                    :total="totalCount"
                    :page.sync="queryParam.pageIndex"
                    :limit.sync="queryParam.pageSize"
                    layout="prev, pager,next,total"
                    @pagination="search" />
      </div>
    </el-select>
  </div>
</template>

<script>
import courseApi from '@/api/course'
import Pagination from '@/components/Pagination'

export default {
  name: 'CourseSelect',
  components: { Pagination },
  props: {
    courseId: {
      type: Number,
      default: 0,
    },
    courseLabel: {
      type: String,
      default: '',
    },
  },
  watch: {
    courseLabel: {
      handler(val) {
        this.courseName = val
      },
      deep: true,
    },
  },
  computed: {
    Course: {
      get() {
        return this.courseName
      },
      set(val) {
        if (val) {
          var item = this.getItem(this.items, val)
          this.courseName = item.courseName
          this.$emit('update:courseId', item.id)
        } else {
          this.courseName = ''