<view class='my-conainer'>
  <!-- 我的信息 -->
  <view class='top-info'>
    <view class='info'>
      <image src='{{avator}}' mode='aspectFit'></image>
      <view class='info-rg'>
        <view class='my-name'>{{info.member.name}}</view>
        <view class='my-rank'>
          <text wx:if="{{memberPreview.rank}}">今日我的招募排名 ，第 <label>{{memberPreview.rank}}</label> 位</text>
          <text wx:else>当前暂无您的排名信息</text>
        </view>
      </view>
      <!-- 今日招募 -->
      <view class='today-re'>{{memberPreview.recruitAmountToday}}</view>
    </view>
  </view>
  <!-- tab -->
  <view class='my-achive'>
    <view class='my-achive-item' data-index="1" bindtap='onTapChangeAchivementData'>
      <view class='type-item {{achivementType == 1 ? "active" : ""}}' >个人</view>
    </view>
    <view class='my-achive-item' data-index="2" bindtap='onTapChangeAchivementData'>
      <view class='type-item {{achivementType == 2 ? "active" : ""}}'>门店</view>
    </view>
  </view>

  <!-- 业绩 -->
  <view class='achivement'>
    <view class='number-container'>
      <view class='number-item'>
        <view>本月业绩（元）</view>
        <view class='number' style='color:#F7B500;'>
          {{achievement.achievementMonth ? achievement.achievementMonth : 0}}
        </view>
      </view>
      <view class='number-item'>
        <view>本月新增会员</view>
        <view class='number' style='color:#FA6400;'>
          {{memberPreview.recruitAmountMonth ? memberPreview.recruitAmountMonth : 0}}
        </view>
      </view>
      <view class='number-item'>
        <view>本月新增订单</view>
        <view class='number' style='color:#FA6400;'>
          {{achievement.orderAmount ? achievement.orderAmount : 0}}
        </view>
      </view>
    </view>
    <!-- <view class='list-item'>
      <text>我的金币</text>
      <label>123435</label>
    </view> -->
    <view class='list-item' bindtap='onTapToMyMemberList'>
      <text>招募总量</text>
      <view class='rec-number'>
        <label>{{memberPreview.recruitTotal}} </label>
        <image src='/assets/imgs/shoppingGuide/right.png' mode='aspectFit'></image>
      </view>
    </view>
  </view>
  <!-- 月统计 -->
  <view class='my-achive'>
    <view class='third-item {{item.isActive ? "active" : ""}}'
    wx:for="{{filterBar}}" 
    wx:key="filter" 
    bindtap='onTapChangeFilter'
    data-index="{{idx}}"
    wx:for-index="idx"
    wx:for-item="item">{{item.name}}</view>
  </view>

  <view class='month'>
    <!-- 月统计 -->
    <view class='list-item'>
      <text style='color:#333333;'>订单数据概览</text>
    </view>
    <view class='list-item'>
      <text>总销售额（￥）</text>
      <label>{{currentOrderData.salesVolume ? currentOrderData.salesVolume : 0}}</label>
    </view>
    <view class='list-item'>
      <text>退货额（￥） </text>
      <label>{{currentOrderData.refundVolume ? currentOrderData.refundVolume : 0}}</label>
    </view>
    <view class='list-item'>
      <text>退款率 </text>
      <label>{{currentOrderData.refundRate ? currentOrderData.refundRate : '0%'}}</label>
    </view>
  </view>

  <!-- 会员数据概览 -->
  <view class='member-data'>
    <view class='data-title'>会员数据概览</view>
    <view class='chart'>
      <canvas canvas-id="columnCanvas" disable-scroll="true" class="columnCanvas" hidden='{{chartImg}}'></canvas>
      <image src='{{chartImg}}' wx:if="{{chartImg}}" mode='aspectFit'></image>
    </view>
  </view>

</view>


<!-- tabbar -->
<tab-bar index="{{4}}"></tab-bar>