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>{{userData.b.month_point}}</view>
      <view>本月B分</view>
    </view>
    <view class="flex-1" data-index="2" onTap="openView">
      <view>{{userData.a.month_point}}</view>
      <view>本月A分</view>
    </view>
  </view>
  <view class="headed margin-bottom">
    <view class="top"></view>
    <view class="headed-box">
      <view a:if="{{isAdministrator}}" 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"></image>
          <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"></image>
          <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"></image>
          <text>申请积分</text>
        </view>
        <view class="flex-box  flex-center-center flex-1" data-index="6" onTap="openView">
          <image mode="scaleToFill" src="../../../image/sp.png"></image>
          <text>
            审批
            <text class="red">({{total}})</text>
          </text>
        </view>
      </view>
      
    </view>
  </view>

  <view class="main margin-bottom">
    <view class="main-title flex-box flex-v-ce" onTap="openView" data-index="10">
      <text class="flex-1" style="font-size:32rpx">排行榜</text>
      <text class="fontColorF" style="font-size:28rpx">每小时更新一下</text>
    </view>
    <view class="flex-box flex-v-ce" style="padding:0.28rem; border-bottom: 1px solid #f1f1f1; " a:for="{{rankingList}}" data-item="{{item}}" onTap="openViewRanking">
      <view class="flex-box flex-v-ce flex-1">
        <view class="ranking_name font-flex-word"> {{ item.group_name.slice(0,2)}}</view>
        <view class="ranking_num flex-1">
            <view>{{ item.group_name }}</view>
            <text class="fontColorF" a:if="{{getRole_four}}">第 {{ item.rank }} 名:{{item.employee_name}}</text>
            <text class="fontColorF" a:else>第 {{ item.rank }} 名</text>
        </view>
        <image mode="scaleToFill" src="../../../image/right.png" class="img-right"></image> 
      </view>
    </view>
    <view a:if="{{rankingTotal > 5}}" class="rankingLists" onTap="openView" data-index="10">
        <text>查看所有排行榜</text>
        <image mode="scaleToFill" src="../../../image/right.png" class="img-right"></image> 
    </view>
  </view>


  <!-- 奖扣展示 -->
  <view a:if="{{userData.task&&isAdministrator}}" class="main margin-bottom">
    <view class="main-title flex-box flex-v-ce">
      <text style="font-size:32rpx">本月B分奖扣</text>
      <text class="text2" catchTap="showText">?</text>
    </view>
    <view class="main-main flex-box flex-center-center" data-index="7" catchTap="openView">
      <view class="flex-1">
        <view>{{userData.task.reward.point}}</view>
        <view class="fontColorF" style="font-size:28rpx">奖分</view>
        <view class="font-flex-word numPoint">目标{{userData.task.reward.target_point}}</view>
      </view>
      <view class="flex-1">
        <view>{{userData.task.deduction.point}}</view>
        <view class="fontColorF" style="font-size:28rpx">扣分</view>
        <view class="font-flex-word numPoint">目标{{userData.task.deduction.target_point}}</view>
      </view>
      <view class="flex-1">
        <view>{{userData.ratio.ratio}}</view>
        <view class="fontColorF" style="font-size:28rpx">奖扣比例</view>
        <view class="font-flex-word numPoint">目标{{userData.ratio.target_ratio}}</view>
      </view>
      <view class="flex-1">
        <view>{{userData.task.exec.count}}</view>
        <view class="fontColorF" style="font-size:28rpx">奖扣人次</view>
        <view class="font-flex-word numPoint">目标{{userData.task.exec.target_count}}</view>
      </view>
    </view>
  </view>

  <!-- 管理者奖扣 -->
  <view class="bottom margin-bottom" a:if="{{isAdministrator}}">
    <view class="flex-box flex-v-ce bottom-title">
      <view class="flex-1">管理者奖扣</view>
       <view class="chart-legend__wrap">
          <text class="chart-legend__pink">奖分</text>
          <text class="chart-legend__green">扣分</text>
       </view>
    </view>
    <view class="f2-chart" a:if="{{pieTotal>0}}">
      <f2 onInit="onInitChart3"></f2>
    </view>
     <no-data a:if="{{pieTotal==0}}" content="无数据"></no-data>
  </view>


  <view class="bottom margin-bottom">
    <view class="bottom-title">近30天B分趋势</view>
    <view class="f2-chart">
      <f2 onInit="onInitChart"></f2>
    </view>
  </view>
  <!-- <view class="bottom margin-bottom">
    <view class="bottom-title">本月B分积分构成</view>
    <view a:if="{{pieData.length>0}}" class="f2-chart">
      <f2 onInit="onInitChart2"></f2>
    </view>
    <no-data a:if="{{pieData.length==0}}" content="无数据"></no-data>
  </view> -->
  <view class="bottom">
    <view class="bottom-title">积分事件</view>
    <view a:for="{{incidentLsit}}" class="flex-box bottom-time" data-item="{{item}}" data-index="8" onTap="openView">
      <img-box name="{{item.employee_name}}" imgUrl="{{item.employee_img_url}}"></img-box>
      <view class="flex-1 bottom-right">
        <view class="flex-box">
          <text class="flex-1 name">{{item.employee_name}}</text>
          <text a:if="{{item.point>0}}" class="num">+{{item.point}} {{item.ptObj.name}}</text>
          <text a:else class="num green">{{item.point}} {{item.ptObj.name}}</text>
        </view>
        <view class="text">{{item.remark}}</view>
        <view class="date">{{item.event_time}}</view>
      </view>
    </view>
    <no-data a:if="{{incidentLsit.length==0}}"></no-data>
  </view>
  <view a:if="{{incidentLsitTotal>5}}" data-index="9" onTap="openView" class="more">查看更多</view>
  <view a:if="{{isBh}}" class="windows" content="还没有积分事件">
    <view class="windows-box">
      <view class="windows-title">温馨提示</view>
      <view class="windows-content">作为管理者，管理执行力是关键，每月按要求完成奖分和扣分任务</view>
      <view class="windows-btn flex-box flex-v-ce">
        <view class="flex-1" catchTap="showText">我知道了</view>
      </view>
    </view>
  </view>
</view>