jje_uniapp/myPages/myActivityDetail/myActivityDetail.vue

<template>
  <view class="flex-col page">

    <view class="flex-col content">
      <view class="out1">
        <view class="flex-col top">
          <view class="flex-row title">
            <text>{{ activity.title }}</text>
          </view>
          <view class="flex-row price">
            <text>￥{{ activity.payAmount }}</text>
          </view>
          <view class="flex-row justify-start">
            <view class="activityKey ">
              <text>活动时间：</text>
            </view>
            <view>
              <text v-if="activity.valid == 2">{{ activity.validBeginTime.substring(0, 10) }} 至
                {{ activity.validEndTime.substring(0, 10) }}
              </text>
              <text v-else>长期有效</text>
            </view>
          </view>
          <view class="flex-row justify-start">
            <view class="activityKey">
              <text>活动门店：</text>
            </view>
            <view class="activityValue">
              <text>{{ activity.useStoreDesc }}</text>
            </view>
          </view>
          <view class="flex-row">
            <view class="activityKey">
              <text>活动描述：</text>
            </view>
            <view class="activityValue">
              <text>{{ activity.description }}</text>
            </view>

          </view>
        </view>
        <view v-if="activity.canShare" class="flex-col top">
          <button open-type="share" type="primary" plain="true" size="mini" class="pic_r3">
            <text class="tit">分享活动</text>
            <uni-icons color="#18bc37" type="redo-filled" size="14"></uni-icons>
          </button>
        </view>
      </view>

      <view class="out2" v-if="activity.couponList">
        <view class="flex-col ticket">
          <view class="flex-row justify-center title">
            <text>赠送优惠券</text>
          </view>

          <view class="flex-row ticketList" v-for="(i,index) in activity.couponList">
            <view class="h-text flex-col justify-center ">
              <text class="money" v-if="i.discountsType == 2">{{ i.discount }}折</text>
              <text class="money" v-else>{{ i.discountsPrice }}</text>
              <text class="desc">满{{ i.reachPrice }}可用</text>
            </view>

            <view class="h-center-content flex-col justify-around">
              <view class="h-value">
                <text>{{ i.name }}</text>
              </view>
              <!--            <view class="ticketMsg">-->
              <!--              使用平台：-->
              <!--              <text>全平台</text>-->
              <!--            </view>-->

              <view class="ticketMsg">
                可用次数/总次数：{{ i.degree }}/{{ i.totalDegree }}
              </view>
              <view class="ticketMsg">
                服务项目：{{ i.useServiceDesc }}
              </view>
              <view class="ticketMsg">
                <text v-if="i.validType == 1">领取后{{ i.effectiveDays }}天内有效</text>
                <view v-else>
                  <view>使用期限：{{ i.startTime.substring(0, 10) }} 至 {{ i.endTime.substring(0, 10) }}</view>
                </view>
              </view>
            </view>

          </view>
        </view>


      </view>
      <view class="out2" v-if="activity.equityList">
        <view class="flex-col ticket">
          <view class="flex-row justify-center title">
            <text>赠送权益卡</text>
          </view>

          <view class="flex-row ticketList" v-for="(i,index) in activity.equityList">
            <view class="h-text flex-col justify-center ">
              <text class="money">{{ i.faceValue }}</text>
              <text class="desc">权益价</text>
            </view>

            <view class="h-center-content flex-col justify-around">
              <view class="h-value">
                <text>{{ i.title }}</text>
              </view>
              <view class="ticketMsg">
                适用门店：{{ i.useStoreDesc || '' }}
              </view>
              <view class="ticketMsg">
                领取后{{ i.effectiveDays }}天内有效
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="out2" v-if="activity.rechargeList">
        <view class="flex-col ticket">
          <view class="flex-row justify-center title">
            <text>赠送储值卡</text>
          </view>

          <view class="flex-row ticketList" v-for="(i,index) in activity.rechargeList">
            <view class="h-text flex-col justify-center ">
              <text class="money">{{ i.reachPrice }}</text>
              <text class="desc">储值额度</text>
            </view>

            <view class="h-center-content flex-col justify-around">
              <view class="h-value">
                <text>{{ i.name }}</text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>

export default {
  components: {},
  data() {
    return {
      userInfo: {},
      activityOrderId: '',
      activity: {},
      facePhotoUrl: '',
    }
  },
  computed: {
    isShareAgain() {
      return false;
    }
  },
  onLoad(e) {
    this.userInfo = uni.getStorageSync('userInfo')
    this.activityOrderId = e.activityOrderId
    this.myActivityDetail()
  },
  onShareAppMessage(e) {
    //禁止二次转发--
    uni.showShareMenu({
      withShareTicket: this.isShareAgain
    });
    wx.updateShareMenu({
      isPrivateMessage: this.isShareAgain,
      withShareTicket: this.isShareAgain,
      success(res) {
        console.log('updateShareMenu: ', res);
      },
      fail() {
      }
    }); //禁止二次转发--end
    console.log(this.activity)
    let shareobj = {
      title: this.activity.shareContext, //分享的标题
      path: '/orderPages/activityDetail/activityDetail?activityId=' + this.activity.activityId + '&inviteUserId=' + this.userInfo.id + '&inviteOrderId=' + this.activity.orderId, //好友点击分享之后跳转的页面
      //imageUrl: "https://****.com/banner.jpg", //分享的图片  支持PNG及JPG。显示图片长宽比是 5:4。
      imageUrl: this.facePhotoUrl, //内容图片
    }
    return shareobj //一定要返回对象
  },
  methods: {
    // 获取图片
    getImgUrlByBannerOssId(items) {
      this.$api.getImgUrlByOssId({ossId: items}).then(res => {
        this.facePhotoUrl = res.data.data[0].url.replace(/^http:/, "https:")
      })
    },
    myActivityDetail() {
      this.$api.myActivityDetail({
        activityOrderId: this.activityOrderId,
      }).then(res => {
        console.log(res)
        this.activity = res.data.data
        this.$set(this.activity)
        this.getImgUrlByBannerOssId(res.data.data.sharePicture)
      })
    },

  }
}
</script>


<style lang="scss" scoped>
@import '/common/css/common.css';
@import './index.rpx.scss';
</style>