front/src/views/elective/select/components/elective-enroll-info.vue

<template>
  <p>
    <span>您在{{ appliedModel.option.title }}阶段</span>
    <template v-if="!appliedModel.selectedList.length">
      <span>未填报志愿</span>
    </template>
    <template v-else-if="appliedModel.selectedList.some(m=>m.rejected)">
      <span>拒绝填报志愿。</span>
    </template>
    <template v-else>
      <span>填报的</span>
      <span v-for="(group,index) in appliedModel.selectedList" :key="group.groupId" :class="enrollGroupClass(group)">
        {{ group.groupName }}{{index < appliedModel.selectedList.length - 1 ? '、' : ''}}
      </span>
    </template>
    <template v-if="approved">
      <span v-if="appliedModel.selectedList.length == 1">
        符合条件，已被录取。
      </span>
      <span v-else-if="appliedModel.selectedList.length > 1">
        其中 <span class="bold">{{ enrollStatus.enrolledGroup.groupName }}</span> 符合条件，已被录取。
      </span>
      <template v-else-if="appliedModel.nextModel.selectedList.length == 1">
        但系统按推荐组合 <span class="f-primary">{{ appliedModel.nextModel.selectedList.first().groupName }}</span> 进行了录取
      </template>
    </template>
    <template v-else>
      <span v-if="appliedModel.selectedList.length">不符合条件</span>，未被录取。
    </template>
    <template v-if="forceAdjusted">
      学校将您调剂录取至<span class="f-warning">{{ enrollStatus.enrolledGroup.groupName }}</span>组合。
    </template>
    <template v-if="enableSelect">
      现有以下标黄组合可以重新报名
    </template>
    <slot></slot>
  </p>
</template>

<script>
export default {
  name: 'elective-enroll-info',
  props: ['generation', 'enrollStatus','isFormReport'],
  computed: {
    enrolled() {
      return !!this.enrollStatus?.enrolledGroup
    },
    approved() {
      return this.enrolled && this.enrollStatus.enrolledGroup.approved
    },
    forceAdjusted() {
      return this.enrolled && this.enrollStatus.enrolledGroup.forceAdjusted
    },
    appliedModel() {
      let appliedModel = this.enrollStatus?.enrolledModel || this.generation.activeModel.prevModel
      while (appliedModel.option.decisionMaking) appliedModel = appliedModel.prevModel
      return appliedModel
    },
    enableSelect() {
      return !this.enrolled &&
        this.generation.active == this.generation.current &&
        !this.generation.activeOpt.decisionMaking && !this.isFormReport
    }
  },
  methods: {
    enrollGroupClass(group) {
      if (this.approved) {
        if (group.groupId == this.enrollStatus.enrolledGroup.groupId) return 'f-primary'
        return 'f-warning'
      } else {
        return 'f-red'
      }
    }
  }
}
</script>

<style scoped>

</style>