team.wxml 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <view class="container">
  2. <view class="main-module" style="margin-top:0">
  3. <view class="coupon-block">
  4. <text class="num">{{info.team}}</text>
  5. <view class="tip-wrapper" bindtap="showTeamTip">
  6. <text class="module-text">我的团队</text>
  7. <image class="tip-img" mode="aspectFit"
  8. src='https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-why.png'></image>
  9. </view>
  10. </view>
  11. <view class="devide-line">
  12. </view>
  13. <view class="coupon-block">
  14. <text class="num">{{info.leader}}</text>
  15. <text class="module-text">副团长</text>
  16. </view>
  17. <view class="favor-good">
  18. <text class="num">{{info.member}}</text>
  19. <text class="module-text">团员</text>
  20. </view>
  21. </view>
  22. <view class="main-module" style="margin-bottom: 20rpx;">
  23. <view class="coupon-block">
  24. <text class="num">{{info.amount}}</text>
  25. <view class="tip-wrapper" bindtap="showSaleTip">
  26. <text class="module-text">累计销售额</text>
  27. <image class="tip-img" mode="aspectFit"
  28. src='https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-why.png'></image>
  29. </view>
  30. </view>
  31. <view class="devide-line">
  32. </view>
  33. <view class="coupon-block">
  34. <text class="num">{{info.curMonthSale}}</text>
  35. <text class="module-text">本月销售额</text>
  36. </view>
  37. <view class="favor-good">
  38. <text class="num">{{info.lastMonthSale}}</text>
  39. <text class="module-text">上月销售额</text>
  40. </view>
  41. </view>
  42. <van-tabs active="{{showType }}" color="#09afff" bind:change="onTabChange">
  43. <van-tab title="本月" name="0"></van-tab>
  44. <van-tab title="上月" name="1"></van-tab>
  45. <van-tab title="全部" name="3"></van-tab>
  46. </van-tabs>
  47. <view class="team-list">
  48. <view class="team" wx:for="{{teamList}}" wx:key="id">
  49. <view class="avatar">
  50. <image src="{{item.refereeAvatar}}"></image>
  51. </view>
  52. <view class="item flex-item">
  53. <view class="referee-info">
  54. <view>{{item.refereeName}}</view>
  55. <view class="type">{{item.refereeTypeName}}</view>
  56. </view>
  57. <view class="mobile">{{item.refereeMobile}}</view>
  58. </view>
  59. <view class="item">
  60. <view class="value">{{item.orders}}单</view>
  61. <view class="title">单量</view>
  62. </view>
  63. <view class="devide-line"></view>
  64. <view class="item">
  65. <view class="value">{{item.actualPrice}}元</view>
  66. <view class="title">总销售量</view>
  67. </view>
  68. <view class="devide-line"></view>
  69. <view class="item">
  70. <view class="value">{{item.commissionEstimate}}元</view>
  71. <view class="title">预计佣金</view>
  72. </view>
  73. </view>
  74. </view>
  75. <view class="no-order" wx:if="{{teamList.length <= 0}}">
  76. <view class="c">
  77. <text>还没有任何记录呢</text>
  78. </view>
  79. </view>
  80. <van-overlay show="{{ tipsShow }}" >
  81. <view class="dialog-wrapper">
  82. <view class="dialog-block">
  83. <image class="close-icon" src="/static/images/recommend/icon-close.png" bindtap="onClickHide"></image>
  84. <view class="tips-text" wx:if="{{teamText}}">副团长:指通过本人推荐,首次注册为鲸致生活引荐人的用户。团员:指本人及本人的副团长推荐的首次在鲸致生活平台(特指“鲸致生活”小程序、“鲸致生活”公众号)注册的用户。</view>
  85. <view class="tips-text" wx:else>您的团队历史累计的有效销售额。</view>
  86. </view>
  87. </view>
  88. </van-overlay>
  89. </view>