<template>
  <a-modal title="课中检查" :visible="visible" :confirm-loading="confirmLoading" :footer="null" :closable="false">
    <DbQuestionItem></DbQuestionItem>
    <div class="text-center margin-top">
      <a-button type="primary" @click="handlerSubmit">提交</a-button>
    </div>
    <p class="tip-info margin-top">
      注意：每段课程学习完成后都会随机出现1道小题，答对题目，方可继续下一部分学习，您有2次机会。否则之前上一小段学习时间不计算学时，需要重新学习
    </p>
  </a-modal>
</template>

<script>
import DbQuestionItem from '@/components/DbQuestionItem/index.vue'
export default {
  components: { DbQuestionItem },
  data () {
    return {
      visible: false,
      confirmLoading: false
    }
  },
  methods: {
    show(){
      this.visible = true
    },
    handlerSubmit () {
      // 处理考试提交逻辑
      this.visible = false
    }
  }
}
</script>

<style lang="less" scoped>
.tip-info {
  margin-top: 10px;
  color: #f5222d;
}
</style>
