优化邀请列表名字过长展示为手机号

pages/activityPage.vue

@@ -67,7 +67,7 @@
             <li v-for="(item, index) in inviteList" :key="index">
               <img @click="eachDoctorClick" v-if="item.avatarImageUrl" class="doctor-icon" :src="item.avatarImageUrl" alt="">   
               <img @click="eachDoctorClick" v-else class="doctor-icon" src="../assets/img/stage-two/default-doctor-icon.png" alt="">   
-              <p class="text">{{ item.doctorName ? item.doctorName : item.mobile }}</p>
+              <p class="text">{{ returnInviteName }}</p>
             </li>
             <!-- 未邀请的 -->
             <template v-if="inviteList && inviteList.length < 4">
@@ -338,6 +338,18 @@
         }
       },
 
+      returnInviteName(item) {
+        if( item.doctorName ){
+          if(item.doctorName.length >= 11){
+            return item.mobile;
+          }else{
+            return item.doctorName;
+          }
+        }else{
+          return item.mobile;
+        }
+      },
+      
     },
     created() {
       vm = this;