<!--packageH/blindBox/blindBoxHelping/blindBoxHelping.wxml-->
<!--packageH/blindBox/blindBoxDetail/blindBoxDetail.wxml-->
<view id="help" style="background-color:{{activity.background_color}};height:100%;">
  <view class="head {{activity.top_img_src == ''?'headMr':''}}">
    <image src="{{activity.top_img_src}}" mode="widthFix" bindload="imgHeight" wx:if="{{activity.top_img_src}}" ></image>
    <view class="titleBox" wx:if="{{activity.title_show == 1}}">
      <view class="isTitle">{{ activity.activity_name }}</view>
    </view>
  </view>
  <view class="postionBtn" style="--iscolor--:{{activity.background_color}};">
    <view class="posBtn" catchtap="goOrder" style="background-color: {{activity.background_color}};">我的订单</view>
    <view class="posBtn" style="margin-top:15rpx;background-color: {{activity.background_color}};"
      catchtap="contactShowTap">联系商家</view>
  </view>
  <view class="contenBox" style="background: {{activity.background_color}};">
    <!-- 助力 -->
    <view class="helpPage">
      <view class="user">
        <view class="userImg">
          <image src="{{member.avatar_image}}"></image>
        </view>
        <view class="userName">{{member.nickname}}</view>
      </view>
      <view style="font-size: 30rpx;color: #fb6b68;text-align:center;margin-top: 20rpx;font-weight: 600;">帮助好友助力也可以获取盲盒
      </view>
      <view class="timeLose" wx:if="{{assist.status!= -1}}">
        <view class="timeLoseEnd">
          <van-count-down time="{{(assist.expire - currentTime) * 1000}}" class="countDownText" format="DD天HH时mm分ss秒">
          </van-count-down>
        </view>后失效
      </view>
      <view class="helpBtn" wx:if="{{assist.status==0}}"><text catchtap="heplAssist">帮他助力</text></view>
      <view class="helpBtn" wx:if="{{assist.status==1 || assist.status==2}}"><text>好友已完成助力</text></view>
      <view class="helpBtn" wx:if="{{assist.status==-1}}"><text>助力已失效</text></view>
    </view>
    <view class="planDetail">
      <view class="isPlan">
        <view class="circle" style="width: 6rpx;height: 6rpx;"></view>
        <view class="circle" style="width: 10rpx;height: 10rpx;margin-left:0;margin-right:14rpx;"></view>
        <view class="circle" style="width: 13rpx;height: 13rpx;margin-left:0;margin-right:14rpx;"></view>
        好友进度{{assist.assist_log_count}}/{{assist.invitation}}人
        <view class="circle" style="width: 13rpx;height: 13rpx;"></view>
        <view class="circle" style="width: 10rpx;height: 10rpx;margin-left:0;margin-right:14rpx;"></view>
        <view class="circle" style="width: 6rpx;height: 6rpx;margin-left:0;margin-right:14rpx;"></view>
      </view>
      <view class="isPlanConten">
        <view class="fans">
          <view class="planNot" wx:if="{{assist.assist_log.length <= 0}}">暂无好友助力~</view>
          <view class="fansUser" wx:for="{{assist.assist_log}}" wx:key="index">
            <image src="{{item.member.avatar_image}}"></image>
            <view class="fansName">{{item.member.nickname}}</view>
          </view>
        </view>
      </view>
    </view>
    <!-- end -->
  </view>
</view>


<!-- 联系商家 -->
<van-popup show="{{contactShow}}" bind:click-overlay="contactShowClose"
  custom-style="background-color:transparent;display: flex;justify-content: center;flex-direction: column;align-items: center;">
  <view class="freeHint" style="height:480rpx;background-color:{{activity.background_color}}">
    <view class="merchant">
      <image src="{{activity.cservice_code_src}}" catchtap="previewImage"></image>
    </view>
    <view class="merchantTxt">长按识别二维码联系我们</view>
    <view class="blindBoxContact" catchtap="callPhone"></view>
  </view>
  <icon class="iconfont icon-adsystem_icon_cancle" style="color:#fff;font-size: 60rpx;" catchtap="contactShowClose">
  </icon>
</van-popup>
<!-- end -->
<!-- 好友助力成功弹窗 -->
<van-popup show="{{friendsShow}}" bind:click-overlay="friendsShowClose"
  custom-style="background-color:transparent;display: flex;justify-content: center;flex-direction: column;align-items: center;">
  <view class="freeHint" style="height:480rpx;background-color:{{activity.background_color}}">
    <view class="helpTxt">
      <van-checkbox value="checked" bind:change="onChange" checked-color="#d72c11" icon-size="10px"></van-checkbox>
      好友助力成功
    </view>
    <view class="help">
      <image src="{{activity.activity_img_src}}"></image>
    </view>
    <view class="helpText">恭喜您获得 <view class="helpTextD"> 免费抽取盲盒 </view> 的机会</view>
    <view class="introduction" catchtap="gotoDetails">《查看活动》</view>
    <view class="invite" catchtap="generateAssist"></view>
  </view>
  <icon class="iconfont icon-adsystem_icon_cancle" style="color:#fff;font-size: 60rpx;" catchtap="friendsShowClose">
  </icon>
</van-popup>

<!-- end -->

<!-- <shopfoot></shopfoot> -->