个人明细页面增加未参加活动状态

pages/invite-details/index.vue

@@ -76,7 +76,7 @@
 
         </div>
         <div class="no-data" v-if="!inviteList.length">
-          <img src="~/assets/img/invite-details/icon-nodata.png" alt="">
+          <img src="~/assets/img/icon-nodata.png" alt="">
           <p v-if="recordType==1">提醒您的医生好友领取课程您将获得奖励哦！</p>
           <p v-if="recordType==2" class="text-get">提醒您的医生好友领取课程后登录云鹊医APP您将再获得奖励哦！</p>
         </div>

pages/person-detail/index.less

@@ -118,7 +118,8 @@
               font-size: 13px;
               font-weight: 700;
               height: 13px;
-              margin-bottom: 9px;
+              margin-bottom: 9px ;
+              text-align: right;
               .num {
                 color: #FD5A2F;
               }
@@ -148,22 +149,51 @@
         -ms-transform: scaleY(0.5);
         transform: scaleY(0.5);
       }
+      .no-more {
+        height: 62px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        .line {
+          display: inline-block;
+          width: 84px;
+          height: 1px;
+          background:#F7F7F7;
+        }
+        .text {
+          color: #BEC2CC;
+          font-size: 13px;
+          margin: 0 8px;
+        }
+      }
     }
-    .no-more {
-      height: 62px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      .line {
-        display: inline-block;
-        width: 84px;
-        height: 1px;
-        background:#F7F7F7;
+    .no-data {
+      margin-top: 112px;
+      img {
+        width: 150px;
+        height: 150px;
+        display: block;
+        margin: 0 auto;
+      }
+      p {
+        color: #999999;
+        font-size: 15px;
+        line-height: 21px;
+        margin-top: 5px;
+        margin-bottom: 30px;
+        text-align: center;
       }
-      .text {
-        color: #BEC2CC;
-        font-size: 13px;
-        margin: 0 8px;
+      .button {
+        color: #fff;
+        font-size: 15px;
+        font-weight: 700;
+        width: 180px;
+        height: 45px;
+        line-height: 45px;
+        text-align: center;
+        background: linear-gradient(270deg,rgba(255,88,36,1) 0%,rgba(254,163,86,1) 100%);
+        border-radius: 22.5px;
+        margin: 0 auto;
       }
     }
   }

pages/person-detail/index.vue

@@ -12,12 +12,12 @@
         <div class="content">
           <p class="item">
             <span class="label">累计排名</span>
-            <span class="value">{{userRank.rank}}</span>
+            <span class="value">{{userRank?userRank.rank:'-'}}</span>
           </p>
           <p class="line"></p>
           <p class="item">
             <span class="label">累计勤奋分 </span>
-            <span class="value">{{userRank.score}}</span>
+            <span class="value">{{userRank?userRank.score:'0'}}</span>
           </p>
         </div>
       </div>
@@ -54,7 +54,11 @@
           <span class="line"></span>
         </div>
       </div>
-
+      <div class="no-data" v-if="!personDetails.length">
+        <img src="~/assets/img/icon-nodata.png" alt="">
+        <p>暂无记录,您还没有参加活动</p>
+        <div class="button">立即参加</div>
+      </div>
     </div>
   </section>
 </template>
@@ -77,7 +81,7 @@
         busy: true, //分页参数--start
         pageNo: 0,
         noMore: false,//分页参数--end
-        userRank: {}
+        userRank: null
       };
     },
     computed: {
@@ -113,22 +117,26 @@
           console.log(res)
           if(res.code == '000000') {
             this.userRank = res.data.userRank
-            if(this.pageNo ==1) {
-              this.personDetails = res.data.personalDetails
-              if(res.data.hasNextPage) {
-                this.noMore = true;
+            if(res.data.personDetails) {
+              if(this.pageNo ==1) {
+                this.personDetails = res.data.personalDetails
+                if(res.data.hasNextPage) {
+                  this.noMore = true;
 
+                } else {
+                  this.busy = false;
+                }
               } else {
-                this.busy = false;
+                if(res.data.hasNextPage) {
+                  this.personDetails = this.personDetails.concat(res.data.personalDetails);
+                  this.busy = false;
+                } else {
+                  this.noMore = true
+                }
+
               }
             } else {
-              if(res.data.hasNextPage) {
-                this.personDetails = this.personDetails.concat(res.data.personalDetails);
-                this.busy = false;
-              } else {
-                this.noMore = true
-              }
-
+              this.personDetails = []
             }
 
           }

pages/person-ranking/index.vue

@@ -6,12 +6,12 @@
         <img src="https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg" alt="">
         <div class="content">
           <p class="item">
-            <span class="label">累计排名</span>
+            <span class="label">今日排名</span>
             <span class="value">105</span>
           </p>
           <p class="line"></p>
           <p class="item">
-            <span class="label">累计勤奋分 </span>
+            <span class="label">今日勤奋分 </span>
             <span class="value">105</span>
           </p>
         </div>