<template>
  <section class="hospital-ranking-wrap">
    <ranking-header></ranking-header>
    <div class="info-container" :style="{ marginTop: `${44+barHeight}Px`}">
      <!--<div class="info info-hospital">
        <img src="https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg" alt="">
        <div class="content">
          <div class="con main-name">高新区卫生院</div>
          <div class="con details">
            <p class="item">
              <span class="label">累计排名</span>
              <span class="value">105</span>
            </p>
            <p class="line"></p>
            <p class="item">
              <span class="label">累计勤奋分 </span>
              <span class="value">105</span>
            </p>
          </div>
        </div>
      </div>-->
      <div class="info info-doctor">
        <img src="https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg" alt="">
        <div class="content">
          <div class="con details details-d">
            <p class="item">
              <span class="label">累计排名</span>
              <span class="value">105</span>
            </p>
            <p class="line"></p>
            <p class="item">
              <span class="label">累计勤奋分 </span>
              <span class="value">105</span>
            </p>
          </div>
          <div class="con main1-name">高新区卫生院</div>
        </div>
      </div>
    </div>
    <div class="main-content">
      <!--<div class="description description-h"><span>星火榜</span>排行实时刷新，部分原因存在几分钟延迟</div>-->
      <div class="description description-d">排行实时刷新，部分原因存在几分钟延迟</div>
      <div class="ranking-title">
        <span>TOP100</span>
        <!--<span class="marginL">机构名称</span>
        <span class="marginAuto">机构勤奋分</span>-->
        <span class="marginL">机构成员</span>
        <span class="marginAuto">贡献勤奋分</span>
      </div>
      <div class="ranking-list">
        <!--<div class="item">
          <img src="~/assets/img/person-ranking/icon-silver.png" alt="" class="ranking-icon">
          &lt;!&ndash;<img src="https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg" alt="" class="doctor-photo">&ndash;&gt;
          <p class="hospital-name">这里是一个十三字的机构名字</p>
          <p class="num">1053</p>
        </div>-->
        <div class="item">
          <img src="~/assets/img/person-ranking/icon-silver.png" alt="" class="ranking-icon">
          <img src="https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg" alt="" class="doctor-photo">
          <p class="doctor-name">这里是一个十三字的医生姓名</p>
          <p class="num">1053</p>
        </div>
      </div>
      <div class="footer-btn">
        <div class="btn">助力机构 创造佳绩</div>
      </div>
    </div>
  </section>
</template>

<script>
  import RankingHeader from '@/components/ranking-header'
  export default {
    name: 'hospital-ranking',
    components: {
      RankingHeader
    },
    data() {
      return {
        showPop: false,
        title: '个人明细',
        barHeight: 0,
        barColor: '#fff',
      };
    },
    computed: {

    },
    mounted() {

    },
    methods: {},
  };
</script>

<style lang="less" scoped>
  @import 'index.less';
</style>
