<view>
  <view class="lBgn flex-box-ce">
    <!-- <image mode="scaleToFill" src="../../../image/zt.png" style="width:40rpx;height:40rpx;" /> -->
    <text class="flex-1" style="font-size:36rpx;color:#fff;padding-left:20rpx" a:if="{{detail.status==0}}">待发放</text>
    <text class="flex-1" style="font-size:36rpx;color:#fff;padding-left:20rpx" a:if="{{detail.status==1}}">已发放</text>
    <text class="flex-1" style="font-size:36rpx;color:#fff;padding-left:20rpx" a:if="{{detail.status==2}}">已取消</text>
    <image mode="scaleToFill" src="../../../image/ju.png" style="width:100rpx;height:100rpx;" />
  </view>
  <view style="padding:20rpx;">
    <view style="padding:20rpx;box-shadow: 0px 0px 10px #ccc;border-radius: 4px;margin-bottom:20rpx">
      <view class="fontColorF" style="font-size:28rpx;margin-bottom:10rpx">兑换时间：{{detail.date}}</view>
      <view style="background:#F5F7FA;min-height:100rpx;border-radius: 4px;padding:16rpx;color: #606266;font-size:28rpx" a:if="{{detail.remark}}">
        {{detail.remark}}
      </view>
      <view class="fontColorF" style="font-size:28rpx;margin-bottom:10rpx" a:if="{{detail.status==2}}">取消时间：{{detail.date2}}</view>
      <view class="fontColorF" style="font-size:28rpx;margin-bottom:10rpx" a:if="{{detail.status==1}}">发放时间：{{detail.date2}}</view>
      <view style="background:#F5F7FA;min-height:100rpx;border-radius: 4px;padding:16rpx;color: #606266;font-size:28rpx" a:if="{{detail.cancel_remark}}">
        {{detail.cancel_remark}}
      </view>
    </view>
    <view style="padding:20rpx;box-shadow: 0px 0px 10px #ccc;border-radius: 4px;margin-bottom:20rpx">
      <view class="fontColorF flex-box-ce" style="font-size:28rpx;padding-bottom:20rpx;border-bottom:1px dashed #f1f1f1">
        <image mode="widthFix" src="../../../image/dhm.png" style="width:40rpx;" />
        <text class="flex-1" style="font-size:28rpx;padding-left:20rpx">兑换码</text>
      </view>
      <view class="flex-box-ce" style="height:70rpx;padding:20rpx;color: #606266;padding-bottom:0">
        <text class="flex-1" style="padding-right:20rpx;font-size:36rpx">{{detail.sn}}</text>
        <image src="../../../image/code.jpg" style="width:70rpx;height:70rpx" catchTap="showText"/>
      </view>
    </view>
    <view style="padding:20rpx;box-shadow: 0px 0px 10px #ccc;border-radius: 4px;margin-bottom:20rpx">
      <view style="color: #606266;font-size:28rpx;padding-bottom:20rpx;">
        {{detail.goods_name}}
      </view>
      <view class="flex-box-ce">
        <image src="{{detail.goods_image}}" mode="aspectFill" style="width:200rpx;height:200rpx;border-radius: 10rpx;" data-url="{{detail.goods_image}}"  catchTap="showImg"/>
        <view class="flex-box-v flex-1" style="height:200rpx;padding-top:20rpx;padding-left:20rpx;">
          <view style="margin-bottom:30rpx"> 单价：{{detail.price}}功勋点</view>
          <view class="fontColorF" style="margin-bottom:30rpx"> 数量：{{detail.num}}</view>
          <view > 总价：{{detail.total_price}}功勋点</view>
        </view>
      </view>
    </view>

  </view>
  <view class="footer" a:if="{{is&&detail.status==0}}">
      <button size="default" type="primary" loading="{{disabled}}" disabled="{{disabled}}" catchTap="openText">发放</button>
  </view>
  
  
  <view a:if="{{isBh}}" class="windows" content="还没有积分事件">
    <view class="windows-box">
      <view class="windows-title">兑换码</view>
      <view class="flex-box-ce flex-center-center" style="margin-bottom:20rpx;">
        <text style="padding-right:20rpx;font-size:36rpx">{{detail.sn}}</text>
        <button size="mini" open-type="share" catchTap="handleCopy">复制</button>
      </view>
      <view style="text-align:center;padding:20rpx 0;" a:if="{{image}}">
        <image src="{{image}}" style="width:260rpx;height:260rpx;border-radius: 10rpx" />
      </view>
      <view class="windows-content">提供兑换码或二维码给奖品兑换负责人即可</view>
      <view class="windows-btn flex-box flex-v-ce">
        <view class="flex-1" catchTap="showText2">我知道了</view>
      </view>
    </view>
  </view>
</view>