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.salePrice}}</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>



      <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: {},
    }
  },
  onLoad(e) {
    this.userInfo = uni.getStorageSync('userInfo')
    this.activityOrderId = e.activityOrderId
    this.myActivityDetail()
  },
  methods: {
    myActivityDetail() {
      this.$api.myActivityDetail({
        activityOrderId: this.activityOrderId,
      }).then(res => {
        console.log(res)
        this.activity = res.data.data
        this.$set(this.activity)
      })
    },

  }
}
</script>


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