dd_xcx/pages/workbench/index/index.axml

<view>
  <view class="head flex-box flex-center-center">
    <view class="flex-1" data-index="1" onTap="openView">
      <view>102</view>
      <view>本月B分</view>
    </view>
    <view class="flex-1" data-index="2" onTap="openView">
      <view>102</view>
      <view>本月A分</view>
    </view>
  </view>
  <view class="headed margin-bottom">
    <view class="top"></view>
    <view class="headed-box">
          <view class="flex-box headed-box-item">
              <view class="flex-box flex-center-center flex-1 left" data-index="3" onTap="openView">
                <image mode="scaleToFill" src="../../../image/jkbf.png"/>
                <text>奖扣B分</text>
              </view>
              <view class="flex-box  flex-center-center flex-1" data-index="4" onTap="openView">
                <image mode="scaleToFill" src="../../../image/jkaf.png"/>
                <text>奖扣A分</text>
              </view>
          </view>
          <view class="flex-box headed-box-item">
              <view class="flex-box  flex-center-center flex-1 left" data-index="5" onTap="openView">
                <image mode="scaleToFill" src="../../../image/sqjf.png"/>
                <text>申请积分</text>
              </view>
              <view class="flex-box  flex-center-center flex-1" data-index="6" onTap="openView">
                <image mode="scaleToFill" src="../../../image/sp.png"/>
                <text>审批<text class="red">（2）</text></text>
              </view>
          </view>
    </view>

  </view>
  <!-- 奖扣展示 -->
  <view class="main margin-bottom">
      <view class="main-title">本月B分奖扣<text>?</text></view>
      <view class="main-main flex-box flex-center-center">
        <view class="flex-1">
            <view>1032</view>
            <view>奖分</view>
            <view>目标10000</view>
        </view>
        <view class="flex-1">
            <view>1032</view>
            <view>扣分</view>
            <view>目标1000</view>
        </view>
        <view class="flex-1">
            <view>1032</view>
            <view>奖扣比例</view>
            <view>目标1000</view>
        </view>
        <view class="flex-1">
            <view>1032</view>
            <view>奖扣人数</view>
            <view>目标1000</view>
        </view>
      </view>
  </view>
  <view class="bottom">
    <view class="bottom-title">积分事件</view>
    <view class="flex-box bottom-time" a:for="{{incidentList}}"> 
        <img-box name="测试赛"/>
        <view class="flex-1 bottom-right">
          <view class="flex-box">
            <text class="flex-1 name">某某人</text>
            <text class="num">+50</text>
          </view>
          <view class="text">打扫了卫生打扫了卫生</view>
          <view class="date">2020-03-01 18:30</view>
        </view>
    </view>
  </view>
  <view catchTap="openMore" a:if="{{incidentList.length>5}}" class="more">查看更多</view>
</view>