dd_xcx/pages/workbench/statistics_B/statistics_B.axml

<view>
    <view class="head flex-box flex-center-center">
    <view class="flex-1">
      <view>{{data_b.b}}</view>
      <view>{{monthStr}}月B分</view>
    </view>
    <view class="flex-1">
      <view>{{data_year.b}}</view>
      <view>{{year}}年B分</view>
    </view>
    <view class="flex-1">
      <view>{{data_b.b_total}}</view>
      <view>累计B分</view>
    </view>
  </view>
  <view class="headed margin-bottom">
    <view class="top">
      <view class="dates" style="padding:10rpx 0" catchTap="openDate">
          <image mode="scaleToFill" src="../../../image/date.png"/>
          <text style="font-size:32rpx;position: relative;" class="{{showDate? 'activeView':''}}">{{date}}</text>
      </view>
    </view>
    <view class="headed-box">
      <view class="title" style="padding-bottom:0rpx">近半年的B分</view>
       <view class="f2-chart"><f2 onInit="onInitChart"></f2></view>
    </view>
  </view>
  <view class="main margin-bottom">
     <view class="title">B分构成<text class="text2" catchTap="showText">?</text></view>
     <view class="f2-chart" a:if="{{pieData.length>0}}" style="height:800rpx"><f2 onInit="onInitChart2"></f2></view>
    <view style="padding-left:18px" a:if="{{pieData.length==8}}">...</view>
    <no-data a:if="{{pieData.length==0}}" content="无数据" />
  </view>
  <view class="main margin-bottom">
      <view class="flex-box">
         <view class="title flex-1">{{monthStr}}月奖分最多</view>
         <view class="gengduo" catchTap="openMore">更多<image mode="scaleToFill"  src="../../../image/right.png"/></view>
      </view>
      <view>
          <view class="flex-box list" a:for="{{data_good}}" a:if="{{index<=4}}">
            <block>
              <view class="text flex-1" a:if="{{item.remark.customize}}">{{item.remark.customize}}</view>
              <view class="text flex-1" a:else>{{item.remark.rule}}</view>
              <view class="num red" a:if="{{item.point>0}}">+{{item.point}}</view>
              <view class="num green" a:else>{{item.point}}</view>
            </block>
          </view>
          <no-data a:if="{{data_good.length==0}}" content="无数据" />
      </view>
  </view>
    <view class="main">
      <view class="flex-box">
         <view class="title flex-1">{{monthStr}}月扣分最多</view>
         <view class="gengduo" catchTap="openMore">更多<image mode="scaleToFill" src="../../../image/right.png"/></view>
      </view>
      <view>
          <view class="flex-box list" a:for="{{data_bad}}"  a:if="{{index<=4}}">
            <block>
              <view class="text flex-1" a:if="{{item.remark.customize}}">{{item.remark.customize}}</view>
              <view class="text flex-1" a:else>{{item.remark.rule}}</view>
              <view class="num red" a:if="{{item.point>0}}">+{{item.point}}</view>
              <view class="num green" a:else>{{item.point}}</view>
            </block>
          </view>
          <no-data a:if="{{data_bad.length==0}}" content="无数据" />
      </view>
  </view>
  <view a:if="{{isBh}}" class="windows" >
    <view class="windows-box">
      <view class="windows-title">温馨提示</view>
      <view class="windows-content">饼图仅统计个人B分占比较多的前8种规则分类</view>
      <view class="windows-btn flex-box flex-v-ce">
        <view class="flex-1" catchTap="showText">我知道了</view>
      </view>
    </view>
  </view>
</view>