<!--pages/personal/personal.wxml-->
<view class="personal-page">
  <view class="form-box" style="padding-bottom: 52rpx;">
    <view class="user-card">
      <image class="avatar" src="/assets/images/personal/avatar_noVip.png"></image>
      <view>
        <view class="name">{{userInfo.name}}<image class="vipTag" src="{{userInfo.status==='4'?'/assets/images/personal/icon_vip.png':'/assets/images/personal/icon_noVip.png'}}"></image>
        </view>
        <view class="username">手机号：{{userInfo.username}}</view>
      </view>
    </view>
    <view class="vip-card">
      <view class="title">溯源优才 · 年费会员</view>
      <!-- <view class="vipLine"></view> -->
      <image class="vipLine" src="/assets/images/personal/vipLine.png"></image>
      <view class="subTitle">尊享四大会员权益</view>
      <view class="bottom">
        <block wx:if="{{userInfo.status==='4'}}">
          <button class="btn_vipDetail" bindtap="vipDetail">权益详情 ></button>
          <view class="vipEndDate">会员有效期：
            <filter type="parseTime" value="{{userInfo.vipExpirationTime}}" params="{{['{y}-{m}-{d} {h}:{i}']}}" />
          </view>
        </block>
        <block wx:else>
          <button class="btn_vipDetail" bindtap="buyMember">立即开通 ></button>
          <view class="vipDetail" bindtap="vipDetail">了解会员详情></view>
        </block>
      </view>
    </view>
  </view>
  <view class="form-box">
    <!-- <view class="form-item">
      用户名<text >{{userInfo.name}}</text>
    </view>
    <view class="form-item">
      用户类型<text >个人</text>
    </view> -->
    <view class="form-item" bind:tap="jumpErrata">
      我的勘误
      <view class="select-box">查看
        <image src="/assets/images/inspected/arrows.png" />
      </view>
    </view>
  </view>
  <view class="form-box">
    <view class="form-item" bind:tap="jumpQuestion">
      问题与帮助
      <view class="select-box">查看
        <image src="/assets/images/inspected/arrows.png" />
      </view>
    </view>
    <view class="form-item" bind:tap="jumpPrivacy">
      隐私政策
      <view class="select-box">查看
        <image src="/assets/images/inspected/arrows.png" />
      </view>
    </view>
    <view class="form-item" bind:tap="jumpAgreement">
      用户协议
      <view class="select-box">查看
        <image src="/assets/images/inspected/arrows.png" />
      </view>
    </view>
    <!-- <view class="logout-box" bind:tap="logout" >
      退出登录
    </view> -->
  </view>
  <!-- <view class="logout-btn">退出登录</view> -->
</view>