处理不同等级文案、图标展示，底部banner活动参加状态

pages/awards-list/hospital-grades.vue

@@ -31,7 +31,8 @@
       <div class="content">
         <div class="left">
           <p class="score">我的机构勤奋分<span>{{personalData.hospitalDiligence}}</span></p>
-          <p class="rank">恭喜您的机构上榜排名<span>{{personalData.hospitalRank}}</span></p>
+          <p class="rank" v-if="personalData.hospitalRank<=100">恭喜您的机构上榜排名<span>{{personalData.hospitalRank}}</span></p>
+          <p class="rank" v-else>很遗憾，您的机构未上榜</p>
         </div>
         <div class="right" @click="share">分享排名</div>
       </div>
@@ -80,6 +81,11 @@
         rankList: data
       }
     },
+    head () {
+      return {
+        title: `${this.title[this.hospitalType]}`,
+      }
+    },
     created() {
     },
     mounted() {

pages/awards-list/personal-grade.vue

@@ -8,11 +8,11 @@
       :shareObj="shareObj"/>
     <div class="wrap-container" :class="{'marginBott60': isWeb}" :style="{ marginTop: isWeb?0:`${44+statusBarHeight}Px`}">
       <img src="~/assets/img/stage3/awards-title.png" alt="" class="title">
-      <img :src="dealAwardsIcon()" alt="" class="awards-grade">
+      <img :src="rewardIcon[myGrades.rewardType||3]" alt="" class="awards-grade">
       <div class="personal-info">
         <img :src="myGrades.avatarImageUrl" alt="">
         <div class="right">
-          <p class="name">{{myGrades.name}}</p>
+          <p class="name">{{myGrades.name?myGrades.name:myGrades.mobilePhone}}</p>
           <p class="hospital">{{myGrades.hospitalName}}</p>
         </div>
       </div>
@@ -21,14 +21,15 @@
         <div class="left">
           <p class="title">{{isWeb?'TA':'您'}}的成绩:</p>
           <div class="item">
-            <div class="line"></div>
+            <div class="line" :class="{'line168': !myGrades.diligence }"></div>
             <div class="content">
               <p class="label">累计获得勤奋分</p>
               <p class="grade">{{myGrades.diligence}}</p>
-              <div class="trapezoid">
+              <div class="trapezoid" v-if="myGrades.diligence">
                 <p class="detail-bg"></p>
                 <p class="detail-text">超过{{myGrades.superCount||0}}%的医生</p>
               </div>
+              <div class="detail" v-else>未参与本次活动</div>
             </div>
           </div>
           <div class="item marginItem">
@@ -36,7 +37,7 @@
             <div class="content">
               <p class="label">累计获得云鹊豆</p>
               <p class="grade">{{myGrades.bonus}}</p>
-              <div class="detail">记得去云鹊豆中心进行兑换哦</div>
+              <div class="detail">{{myGrades.bonus?'记得去云鹊豆中心进行兑换哦':'未参与本次活动'}}</div>
             </div>
           </div>
           <div class="item">
@@ -44,13 +45,13 @@
             <div class="content">
               <p class="label">进每日TOP10</p>
               <p class="grade">{{myGrades.userDayTop10Count}}次</p>
-              <div class="detail">拿奖拿到手发软 </div>
+              <div class="detail">{{myGrades.userDayTop10Count?'拿奖拿到手发软':'下次记得心动就行动'}} </div>
             </div>
           </div>
         </div>
         <div class="right">
-          <p>{{rightText1}}</p>
-          <p>{{rightText2}}</p>
+          <p>{{rewardText[myGrades.rewardType||3].rightText1}}</p>
+          <p>{{rewardText[myGrades.rewardType||3].rightText2}}</p>
         </div>
       </div>
       <div class="task-details">
@@ -93,11 +94,30 @@
     },
     data() {
       return {
-        rightText1: '',//右侧文案
-        rightText2: '',//右侧文案
+       /* rightText1: '',//右侧文案
+        rightText2: '',//右侧文案*/
         shareObj: wxShare,
         isWeb: false,
-        appCallUrl: ''
+        appCallUrl: '',
+        rewardIcon: {
+          1: require('../../assets/img/stage3/awards-icon1.png'),// 1-金色云鹊勋章	0%~10%	勤学不辍，必有收获
+          2: require('../../assets/img/stage3/awards-icon2.png'),//2-银色云鹊勋章	11%-40%	学无止境，不知疲倦
+          3: require('../../assets/img/stage3/awards-icon3.png'),//3-铜色云鹊勋章	41%-100%	学而不倦，可圈可点
+        },
+        rewardText: {
+          1: {// 1-金色云鹊勋章	0%~10%	勤学不辍，必有收获
+            rightText1: '勤学不辍',
+            rightText2: '必有收获'
+          },
+          2:  {//2-银色云鹊勋章	11%-40%	学无止境，不知疲倦
+            rightText1: '学无止境',
+            rightText2: '不知疲倦'
+          },
+          3:  {//3-铜色云鹊勋章	41%-100%	学而不倦，可圈可点
+            rightText1: '学而不倦',
+            rightText2: '可圈可点'
+          },
+        },
       }
     },
     async asyncData({query}) {
@@ -110,6 +130,7 @@
     created() {
     },
     mounted() {
+      getMyGrades({id: this.encyptId})
       this.isWeb = this.$rocNative.isWeb;
       this.shareObj.shareUrl = location.href; //微信分享链接
       this.appCallUrl = location.href; //唤起app页面
@@ -132,30 +153,8 @@
         });
       });
       //微信分享初始化--end
