<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="{{vipTime}}">
                            会员使用至：{{vipTiem=='1'?'终身使用':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 class="below sectionBoxs">
            <view class="sBox" bindtap='jump' data-url="/pages/friend/index">
                <view class="noticeTips" wx:if="{{userInfo.newFansCount>0}}">{{userInfo.newFansCount}}</view>
                <image class="img" src="/static/concern.png" mode="" />
                <text class="title">朋友 {{filters.numFilter(userInfo.friendCount)}}</text>
            </view>
            <view class="sBox" bindtap='jump' data-url="/pages/userWorks/index">
                <view class="noticeTips" wx:if="{{userInfo.unReadPostsCount>0}}">{{userInfo.unReadPostsCount}}</view>
                <image class="img" src="/static/work.png" mode="" />
                <text class="title">作品 {{filters.numFilter(userInfo.readAmount)}}</text>
            </view>
            <view class="sBox" bindtap='jump' data-url="/pages/notice/index">
                <view class="noticeTips" wx:if="{{userInfo.user.messageCount>0}}">{{userInfo.user.messageCount}}</view>
                <image class="img" src="/static/message3.png" mode="" />
                <text class="title">消息通知</text>
            </view>
            <button class="resetBtn contactBtn" open-type="contact" plain="true">
                <view class="sBox">
                    <image class="img" src="/static/contact.png" mode="" />
                    <text class="title">联系客服</text>
                </view>
            </button>
        </view>
    </view>
    <!-- 勋章 -->
    <!--   <view class="medalBox">
    <view class="header">
      <view class="title">我的勋章</view>
      <view class="jump" bindtap='jump' data-url="/pages/medalStore/index">查看全部
        <image src="/static/black.png" class='jumpIcon' />
      </view>
    </view>
    <view class="body">
      <image src="/static/concern.png" class="medal" wx:for="{{5}}" wx:key="index" />
    </view>
  </view> -->
    <!-- 激活码 -->
    <view class="activation" bindtap="activationCode" wx:if="{{vipTime!='1'}}">
        <view class="tips">请输入会员卡激活码</view>
        <view class="subBtn">激活</view>
    </view>
    <scroll-view class="goodsList" scroll-x="true" enhanced show-scrollbar="{{false}}" wx:if="{{vipTime!='1'}}">
        <view class="payBox pbbg2" bindtap="toBuy" data-id="{{products[0].id}}">
            <view class="pay">
                {{isPreferential?'立即续费':'立即开通'}}
            </view>
        </view>
        <view class="payBox pbbg1" bindtap="toBuy" data-id="{{products[2].id}}">
            <view class="pay">
                {{isPreferential?'立即续费':'立即开通'}}
            </view>
        </view>
        <view class="payBox pbbg3" bindtap="toBuy" data-id="{{products[1].id}}">
            <view class="pay">
                {{isPreferential?'立即续费':'立即开通'}}
            </view>
        </view>
    </scroll-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>
    <canvas id='vip' type="2d"> </canvas>
</view>