dd_xcx/pages/statistics/taskStatistical/taskStatistical.axml

<view>
  <view class="{{popupCx}}">
    <view class="userSelect" a:if="{{isAdministrator}}" catchTap="openSelect">
      <text class="{{isAllChecked? 'zk':''}} msg">{{names}}</text>
      <text class="ren">{{users.length}}人</text>
    </view>
    <view class="flex-box flex-v-ce staff-all">
        <view class="flex-1"></view>
        <label a:if="{{isAdministrator}}" class="flex-box-ce">
          <text class="rule-all-text">只看自己</text>
          <checkbox onChange="ruleActiveAll" checked="{{isAllChecked}}"></checkbox>
        </label>
    </view>
    <view class="header margin-bottom">
      <view class="title">任务现状</view>
      <view>
        <view class="flex-box-ce item" style="border-bottom:1px solid #FAFAFB">
          <text class="flex-1 flex-box-ce" style="border-right:1px solid #FAFAFB" catchTap="openUrl" data-index="1">
            <view class="img" style="background-color: rgba(245,108,108,0.1);">
              <image mode="scaleToFill" src="../../../image/yq.png" /></view>
            <view class="msg">
              <view class="num">{{result.now.expired}}</view>
              <text>逾期未完成</text>
            </view>
          </text>
          <text class="flex-1 flex-box-ce" style="padding-left:0.32rem" catchTap="openUrl" data-index="2">
            <view class="img" style="background-color: rgba(230,162,60,0.1);">
              <image mode="scaleToFill" src="../../../image/jr.png" /></view>
            <view class="msg">
              <view class="num">{{result.now.today_expire}}</view>
              <text>今日到期</text>
            </view>
          </text>
        </view>
        <view class="flex-box-ce item">
          <text class="flex-1 flex-box-ce" style="border-right:1px solid #FAFAFB" catchTap="openUrl" data-index="3">
            <view class="img" style="background-color: rgba(38,162,255,0.1);">
              <image mode="scaleToFill" src="../../../image/jxz.png" /></view>
            <view class="msg">
              <view class="num">{{result.now.doing}}</view>
              <text>进行中</text>
            </view>
          </text>
          <text class="flex-1 flex-box-ce" style="padding-left:0.32rem" catchTap="openUrl" data-index="4">
            <view class="img" style="background-color: rgba(103,194,58,0.1);">
              <image mode="scaleToFill" src="../../../image/dsp.png" /></view>
            <view class="msg">
              <view class="num">{{result.now.reviewing}}</view>
              <text>待审批</text>
            </view>
          </text>
        </view>
      </view>
    </view>
    <view class="main margin-bottom">
      <view class="title flex-box-ce flex-d-center">
        <text catchTap="showText" data-index="2">任务完成统计 <text class="text2">?</text></text>
        <view class="flex-box-ce" catchTap="showText" data-index="5">
          <text class="blue jt" data-num="1">{{start_date}}</text>
          <text style="padding:0 10rpx">~</text>
          <text class="blue jt" data-num="2">{{end_date}}</text>
        </view>
        <!-- <view class="jt" catchTap="openDate">{{date}}</view> -->
      </view>
      <view>
        <view style="position: relative;">
            <f2 onInit="onInitChart"></f2>
            <view class="bfb">{{bfb}}%</view>
        </view>
        <view class="flex-box-ce">
          <view class="item2 flex-1">
            <text>{{result.complete.all}}条</text>
            <view>总任务数</view>
          </view>
          <view class="item2 flex-1">
            <text>{{result.complete.done}}条</text>
            <view>完成任务数</view>
          </view>
        </view>
      </view>
    </view>
    <view class="main" style="margin-bottom:1rem">
      <view class="title" catchTap="showText" data-index="3">完成情况占比 <text class="text2">?</text></view>
      <view style="position: relative;">
        <f2 onInit="onInitChart2"></f2>
      </view>
    </view>
  </view>
  <view class="box" animation="{{animationInfo}}">
    <select-section-staff isLeadership="{{true}}" a:if="{{showStaff}}" isBoss="{{true}}" selectUser="{{users}}" onClose="onClose"  onConfirm="onSelectUser" />
  </view>
  <view a:if="{{isBh=='5'}}" class="windows">
    <view class="windows-box">
      <view class="windows-title">请选择时间区间</view>
      <view class="windows-content" style="height:2rem">
        <view class="flex-box-ce flex-center-center" style="padding-top:0.6rem">
          <text class="blue jt" data-num="1" catchTap="openDate">{{start_date2}}</text>
          <text style="padding:0 20rpx">~</text>
          <text class="blue jt" data-num="2" catchTap="openDate">{{end_date2}}</text>
        </view>
      </view>
      <view class="btns flex-box flex-v-ce">
        <view class="flex-1" catchTap="showText" data-index="4">取消</view>
        <view class="flex-1" catchTap="qrDate">确定</view>
      </view>
    </view>
  </view>
  <view a:if="{{isBh=='2'}}" class="windows">
    <view class="windows-box" style="top:30%">
      <view class="windows-title">温馨提示</view>
      <view class="windows-content">
          <view class="chu">支持自定义选择时间范围</view>
          <view class="chu">总任务数</view>
          <view>只要任务从开始到截止与选择时间段有交叉，或者在选择时间段内完成的，都会加入统计</view>
          <view class="chu">完成任务数</view>
          <view>只已经完成的任务，包含待审批和已审批通过的，不计算审批驳回的</view>
          <view class="chu">百分比计算方式</view>
          <view>完成百分比=完成任务数/总任务数</view>
      </view>
      <view class="windows-btn flex-box flex-v-ce">
        <view class="flex-1" catchTap="showText" data-index="4">我知道了</view>
      </view>
    </view>
  </view>
  <view a:if="{{isBh=='3'}}" class="windows">
    <view class="windows-box">
      <view class="windows-title">温馨提示</view>
      <view class="windows-content">
          <view class="chu">按时完成数</view>
          <view>按时完成任务为截止时间之前完成的任务</view>
      </view>
      <view class="windows-btn flex-box flex-v-ce">
        <view class="flex-1" catchTap="showText" data-index="4">我知道了</view>
      </view>
    </view>
  </view>
</view>