<wxs src="../../utils/filter.wxs" module="filters" />
<navigationBar></navigationBar>
<view class="container">
    <!-- 用户信息 -->
    <view class="userBox">
        <view class="above" bindtap="jump" data-url="/pages/editUser/index">
            <view class="identity">
                <image class='avatar' src='{{ userInfo.user.avatar}}'></image>
                <view class="identityText">{{ userInfo.user.profession}}</view>
            </view>
            <view class="userRight">
                <view class="uRtop">
                    <view class="uRtopleft">
                        <view class="nickName textOver">{{userInfo.user.nickName||'请输入昵称' }}</view>
                        <view class="gradeText textOver" catchtap="clipboar">学号：{{userInfo.user.eid}}</view>
                        <view class="validity" wx:if="{{isPreferential}}">
                            {{vipTime=='1'?'会员使用至：终身使用':!vipTime?'会员已过期':'会员使用至：'+filters.formatDate(vipTime,5)}}
                        </view>
                    </view>
                    <view class="uRtopRight">
                        <image class="edit" src="/static/edit_new.png" mode="" />
                        <text>编辑</text>
                    </view>
                </view>
            </view>
        </view>
    </view>
    <!-- 安卓 -->
    <view class="scrollViewBox" wx:if="{{vipTime!='1'&&!isIos}}">
        <scroll-view class="goodsList" scroll-x="true" enhanced show-scrollbar="{{false}}">
            <view wx:for="{{products}}" wx:key="id" class="payBox {{item.payType=='LIFELONG'?'pbbg2':item.payType=='YEAR'?'pbbg1':'pbbg3'}}" bindtap="toBuy" data-id="{{item.id}}">
                <view class="pay">
                    {{isPreferential?'立即续费':'立即开通'}}
                </view>
            </view>
        </scroll-view>
        <view class="goodsTips">虚拟产品不支持退货</view>
    </view>
    <!-- ios -->
    <view class="longpressBox" wx:if="{{isIos}}">
        <image src="https://reader-wx.ai160.com/images/reader/v3/pay1.png" class="iosVip" />
        <image src="{{qrCode}}" class="qrCode" show-menu-by-longpress="{{true}}" />
    </view>
    <view class="menu">
        <view class="activation" bindtap="activationCode" wx:if="{{vipTime!='1'}}">
            <view class="tips">
                <image src="/static/activation.png" class="tipsImg" />学习卡激活
            </view>
            <image class='black' src='/static/black.png'></image>
        </view>
        <view class="activation" bindtap="toGzh">
            <view class="tips">
                <image src="/static/care.png" class="tipsImg" />关注公众号不迷路，更多福利等您！
            </view>
            <image class='black' src='/static/black.png'></image>
        </view>
        <view class="activation" bindtap="jump" data-url="/salesperson/pages/sale/index"
            wx:if="{{!userInfo.user.saleUserId}}">
            <view class="tips">
                <image src="/static/tjg.png" class="tipsImg" />成为推荐官
            </view>
            <image class='black' src='/static/black.png'></image>
        </view>
        <view class="activation" bindtap="jump" data-url="/salesperson/pages/saleOffice/index" wx:else>
            <view class="tips">
                <image src="/static/tjg.png" class="tipsImg" />推荐中心
            </view>
            <image class='black' src='/static/black.png'></image>
        </view>
        <view class="activation" bindtap="jump"
            data-url="/pages/rankIntro/index?img=https://reader-wx.ai160.com/images/reader/v3/jghz.jpg">
            <view class="tips">
                <image src="/static/fs.png" class="tipsImg" style="height: 34rpx;" />机构合作
            </view>
            <image class='black' src='/static/black.png'></image>
        </view>
        <button class="resetBtn activation" open-type="contact" plain="true">
            <view class="tips">
                <image src="/static/contact.png" class="tipsImg" />联系我们
            </view>
            <image class='black' src='/static/black.png'></image>
        </button>
        <!--     <view class="activation" bindtap="jump" data-url="/pages/orderRecord/index">
            <view class="tips">
                <image src="/static/care.png" class="tipsImg" />购买记录
            </view>
            <image class='black' src='/static/black.png'></image>
        </view> -->
    </view>
    <!-- 弹窗 -->
    <view class="activationModal" wx:if="{{activationModal}}">
        <view class="box zoomIn">
            <image src="{{activationRes.code==200?'/static/lan.png':'/static/df.png'}}" class="sLcon" />
            <view class="tips1">{{activationRes.code==200?'恭喜您，激活成功':'很遗憾，激活失败'}}</view>
            <view class="tips2">{{activationRes.message}}</view>
            <image src="/static/lollipop.png" class="close" catchtap="closeModal" />
        </view>
    </view>
    <vipModal id="vipModal"></vipModal>
    <gzhModal id="gzh"></gzhModal>
    <canvas id='vip' type="2d"> </canvas>
</view>