<!--shoppingGuid/page/pages/achievement/achievement.wxml-->
<!-- 业绩界面 -->
<view class='main-container'>
  <!-- 个人信息 -->
  <view class='info'>
    <view class='center'>
      <image src='{{avator}}' mode='aspectFit'></image>
      <view class='rg-name'>
        <view>{{info.member.name}}</view>
        <view>{{info.memberCardNo}}</view>
      </view>
    </view>
  </view>

  <!-- 今日排行 -->
  <view class='today-top'>
    <view class='items'>
      <view class='number'>{{memberPreview.rank}}</view>
      <view>我的今日招募排名</view>
    </view>
    <view class='items'>
      <view class='number2'>{{memberPreview.recruitAmountToday}}</view>
      <view>今日招募</view>
    </view>
  </view>

  <!-- 招募总量 -->
  <view class='total' bindtap='onTapToMyMemberList'>
    <text>招募总量：</text>
    <view class='number'>
      <text class='total-colors'>{{memberPreview.recruitTotal}} </text>
      <image src='/assets/imgs/shoppingGuide/right.png' mode='aspectFit'></image>
    </view>
    
  </view>
  <!-- b本月 -->
  <view class='month'>
    <view class='header'>本月业绩</view>
    <view class='month-data'>
      <view class='data-item'>
        <text class='data-item-title'>本月业绩（元）</text>
        <text class='data-item-number'>{{achievement.achievementMonth}}</text>
      </view>
      <view class='data-item'>
        <text class='data-item-title'>本月新增会员</text>
        <text class='data-item-number'>{{memberPreview.recruitAmountMonth}}</text>
      </view>
      <view class='data-item'>
        <text class='data-item-title'>本月新增订单</text>
        <text class='data-item-number'>{{achievement.orderAmount}}</text>
      </view>
    </view>
  </view>
  <!-- 数据筛选 -->
  <view class='data-filter'>
    <view class='data-filter-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='order-data'>
    <view class='order-data-title'>订单数据概览</view>
    <view class='statistic-data'>
      <text>总销售额（￥）</text>
      <text class='number'>{{currentOrderData.salesVolume}}</text>
    </view>
    <view class='statistic-data'>
      <text>退货额（￥） </text>
      <text class='number'>{{currentOrderData.refundVolume}}</text>
    </view>
    <view class='statistic-data'>
      <text>退款率</text>
      <text class='number'>{{currentOrderData.refundRate}}</text>
    </view>
  </view>
  <!-- 柱状图 -->
  <view class='chart-con'>
    <view class='title'>会员数据概览</view>
    <view class='chart'>
      <canvas canvas-id="columnCanvas" disable-scroll="true" class="columnCanvas"></canvas>
    </view>
  </view>

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