<template>
  <div>
    <div class="panel-box">
      <h4 class="tran-h4">报名须知</h4>
      <div class="pd20">
        <el-form-item label="附件下载：">
          <el-link :href="fillImgUrl_train(activity.signNoticeAttachment?.url)" target="_blank" type="primary">《报名须知》</el-link>
        </el-form-item>
        <el-form-item>
          <el-checkbox v-model="checked" label="我确认已经仔细阅读报名须知" />
        </el-form-item>
      </div>

    </div>
    <div class="panel-footer text-center">
      <el-button :disabled="!checked" type="primary" round @click="next">阅读并同意</el-button>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'

const emit = defineEmits(['next'])

defineProps({
  activity: {
    type: Object,
    default: () => {}
  }
})
const checked = ref(false)

function next() {
  if (checked.value) {
    emit('next')
  }
}

</script>

<style scoped lang="scss">
.panel-box{
  border:1px solid #F5766A;
}
</style>