redEnvelope.wxml 6.96 KB
<!--pages/redEnvelope/redEnvelope.wxml-->
<block tt:if="{{isWechatService}}">
    <view class="container-service">
        <block tt:if="{{isAlreadyReceived}}">
            <view class="user-coupon-info">
                <view class="coupon-desc">
                    <view>{{userInfo.userName}},已成功获取:</view>
                    <view class="desc-li" tt:if="{{userInfo.rewardType == 1}}">{{userInfo.couponName}}</view>
                    <view class="desc-li" tt:if="{{userInfo.rewardType == 2}}">{{userInfo.rewardName}}</view>
                    <view class="desc-li">{{userInfo.recievedTime}}</view>
                </view>
                <view class="user-info">
                    <view class="copy-account">
                        <view class="account">{{userInfo.vipLevel}}  {{userInfo.uid}}</view>
                        <button catchtap="copy">点击复制</button>
                    </view>
                    <block tt:if="{{userInfo.related}}">
                        <view class="wx-account">
                            <input placeholder="请输入用户微信号" class="account-input" bindinput="bindAccount" value="{{account}}"/>
                            <button catchtap="submitWxAccount">提交微信</button>
                        </view>
                    </block>
                    <view class="wx-account-info">
                        <block tt:if="{{userInfo.submitWechat}}">已提交微信号:{{userInfo.userWechatCode}}</block>
                        <block tt:else>未提交微信</block>
                    </view>
                </view>
                <view class="user-label">
                    <view class="title">用户标签</view>
                    <view>
                        <text class="label" tt:if="{{userInfo.tag_address}}">{{userInfo.tag_address}}</text>
                        <text class="label" tt:if="{{userInfo.tag_createTime}}">{{userInfo.tag_createTime}}</text>
                    </view>
                </view>
                <view class="relation-list">
                    <view class="title">已关联潮流顾问</view>
                    <block tt:for="{{userInfo.relatedWechatList}}" tt:key="{{index}}">
                        <view class="list-item">
                            <text class="item-jqm">{{item.machineCode}}</text>
                            <text class="item-wx-acount">{{item.wechatCode}}</text>
                        </view>
                    </block>
                </view>
            </view>
        </block>
        <block tt:else>
            <view class="no-box">
                <view class="no-received">
                    <image src="http://img12.static.yhbimg.com/sns/2018/09/20/10/02f45a44a7dc9012468441eae604f1c910.png" class="no-icon"/>
                    <view class="no-txt">礼包尚未被领取</view>
                    <view class="no-txt">可以微信提醒用户尽快领取!</view>
                </view>
            </view>
        </block>
    </view>
</block>
<block tt:else>
    <view id="rewardContainer" class="container">
        <!--已获取红包-->
        <block tt:if="{{isAlreadyReceived}}">
            <block tt:if="{{rewardType == 1}}">
                <block tt:if="{{redBagType == 5}}">
                    <image src="http://img12.static.yhbimg.com/sns/2018/08/02/15/02a4fbd09374acfdc2b97cabd059e32669.png"  class="red-bag1 use" />
                </block>
                <block tt:if="{{redBagType == 10}}">
                    <image src="http://img11.static.yhbimg.com/sns/2018/08/02/15/0188ee9e04c067fa701f33f7be24bb97ca.png"  class="red-bag2 use" />
                </block>
                <block tt:if="{{redBagType == 20}}">
                    <image src="http://img11.static.yhbimg.com/sns/2018/08/02/15/0185441fd89c3bc4a78cd202c9c40eb633.png"  class="red-bag3 use" />
                </block>
                <block tt:if="{{redBagType == 50}}">
                    <image src="http://img11.static.yhbimg.com/sns/2018/08/02/15/01645486f02c4d38679b5058bde79abf02.png"  class="red-bag50 use" />
                </block>
                <block tt:if="{{redBagType == 80}}">
                    <image src="http://img12.static.yhbimg.com/sns/2018/08/02/15/02c329c8192bcdddd7467a8c44501b4525.png"  class="red-bag80 use" />
                </block>
                <block tt:if="{{redBagType == 100}}">
                    <image src="http://img11.static.yhbimg.com/sns/2018/08/02/15/01b6568f91129e886548ab5ff0f5a71ae8.png"  class="red-bag100 use" />
                </block>
            </block>
            <block tt:else>
              <view class='received-wrapper' style='height: {{screenHeight}}'>
                <view class='received-content'>
                  <view class='reward-pic'></view>
                  <p>恭喜您获得</p>
                  <p class="reward-name">{{rewardName}}</p>
                  <button plain="true" hover-class="none" catchtap="goToUse" class="go-use">立即使用</button>
                </view>
              </view>
            </block>
        </block>
        <view class="rewards-content">
          <view class="cuo-icon"></view>
          <!--抽奖转盘-->
          <view class='reward-container'>
            <view class='reward-items'>
              <view tt:for='{{rewardList}}' tt:key='{{item.rewardId}}' id='item_{{item.rewardId}}' class="item item-{{index}} {{scrollIndex === index ? 'active' : ''}}">
                <image src='{{item.rewardImageUrl}}' bindload='rewardImageLoadComplete'></image>
                <view class="item-mask"></view>
              </view>
              <view class="item receive-redbag" catchtap="openRedBag">
                <image src="//img11.static.yhbimg.com/article/2018/11/07/16/018b792dffba52e7435771ae5851862cde.png"></image>
              </view>
            </view>
            <view class="reward-pannel">
              <view class="reward-light left {{lightStop ? '' : 'active'}}"></view>
              <view class="reward-light right {{lightStop ? '' : 'active'}}"></view>
            </view>
          </view>
        </view>
        <view class="activity-rule">
            <view class="hand"></view>
            <image src="images/txt-bg.png" class="bg-img"/>
            <view class="title">活动规则</view>
            <view class="txt txt-1">领取权益需填写注册有货账户时绑定的手机号,认证后即可参与抽奖;</view>
            <view class="txt txt-2">若忘记或不确定手机号是否绑定账户,请先联系微信客服进行查询;</view>
            <view class="txt txt-3">抽中的优惠券将被放入您的有货账户中,若抽中免单/微信红包/实物奖品,请截图后联系微信客服;</view>
            <view class="txt" style="font-size: 20rpx;">*此活动最终解释权归Yoho!Buy所有</view>
        </view>
    </view>
</block>
<import src="/page/subPackage/pages/loginPop/login.wxml"/>
<template is="loginPop" data="{{...__login__, showLoginBox}}"/>
<import src="../../../../vendors/toast/wetoast.wxml"/>
<template is="wetoast" data="{{...__wetoast__}}"/>