<view class="commonF Happy" id="Red">
  <image class="xfcz" src="/images/mine/xfcz.png"></image>
  <view class="banner">
    <view class="bannerView">
      <view class="leftView">
        <view class="f28">可用余额</view>
        <view style="font-size:70rpx">￥{{datainfo.Client_Balance}}</view>
      </view>
      <view class="rightView" style="width:235rpx;height:238rpx">
        <image src="/images/mine/t2.png"></image>
      </view>
    </view>
    <view class="bannerbottom">
      <text style="border-right:1px solid rgba(255,255,255,0.5)">使用规则</text>
      <text bindtap="goUrlUse">使用明细</text>
    </view>
  </view>
  <view class="zbView">
    <view class="topView">
      <text class="bg"></text>
      <text class="f28">人头返佣</text>
    </view>
    <view id="chart">
    <text class="text">线路占比</text>
      <ec-canvas id="mychart-pie" canvas-id="mychart-pie" style="height:418rpx" ec="{{ec}}"></ec-canvas>
    </view>
    <!-- <view class="bottomBtn">查看明细
    <image style="width:27rpx;height:14rpx" src="/images/mine/xia.png"></image>
    </view> -->
  </view>
  <view class="zbView">
    <view class="topView">
      <text class="bg"></text>
      <text class="f28">大红包</text>
    </view>
    <view id="chart1">
      <ec-canvas id="mychart-dom-multi-scatter" canvas-id="mychart-multi-scatter" ec="{{ ecScatter }}"></ec-canvas>
    </view>
    <view class="price">
      <view>
        <view class="f20 c99">本年累计交易总额</view>
        <view class="f40 bold">￥{{datainfo.Amount}}</view>
      </view>
      <view>
        <view class="f20 c99">累计收益</view>
        <view class="f40 bold">￥{{datainfo.TotalMoney}}</view>
      </view>
    </view>
    <view style="text-align:center;margin-top:40px">
      <text class="f20">当前交易额：￥</text>
      <text class="f40">{{datainfo.Amount}}</text>
    </view>
    <view wx:for="{{datainfo.RatioList}}" wx:key="index" class="RedProgress">
      <view class="{{'jyTtem'+index}}">
        <view class="progress progress1">
          <view class="progressSpan" style="{{'width:'+ item.width +'%;'}}"></view>
          <!-- <view class="progressSpan" style="width:70%;"></view> -->
        </view>
        <view style="margin-top:10rpx">
          <view class="desLeft">
            <view wx:if="{{item.percent>1}}" style="color:#00B526" class="blod">已激活，预计收益 ¥{{(item.Money*item.Ratio)/1000}}</view>
            <view wx:if="{{item.percent<1}}" style="color:#EE4454" class="blod">还差¥{{item.Money-datainfo.Amount}},预计收益 ¥{{(item.Money*item.Ratio)/1000}}</view>

          </view>
          <view class="desRight">
            <view style="color:#999999">年交易额已达
              <text class="blod">￥{{item.Money}}</text>
              <text>返</text>
              <text class="blod">{{item.Ratio}}‰</text>
            </view>
          </view>
        </view>
      </view>


    </view>
    <view class="hotview">
      <view bindtap="goUrl" data-item="{{item}}" data-teamType="{{0}}" wx:for="{{saleList}}" wx:key="index" class="hotItem">
        <view class="imgView">
          <image wx:if="{{item.imgCover[0]}}" src="{{item.imgCover[0].url}}"></image>
        </view>
        <view style="padding:0 15rpx 5rpx 15rpx">
          <view class="f26 text1">{{item.title}}</view>
          <view class="cee" style="text-align:right">
            <text class="f20">￥</text>
            <text class="f26">{{item.b2BPrice}}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>