-      this.dealRightText();
     },
     methods: {
-      dealRightText() {
-        if(this.myGrades.superCount<=10) {
-          this.rightText1 = '勤学不辍';
-          this.rightText2 = '必有收获';
-        } else if(this.myGrades.superCount>=11&&this.myGrades.superCount<=40) {
-          this.rightText1 = '学无止境';
-          this.rightText2 = '不知疲倦';
-        } else if(this.myGrades.superCount>=41&&this.myGrades.superCount<=100) {
-          this.rightText1 = '学而不倦';
-          this.rightText2 = '可圈可点';
-        }
-      },
-      dealAwardsIcon() {
-        if(this.myGrades.superCount<=10) {
-          return require('../../assets/img/stage3/awards-icon3.png');
-        } else if(this.myGrades.superCount>=11&&this.myGrades.superCount<=40) {
-          return require('../../assets/img/stage3/awards-icon2.png');
-        } else if(this.myGrades.superCount>=41&&this.myGrades.superCount<=100) {
-          return require('../../assets/img/stage3/awards-icon2.png');
-        }
-      },
       share() {
         this.$rocNative.shareWechat(this.shareObj);
       }

pages/awards-list/personal-rank.vue

@@ -14,7 +14,7 @@
           <img :src="item.avatarImageUrl" alt="" class="photo">
           <div class="details">
             <p class="name">{{item.name}}</p>
-            <p class="awards">奖励: iPhone11、500云鹊豆</p>
+            <p class="awards">奖励: <span v-if="index==0">iPhone11、</span>{{item.bonus}}云鹊豆</p>
           </div>
         </div>
         <div class="score">
@@ -32,7 +32,8 @@
       <div class="content">
         <div class="left">
           <p class="score">我的勤奋分<span>{{personalData.diligence}}</span></p>
-          <p class="rank">恭喜您上榜排名<span>第{{personalData.personRank}}</span></p>
+          <p class="rank" v-if="personalData.personRank<=100">恭喜您上榜排名<span>第{{personalData.personRank}}</span></p>
+          <p class="rank" v-else>很遗憾，您未上榜</p>
         </div>
         <div class="right" @click="share">分享排名</div>
       </div>
@@ -79,7 +80,7 @@
     },
     mounted() {
       this.$rocNative.appInit();
-      this.isWeb = this.$rocNative.isWeb;
+     // this.isWeb = this.$rocNative.isWeb;
       this.shareObj.shareUrl = location.href; //微信分享链接
       this.appCallUrl = location.href; //唤起app页面
       //微信分享初始化--start