个人排行机构排行为参见活动展示状态

pages/hospital-ranking/index.less

@@ -57,6 +57,21 @@
           margin: 0 6px;
         }
       }
+      .not-join {
+        margin-left: 10px;
+        .main-name {
+          color: #fff;
+          font-size: 14px;
+          font-weight: 700;
+          line-height: 14px;
+        }
+        .details {
+          color: #fff;
+          font-size: 12px;
+          line-height: 12px;
+          margin-top: 8px;
+        }
+      }
     }
   }
   .main-content {

pages/hospital-ranking/index.vue

@@ -8,7 +8,7 @@
     <div class="info-container" :style="{ marginTop: `${44+barHeight}Px`}">
       <div class="info info-hospital" v-if="activeBtnType">
         <img src="~/assets/img/hospital-ranking/icon-hospital.png" alt="">
-        <div class="content">
+        <div class="content" v-if="hospitalRanking.score">
           <div class="con main-name">{{hospitalRanking.name}}</div>
           <div class="con details">
             <p class="item">
@@ -22,10 +22,14 @@
             </p>
           </div>
         </div>
+        <div class="not-join" v-else>
+          <div class="con main-name">您还未参加活动</div>
+          <div class="con details">赶快参与活动赢每日奖品</div>
+        </div>
       </div>
       <div class="info info-doctor" v-else>
         <img :src="contributionRanking.avatarImageUrl" alt="">
-        <div class="content">
+        <div class="content" v-if="contributionRanking.score">
           <div class="con details details-d">
             <p class="item">
               <span class="label">累计排名</span>
@@ -39,6 +43,10 @@
           </div>
           <div class="con main1-name">{{contributionRanking.hospital}}</div>
         </div>
+        <div class="not-join" v-else>
+          <div class="con main-name">您还未参加活动</div>
+          <div class="con details">赶快参与活动赢每日奖品</div>
+        </div>
       </div>
     </div>
     <div class="main-content">

pages/person-ranking/index.less

@@ -38,6 +38,21 @@
             margin: 0 6px;
           }
         }
+        .not-join {
+          margin-left: 10px;
+          .main-name {
+            color: #fff;
+            font-size: 14px;
+            font-weight: 700;
+            line-height: 14px;
+          }
+          .details {
+            color: #fff;
+            font-size: 12px;
+            line-height: 12px;
+            margin-top: 8px;
+          }
+        }
         p.text {
           color: #FFFFFF;
           font-size: 12px;

pages/person-ranking/index.vue

@@ -11,7 +11,7 @@
       <div class="info">
         <img src="https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg" alt="">
         <div class="right">
-          <div class="content">
+          <div class="content" v-if="rankData.score">
             <p class="item">
               <span class="label">{{activeBtnType?'今日':'累计'}}排名</span>
               <span class="value">{{rankData.rank}}</span>
@@ -22,7 +22,11 @@
               <span class="value">{{rankData.score}}</span>
             </p>
           </div>
-          <p class="text" v-if="activeBtnType">再获得{{rankData.targetRequiredScore}}分即可上升到前{{rankData.targetRank}}名并可获得iPhone手机</p>
+          <div class="not-join" v-else>
+            <div class="con main-name">您还未参加活动</div>
+            <div class="con details">赶快参与活动赢每日奖品</div>
+          </div>
+          <p class="text" v-if="activeBtnType&&rankData.score">再获得{{rankData.targetRequiredScore}}分即可上升到前{{rankData.targetRank}}名并可获得iPhone手机</p>
         </div>
       </div>
     </div>
@@ -101,7 +105,7 @@
           hospital: '测试医院',
           avatarImageUrl: 'https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg',
           rank: 33,
-          score: 1212,
+          score: 999,
           targetRank: 3,
           targetRequiredScore: 10,
           topRankList: [