对接机构排行榜接口

pages/awards-list/hospital-grades.vue

 <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="rank-item" v-for="(item, index) in rankList" :key="index">
+        <img v-if="index<=2" src="~/assets/img/stage3/rank-icon1.png" alt="" class="rank-icon">
+        <p v-else class="rank-num">{{index+1}}</p>
         <div class="info">
           <div class="details">
-            <p class="name">高新区卫生院</p>
-            <p class="awards">奖励: 500云鹊豆</p>
+            <p class="name">{{item.hospitalName}}</p>
+            <p class="awards">奖励: {{item.bonus}}云鹊豆</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="num">{{item.hospitalDiligence }}</p>
           <p class="name">勤奋分</p>
         </div>
       </div>
@@ -67,8 +29,32 @@
 </template>
 
 <script>
+  import { getHospitalRank } from '@/service/stage3Api'
   export default {
-    name: "hospital-grades"
+    name: "hospital-grades",
+    components: {
+
+    },
+    data() {
+      return {
+
+      }
+    },
+    async asyncData( { query } ) {
+      const { data } = await getHospitalRank({ type: query.hospitalType });
+      return {
+        hospitalType: query.hospitalType,
+        rankList: data
+      }
+    },
+    created() {
+    },
+    mounted() {
+      getHospitalRank({ type: this.hospitalType })
+    },
+    methods: {
+
+    }
   }
 </script>
 

pages/awards-list/index.vue

@@ -11,7 +11,7 @@
     <!--已登录及个人未参加-->
     <div class="person-details" v-if="isLogin&&mainInfoType==1&&!isWeb">
       <div class="info">
-        <img :src="myGrades.avatarImageUrl" alt="">
+        <img :src="mainInfo.avatarImageUrl" alt="">
         <div class="right">
           <div class="name">{{mainInfo.name}}</div>
           <div class="hospital">{{mainInfo.hospitalName}}</div>
@@ -71,7 +71,7 @@
     <div class="main-container">
       <img class="top-img" src="~/assets/img/stage3/hospital-icon.png" alt="">
       <div class="award-container hospital-awards">
-        <div class="item" v-for="(item, index) in hospitalTopVoList">
+        <div class="item" v-for="(item, index) in hospitalTopVoList" :key="index">
           <div class="top">
             <div class="title">云鹊{{dealHospitalRankName(item.hospitalType)}}奖</div>
             <div class="operation" @click="goRankList(1,item.hospitalType)">查看榜单<img src="~/assets/img/stage3/icon-right.png" alt=""></div>

service/stage3Api.js

@@ -23,3 +23,10 @@ export const getMyGrades = (data) => {
     data: data
   })
 }
+/*机构排行榜*/
+export const getHospitalRank = (params) => {
+  return request({
+    url: '/campaign/third/share/hospital/rank',
+    params: params
+  })
+}
\ No newline at end of file