<!--课程考核-->
<template>
  <div class="course-assess" v-loading="loading">
    <h1 class="title">
      {{ $t('pages.learn.courseDetail.Finalresult') }}
      <template v-if="data.course_score"> {{ data.course_score }}{{ $t('pages.learn.courseDetail.point') }} </template>
      <template v-else>{{ $t('pages.learn.courseDetail.no') }}</template>
    </h1>
    <div class="detail">
      <div class="h1">一、最终成绩计算</div>
      <div class="p">
        课程表现得分*30%+每章试题得分*30%+结业大作业得分*40%=该门课程总得分，满分100分，低于80分为不及格，需重修此门课程。84分以上方可申请学位。
      </div>
      <img
        class="b1"
        src="https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/build/www/course-check.png"
        mode="aspectFill"
      />
      <div class="h1">二、具体细则</div>
      <div class="h2">课程表现：总分100分（占科目总成绩的30%）</div>
      <div class="p">1、每个视频观看完成度50分：以后台数据统计为准，全部看完视频满分50分，其它酌情给分。</div>
      <div class="em">
        注：视频观看考核的是实际播放时长，不是进度条的显示状态，进度条满格并不一定表示观看完这个视频。以下方每日学习时长为准。
      </div>
      <div class="p">
        2、课程反馈建设性问题及课程完成情况50分：反馈问题以教务老师统计为准，课程完成情况以后台数据为准，是否按时完成视频观看、测试、作业提交，满分50分，酌情给分。
      </div>
      <div class="h2">每章试题：总分100分（占科目总成绩的30%）</div>
      <div class="p">
        本课程所有试题的平均正确率*100分*占总成绩30%=此项得分。(比如正确度为80%，则此项得分：80%*100*30%=24分)
      </div>
      <div class="h2">结业大作业：总分100分（占科目总成绩的40%）</div>
      <div class="p">结业大作业满分为100分，以助教老师给分为准。</div>
    </div>
    <!-- <course-assessment-standard :data="data" v-bind="$attrs" v-if="data.course_check" /> -->
    <course-assessment-progress :data="data" />
  </div>
</template>

<script>
import * as api from '@/api/course'

import CourseAssessmentStandard from './CourseAssessmentStandard'
import CourseAssessmentProgress from './CourseAssessmentProgress'
export default {
  components: { CourseAssessmentStandard, CourseAssessmentProgress },
  data() {
    return {
      loading: false,
      data: {}
    }
  },
  computed: {
    sid() {
      return this.$route.params.sid
    },
    cid() {
      return this.$route.params.cid
    }
  },
  methods: {
    getData() {
      this.loading = true
      api
        .getCourseAssess(this.sid, this.cid)
        .then(res => {
          this.data = res
        })
        .finally(() => {
          this.loading = false
        })
    }
  },
  beforeMount() {
    this.getData()
  }
}
</script>

<style lang="scss">
.course-assess {
  padding: 20px;
  background-color: #fff;
  .title {
    font-size: 0.2rem;
    text-align: center;
  }
  .subtitle {
    position: relative;
    width: 300px;
    margin: 40px auto 20px;
    text-align: center;
    span {
      padding: 0 20px;
      position: relative;
      display: inline-block;
      background-color: #fff;
    }
    &::before {
      position: absolute;
      left: 0;
      top: 50%;
      right: 0;
      content: '';
      height: 1px;
      background-color: #000;
      transform: translateY(50%);
    }
  }
}

.course-assess .detail .h1 {
  font-size: 0.16rem;
  font-weight: 700;
  color: #313131;
  line-height: 0.38rem;
}

.course-assess .detail .h2 {
  font-size: 0.14rem;
  font-weight: 700;
  color: #313131;
  line-height: 0.3rem;
}

.course-assess .detail .p {
  font-size: 0.14rem;
  color: #313131;
  line-height: 1.5;
  text-align: justify;
}

.course-assess .detail .em {
  font-size: 0.12rem;
  color: #b49441;
  line-height: 1.5;
  text-align: justify;
}
</style>
