share_activity/pages/signIn/record/record.wxml

<!--pages/signIn/record/record.wxml-->
<view class="record flex-column">
  <!-- 首部信息 -->
  <view class="head flex-column">
    <view class="head_num" wx:if="{{!isLogin}}">{{notUseNum}}</view>
    <view class="head_num" wx:if="{{isLogin}}">{{notUseNum?notUseNum:0}}</view>
    <view class="head_text" wx:if="{{isLogin}}">请在优惠券有效期内尽快使用</view>
    <button class="sigin-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" >登录</button>
  </view>
  <!-- 中部说明 -->
  <view class="explain flex-row">
    <view class="explain-left flex-column" catchtap="getCoupon">
      <view class="explain-discount">我的优惠</view>
      <view class="{{noCoupon?'explain-column':'explain-columnNo'}}"></view>
    </view>
    <view class="explain-center flex-column" catchtap="getDetail">
      <view class="explain-detailed">获取明细</view>
      <view class="{{noDetail?'explain-column':'explain-columnNo'}}"></view>
    </view>
    <view class="explain-right flex-column" catchtap="getUtility">
      <view class="explain-utility">使用/失效</view>
      <view class="{{noUtility?'explain-column':'explain-columnNo'}}"></view>
    </view>
  </view>

  <!-- 使用内容 -->
  <view class="content">
    <!-- 主要内容 -->
    <view class="check-in-content flex-column">
      <!-- 优惠券内容 -->
      <view hidden="{{hiddenCoupon}}">
      <view class="{{item.coupon.couponType == 'C'?'coupon flex-row':'coupon2 flex-row'}}" wx:for="{{couponList}}" wx:key="index" data-id="{{item.id}}">
        <view class="coupon-left flex-row">
          <!-- 代金券 -->
          <view class="coupon-left-symbol" wx:if="{{item.coupon.couponType == 'C'}}">￥</view>
          <view class="coupon-left-num" wx:if="{{item.coupon.couponType == 'C'}}">{{item.coupon.formatReduceCost ?item.coupon.formatReduceCost:0}}</view>
          <!-- 折扣券 -->
          <view class="coupon-left-num" wx:if="{{item.coupon.couponType == 'D'}}">{{item.coupon.formatDiscount ?item.coupon.formatDiscount:0}}</view>
          <view class="coupon-left-symbol" wx:if="{{tem.coupon.couponType == 'D'}}">折</view>
        </view>
        <view class="coupon-center flex-column">
          <view class="coupon-center-upper">{{item.coupon.couponTitle}}</view>
          <view class="coupon-center-bm flex-row">
            <view class="coupon-center-block1"></view>
            <view class="coupon-center-middle" wx:if="{{item.coupon.formatLeastCost == '0'}}">无门槛</view>
            <view class="coupon-center-middle" wx:if="{{item.coupon.formatLeastCost != '0'}}">满{{item.coupon.formatLeastCost}}使用</view>
            <view class="coupon-center-block2"></view>
          </view>
          <view class="coupon-center-lower">{{item.coupon.couponBeginTimestamp}}-{{item.coupon.couponEndTimestamp}}</view>
        </view>
        <view class="coupon-right">
          <view class="{{item.coupon.couponType == 'C'?'coupon-right-usenow flex-row':'coupon-right-usenow2 flex-row'}}">
            <navigator class="btn_exchange" 
            target = "miniProgram" 
            app-id="wxd92a2d29f8022f40"
            path="page/index/index"
            open-type='navigate'> 
            </navigator>
          </view>
        </view>
      </view>
    </view>
      <!-- 获得明细 -->
      <view class="detailed flex-column" hidden="{{hiddenDetail}}">
        <view class="detailed-content" wx:for="{{detailList}}" wx:key="index" data-id="{{item.id}}">
          <view class="detailed-date flex-column">2021年10月</view>
          <view class="detailed-sign flex-row">
            <view class="detailed-sign-index flex-column">
              <view class="detailed-sign-text">{{item.source =='1'?'签到':'任务'}}</view>
              <view class="detailed-sign-date">{{item.crateTime}}</view>
            </view>
            <view class="detailed-coupon flex-column">{{item.coupon.couponTitle}}</view>
          </view>
          
        </view>
      </view>
      <!-- 使用/失效 -->
      <view class="detailed flex-column" hidden="{{hiddenUtility}}">
        <view class="detailed-content" wx:for="{{stateList}}" wx:key="index" data-id="{{item.id}}">
          <view class="detailed-date flex-column">2021年11月</view>
          <view class="detailed-sign flex-row">
            <view class="detailed-sign-index flex-column">
              <view class="detailed-sign-text">{{item.coupon.couponTitle}}</view>
              <view class="detailed-sign-date">{{item.crateTime}}</view>
            </view>
            <view class="detailed-coupon flex-column" style="color: #8F8F8F;">{{item.invalid?'已失效':'未使用'}}</view>
          </view>
          
        </view>
      </view>
        <view class="no_result" wx:if="{{noResult}}">———— 抱歉，您暂无可用优惠券 ————</view>
        <view class="no_result" wx:if="{{noMore}}">———— 更多优惠券 | 敬请期待 ————</view>
    </view>
  </view>
</view>

<!-- 使用wxs 手机号码中间四位显示为*号 -->
<wxs module="phone">
var toHide = function(array) {
  var mphone = array.substring(0, 3) + '****' + array.substring(7);
  return mphone;
}
module.exports.toHide = toHide;
</wxs>
<!-- 底部导航 -->
<tab-bar />