<view>
    <view class="head flex-box flex-center-center">
    <view class="flex-1">
      <view>{{data_a.month_point}}</view>
      <view>本月A分</view>
    </view>
    <view class="flex-1">
      <view>{{data_a.year_point}}</view>
      <view>本年A分</view>
    </view>
    <view class="flex-1">
      <view>{{data_a.total_point}}</view>
      <view>累计A分</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">近半年的A分</view>
        <view class="f2-chart">
          <f2 onInit="onInitChart"></f2>
        </view>
    </view>
  </view>
  <view class="main">
      <view class="flex-box">
         <view class="title flex-1">当月A分事件</view>
         <view class="gengduo" catchTap="openMore">更多<image mode="scaleToFill"  src="../../../image/right.png"/></view>
      </view>
      <view>
          <view class="flex-box list" a:for="{{dataList}}">
          <block a:if="{{index<=4}}">
            <view class="text flex-1">{{item.remark}}</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="{{dataList.length==0}}" content="无数据"/>
      </view>
  </view>
</view>