<template>
  <div class="abroad_evaluate">
    <div class="rate" @click="handleEvaluate">
        <div>
          <van-rate v-model="evaluationData.evaluationScore" color="#FFCC00" :size="16" readonly />
          <span>{{ evaluationData.evaluationScore }}</span>
        </div>
        <span>共{{evaluationData.evaluationCount}}个客户评价
          <van-icon name="arrow" />
        </span>
      </div>
  </div>
</template>
<script>
export default {
  props:['courseId'],
  data(){
    return{
      evaluationData: '',//评价
    }
  },
  mounted(){
    this.getEvaluationSummary()
  },
  methods:{
    // 获取评价
    getEvaluationSummary () {
      this.yxAxios
        .get(
          `${this.yanxueUrl}/api/StudiesWap/Evaluation/Summary?courseId=${this.courseId}`)
        .then((res) => {
          console.log('评价：',res.data.data);
          if (res.data.data) {
            this.evaluationData = res.data.data
          }
        });
    },
    // 点击评价进入评价详情页
    handleEvaluate () {
      this.$router.push({ name: "ServiceAbroadEvaluate", query: { courseId: this.courseId } });
    },
  }
}
</script>