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 style="font-size:32rpx;position: relative;" class="{{showDate? 'activeView':''}}">{{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>
        <text class="flex-1"></text>
        <text class="blue" catchTap="open2">奖扣明细<text style="font-size:0.24rem;position: relative;right:-10rpx;top:-4rpx">〉</text></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}}</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}}</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}}</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="fontColorD text1">奖分</view>
        <view class="fontColorD 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="fontColorD text1">奖分人次</view>
        <view class="fontColorD text2">扣分人次</view>
      </view>
      <view class="f2-chart">
        <f2 onInit="onInitChart2" a:if="{{showtu}}"></f2>
      </view>
    </view>
  </view>
</view>