授权头像

src/pages/HuiShengHuo/ActivityList/ActivityDetail/index.vue

@@ -68,8 +68,9 @@
         <image class="centerLabel" mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/fenxiang.png"></image>
       </view>
       <button open-type="share" class="ShareBottomBtn" :class="{'active': IsEnroll}">分享</button>
-      <image mode="heightFix" v-if="IsEnroll" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/lijibaomingbtn.png" @tap="ToJoin"></image>
-      <button open-type="getPhoneNumber" class="GetPhoneBottomBtn" v-if="!DataLock && ShowGetPhoneBtn && IsEnroll" @getphonenumber="GetPhoneNumber">授权手机号</button>
+      <image mode="heightFix" v-if="IsEnroll && !HasEnroll" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/lijibaomingbtn.png" @tap="ToJoin"></image>
+      <button open-type="getPhoneNumber" class="GetPhoneBottomBtn" v-if="!DataLock && ShowGetPhoneBtn && IsEnroll && !HasEnroll" @getphonenumber="GetPhoneNumber">授权手机号</button>
+      <text v-if="IsEnroll && HasEnroll">已报名</text>
     </view>
 
     <!-- 授权头像获取弹窗 -->
@@ -88,6 +89,7 @@ export default {
   name: 'HuoDongXiangQing',
   data () {
     return {
+      HasEnroll: false,
       ShowVoteRes: false,
       VoteResList: [],
       ShowGetPhoneBtn: false,
@@ -139,10 +141,13 @@ export default {
       this.GetActivityDetail({ urlData: { id: this.CurrnetId } }).then((res) => {
         this.ActivityInfo = res.data.data
         this.IsEnroll = this.ActivityInfo.isEnroll
+        if (this.IsEnroll) {
+          this.HasEnroll = this.ActivityInfo.isSelfEnrolled
+        }
         if (this.ActivityInfo.isVote) {
           this.VoteList = this.ActivityInfo.voteItemList.slice(0)
           this.CreateVoteResList()
-          this.ShowVoteRes = !!this.ActivityInfo.isSelfVoted 
+          this.ShowVoteRes = !!this.ActivityInfo.isSelfVoted
         }
         this.IsVote = this.ActivityInfo.isVote
       })

src/pages/HuiShengHuo/ActivityList/ActivityDetail/page.scss

@@ -179,6 +179,16 @@
     background: #fff;
     position: relative;
     overflow: hidden;
+    > text {
+      line-height: 90px;
+      width: 380px;
+      display: block;
+      text-align: center;
+      font-size: 36px;
+      font-weight: bold;
+      background: #ccc;
+      color: #333;
+    }
     > view {
       height: 90px;
       position: relative;