dd_xcx/pages/workbench/prize_buckle/prize_buckle.axml

<view>
  <view class="headed margin-bottom">
    <view class="top flex-box flex-center-center">
      <view class="date flex-box flex-v-ce" catchTap="openDate">
        <image mode="scaleToFill" src="../../../image/date2.png"></image>
        <view>{{date}}</view>
      </view>
    </view>
    <view class="headed-box margin-bottom" a:if="{{userData.task}}">
      <view class="flex-box flex-v-ce">
        <img-box name="{{userData.name}}" imgUrl="{{userData.img_url}}" height="70rpx" width="70rpx" fSize="24rpx"></img-box>
        <view class="name">{{userData.name}}</view>
        <text class="index" a:if="{{isDb}}">全部达标</text>
      </view>
      <view class="flex-box flex-v-ce target_items">
        <view class="flex-1">
          <view class="num">{{userData.task.reward.point}}</view>
          <view class="jiangfen">奖分</view>
          <view class="target">目标{{userData.task.reward.target_point}}</view>
        </view>
        <view class="flex-1">
          <view class="num">{{userData.task.deduction.point}}</view>
          <view class="jiangfen">扣分</view>
          <view class="target">目标{{userData.task.deduction.target_point}}</view>
        </view>
        <view class="flex-1">
          <view class="num">{{userData.ratio.ratio}}</view>
          <view class="jiangfen">奖扣比例</view>
          <view class="target">目标{{userData.ratio.target_ratio}}</view>
        </view>
        <view class="flex-1">
          <view class="num">{{userData.task.exec.count}}</view>
          <view class="jiangfen">奖扣人次</view>
          <view class="target">目标{{userData.task.exec.target_count}}</view>
        </view>
      </view>
    </view>
    <view class="headed-box margin-bottom">
      <view class="flex-box flex-v-ce">
        <view class="title flex-1" style="padding-bottom:0rpx">月奖扣执行情况</view>
        <view class="fontColorT text1">奖扣</view>
        <view class="fontColorT text2">扣分</view>
      </view>
      <view class="f2-chart">
        <f2 onInit="onInitChart"></f2>
      </view>
    </view>
    <view class="headed-box margin-bottom">
      <view class="flex-box flex-v-ce">
        <view class="title flex-1" style="padding-bottom:0rpx">月奖扣人次</view>
        <view class="fontColorT text1">奖扣</view>
        <view class="fontColorT text2">扣分</view>
      </view>
      <view class="f2-chart">
        <f2 onInit="onInitChart2"></f2>
      </view>
    </view>
  </view>
</view>