<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>
          <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>

  <view class="payBox" wx:if="{{!vipTime||vipTime=='1'}}">
    <view class="buyBtn" bindtap="toBuy" data-id="{{products[0].id}}">
      {{ !vipTime?'立即开通':'终身使用'}}
    </view>
  </view>
  <view class="payBox payBox2" wx:if="{{vipTime!='1'}}">
    <view class="buyBtn" bindtap="toBuy" data-id="{{products[1].id}}" wx:if="{{!vipTime}}">立即开通
    </view>
    <view class="buyBtn" style="font-size: 22rpx;" wx:else>
      有效期：{{filters.formatDate(vipTime,5)}}
    </view>
  </view>
  <view class="renewBox" wx:if="{{vipTime&&vipTime!='1'}}">
    <view class="title">续费</view>
    <view class="renew">
      <view class="left">升级成svlp会员终身的 <view class="money">+200元</view>
      </view>
      <view class="pay">购买</view>
    </view>
    <view class="renew">
      <view class="left">{{products[1].title}} <view class="money">{{products[1].price/100}}元</view>
      </view>
      <view class="pay" bindtap="toBuy" data-id="{{products[1].id}}">续费</view>
    </view>
  </view>
  <!-- 弹窗 -->
  <view class="activationModal" wx:if="{{activationModal}}">
    <view class="box zoomIn" wx:if="{{!isPay}}">
      <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 class="vipModal" wx:if="{{isPay}}">
      <image src="/static/vipModal.png" class="mBg" />
      <image src="/static/lollipop.png" class="close" catchtap="closeModal" />
    </view>
  </view>
</view>