YouTuan_wxapp/packageA/pages/analysis/analysis.wxml

<!--pages/analysis/analysis.wxml-->
<!-- 导航栏 -->
<nav-bar navbar-data="{{navbarData}}"></nav-bar>
<!-- 弹出层 -->
<van-popup show="{{ show }}" position="bottom" custom-style="height: 32%;box-shadow: 10px -5px 5px #c9c9c960;" overlay="{{false}}" bind:close="onClose">
  <!-- 年月选择器 -->
  <van-datetime-picker wx:if="{{indexs == 0}}" type="year-month" item-height="34" value="{{ currentDate }}" bind:cancel="offtime" min-date="{{ minDate }}" bind:confirm="oktime" />
  <van-picker wx:if="{{indexs == 1}}" show-toolbar columns="{{ quarters }}" item-height="34" bind:cancel="offtime" bind:confirm="okquarter" />
  <van-picker wx:if="{{indexs == 2}}" show-toolbar columns="{{ years }}" item-height="34" bind:cancel="offtime" bind:confirm="okyear" />
</van-popup>
<!-- 主体 -->
<view class="cont">
  <!-- 顶部-tabbar -->
  <view class="top">
    <view class="tab" wx:for="{{fen}}" wx:key="index" bindtap="qiehuan" data-id="{{index}}">
      <view class="tab-top" style="color: {{index==indexs?'#FF874E':''}};">{{item}}</view>
      <image src="/images/foot-line.png" wx:if="{{index==indexs}}"></image>
    </view>
  </view>
  <!-- 过滤条件 -->
  <view class="type-class">
    <view bindtap="showtime" wx:if="{{indexs == 0}}">{{year}}年{{month}}月<image style="height: 12rpx;width: 20rpx;margin-left: 20rpx;" src="/images/xia.png"></image>
    </view>
    <view bindtap="showtime" wx:if="{{indexs == 1}}">第{{quarter}}季度<image style="height: 12rpx;width: 20rpx;margin-left: 20rpx;" src="/images/xia.png"></image>
    </view>
    <view bindtap="showtime" wx:if="{{indexs == 2}}">{{year}}年<image style="height: 12rpx;width: 20rpx;margin-left: 20rpx;" src="/images/xia.png"></image>
    </view>
    <view>
      <view class="{{shouzhi==0?'xuan':'wxuan'}}" data-type="{{0}}" catchtap="changeShouZhi">收入</view>
      <view class="{{shouzhi==1?'xuan':'wxuan'}}" data-type="{{1}}" catchtap="changeShouZhi">支出</view>
    </view>
  </view>
  <!-- 共收入 -->
  <view class="all-money">
    <view>
      <p wx:if="{{shouzhi == 0}}">共收入</p>
      <p wx:if="{{shouzhi == 1}}">共支出</p>
      <p class="all-cen">C$</p>
      <p wx:if="{{shouzhi == 0}}">{{Income_money}}</p>
      <p wx:if="{{shouzhi == 1}}">{{Expenditure_money}}</p>
    </view>
  </view>
  <!-- <button bindtap="init" wx:if="{{!isLoaded}}">加载图表</button>
  <button bindtap="dispose" wx:if="{{isLoaded && !isDisposed}}">释放图表</button> -->
  <!-- 身体-图表 -->
  <view class="body">
    <view class="canv-top">
      <p wx:if="{{shouzhi == 0}}">收入对比</p>
      <p wx:if="{{shouzhi == 1}}">支出对比</p>
      <view wx:if="{{shouzhi == 0}}" bindtap="navgo" data-url="/packageA/pages/rank/rank?enterType=4&filterType=1&title=订单收入对比">
        <p>更多</p>
        <image src="/images/go.png"></image>
      </view>
      <view wx:if="{{shouzhi == 1}}" bindtap="navgo" data-url="/packageA/pages/rank/rank?enterType=5&filterType=1&title=订单支出对比">
        <p>更多</p>
        <image src="/images/go.png"></image>
      </view>
    </view>
    <view style="height: 420rpx;"></view>
    <view class="canvs">
      <view class="container">
        <!-- <ec-canvas wx:if="{{!isDisposed}}" style="width: 100%;height: 650rpx;" id="mychart" canvas-id="mychart" ec="{{ ec }}"></ec-canvas> -->
        <ec-canvas wx:if="{{!isDisposed}}" id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
      </view>
    </view>
    <view class="canv-foot">
      <view></view>
      <view></view>
    </view>
  </view>
  <!-- 买家排名 -->
  <view class="paiming">
    <view class="pai-top">
      <p>买家排名</p>
      <view bindtap="navgo" data-url="/packageA/pages/rank/rank?enterType=0&filterType=1&title=买家排名">
        <p>更多</p>
        <image src="/images/go.png"></image>
      </view>
    </view>
    <view class="table-top">
      <view>名次</view>
      <view>姓名</view>
      <view>订单数量</view>
      <view class="xse">
        <p>消费金额</p>
        <p>(CAD)</p>
      </view>
    </view>
    <view class="table-info" wx:for="{{Buyer_ranking}}" wx:key="index">
      <view>
        <image wx:if="{{index==0}}" src="/images/analysis/one.png"></image>
        <image wx:if="{{index==1}}" src="/images/analysis/two.png"></image>
        <image wx:if="{{index==2}}" src="/images/analysis/three.png"></image>
        {{index+1}}
      </view>
      <view>
        <van-image fit="cover" style="margin-left: -40rpx;margin-right: 20rpx;" round width="29px" height="29px" src="{{item.headimg}}" />
        {{item.name}}
      </view>
      <view>{{item.order_number}}</view>
      <view>{{item.order_money}}</view>
    </view>
  </view>
  <!-- 商品排名 -->
  <view class="paiming">
    <view class="pai-top">
      <p>商品排名</p>
      <view bindtap="navgo" data-url="/packageA/pages/rank/rank?enterType=1&filterType=1&title=商品排名">
        <p>更多</p>
        <image src="/images/go.png"></image>
      </view>
    </view>
    <view class="table-top">
      <view>名次</view>
      <view>商品名</view>
      <view>销售数量</view>
      <view class="xse">
        <p>销售额</p>
        <p>(CAD)</p>
      </view>
    </view>
    <view class="table-info" wx:for="{{Commodity_ranking}}" wx:key="index">
      <view>
        <image wx:if="{{index==0}}" src="/images/analysis/one.png"></image>
        <image wx:if="{{index==1}}" src="/images/analysis/two.png"></image>
        <image wx:if="{{index==2}}" src="/images/analysis/three.png"></image>
        {{index+1}}
      </view>
      <view>
        {{item.commodity_name}}
      </view>
      <view>{{item.sold}}</view>
      <view>{{item.money}}</view>
    </view>
  </view>
  <!-- 帮卖排名 -->
  <view class="paiming">
    <view class="pai-top">
      <p>帮卖排名</p>
      <view bindtap="navgo" data-url="/packageA/pages/rank/rank?enterType=2&filterType=1&title=帮卖排名">
        <p>更多</p>
        <image src="/images/go.png"></image>
      </view>
    </view>
    <view class="table-top">
      <view>名次</view>
      <view>团长名称</view>
      <view>销售数量</view>
      <view class="xse">
        <p>销售额</p>
        <p>(CAD)</p>
      </view>
    </view>
    <view class="table-info" wx:for="{{Help_sell_ranking}}" wx:key="index">
      <view>
        <image wx:if="{{index==0}}" src="/images/analysis/one.png"></image>
        <image wx:if="{{index==1}}" src="/images/analysis/two.png"></image>
        <image wx:if="{{index==2}}" src="/images/analysis/three.png"></image>
        {{index+1}}
      </view>
      <view>
        <van-image fit="cover" style="margin-left: -40rpx;margin-right: 20rpx;" round width="29px" height="29px" src="{{item.headimg}}" />
        {{item.name}}
      </view>
      <view>{{item.number}}</view>
      <view>{{item.money}}</view>
    </view>
  </view>
  <!-- 供应商排名 -->
  <view class="paiming">
    <view class="pai-top">
      <p>供应商排名</p>
      <view bindtap="navgo" data-url="/packageA/pages/rank/rank?enterType=3&filterType=1&title=供应商排名">
        <p>更多</p>
        <image src="/images/go.png"></image>
      </view>
    </view>
    <view class="table-top">
      <view>名次</view>
      <view>供应商名称</view>
      <view>销售数量</view>
      <view class="xse">
        <p>销售额</p>
        <p>(CAD)</p>
      </view>
    </view>
    <view class="table-info" wx:for="{{Supplier_ranking}}" wx:key="index">
      <view>
        <image wx:if="{{index==0}}" src="/images/analysis/one.png"></image>
        <image wx:if="{{index==1}}" src="/images/analysis/two.png"></image>
        <image wx:if="{{index==2}}" src="/images/analysis/three.png"></image>
        {{index+1}}
      </view>
      <view>
        <van-image fit="cover" style="margin-left: -40rpx;margin-right: 20rpx;" round width="29px" height="29px" src="{{item.headimg}}" />
        {{item.name}}
      </view>
      <view>{{item.number}}</view>
      <view>{{item.money}}</view>
    </view>
  </view>
</view>