<template>
  <section class="hospital-grade-wrap rank-wrap">
    <div class="rank-list">
      <div class="rank-item">
        <img src="~/assets/img/stage3/rank-icon1.png" alt="" class="rank-icon">
        <div class="info">
          <div class="details">
            <p class="name">高新区卫生院</p>
            <p class="awards">奖励: 500云鹊豆</p>
          </div>
        </div>
        <div class="score">
          <p class="num">9872</p>
          <p class="name">勤奋分</p>
        </div>
      </div>
      <div class="rank-item">
        <img src="~/assets/img/stage3/rank-icon2.png" alt="" class="rank-icon">
        <div class="info">
          <div class="details">
            <p class="name">高新区卫生院</p>
            <p class="awards">奖励: 500云鹊豆</p>
          </div>
        </div>
        <div class="score">
          <p class="num">9872</p>
          <p class="name">勤奋分</p>
        </div>
      </div>
      <div class="rank-item">
        <img src="~/assets/img/stage3/rank-icon3.png" alt="" class="rank-icon">
        <div class="info">
          <div class="details">
            <p class="name">高新区卫生院</p>
            <p class="awards">奖励: 500云鹊豆</p>
          </div>
        </div>
        <div class="score">
          <p class="num">9872</p>
          <p class="name">勤奋分</p>
        </div>
      </div>
      <div class="rank-item">
        <div class="rank-num">4</div>
        <div class="info">
          <div class="details">
            <p class="name">高新区卫生院</p>
            <p class="awards">奖励: 500云鹊豆</p>
          </div>
        </div>
        <div class="score">
          <p class="num">9872</p>
          <p class="name">勤奋分</p>
        </div>
      </div>
    </div>
    <div class="footer">
      <div class="content">
        <div class="left">
          <p class="score">我的机构勤奋分<span>2000</span></p>
          <p class="rank">恭喜您的机构上榜排名<span>第5</span></p>
        </div>
        <div class="right">分享排名</div>
      </div>
    </div>
  </section>
</template>

<script>
  export default {
    name: "hospital-grades"
  }
</script>

<style scoped lang="less">
  @import "../../assets/style/awards-list/rank.less";
</style>