<view>
  <view class="" a:if="{{defaultRuleId}}">
    <view class="header flex-box-ce flex-center-center" catchTap="openSelect">
      <text class="text font-flex-word">{{jxName}}</text>
      <text class="iconfont icon-jiantouxia"></text>
    </view>
    <scroll-view class="scroll" scroll-y="{{true}}">
      <view style="padding:0.24rem">
        <progress percent="{{rate}}" stroke-width="12" active show-info />
        <view class="flex-box-ce" style="padding-top:0.24rem;font-size:0.28rem">
          <view class="flex-1"> 考核进度：
          <text class="blue">{{theProgressOf.complete}}人</text>/<text>{{theProgressOf.theTotalNum}}人</text></view>
          <view class="blue" catchTap="personnel_detailsPath">查看人员明细
            <text class="iconfont icon-jiantouyou blue" style="font-size:0.24rem;position: relative;top:-2rpx"></text></view>
        </view>
      </view>
      <view class="fg flex-box flex-d-center flex-d-wrap margin-bottom">
        <view a:for="{{statementHnList}}" class="item" catchTap="personnel_detailsPath" data-index="{{item.key}}">
          <view>{{item.tit}}</view>
          <view>{{item.num}}</view>
        </view>
      </view>
      <view class="flex-box-ce block">
        <view class="{{tabIndex==1? 'tabs':''}} flex-1" onTap="tabAction" data-index="1">结果分析</view>
        <view class="{{tabIndex==2? 'tabs':''}} flex-1" onTap="tabAction" data-index="2">考核人数分析</view>
      </view>
      <block a:if="{{tabIndex==1}}">
        <view class="tu margin-bottom">
          <view style="text-align: center;padding:0.24rem 0;font-size:0.28rem">总人数
            <text class="blue" style="padding:0 6rpx;">{{PieProps}}人</text></view>
          <f2 onInit="onInitChart"></f2>
        </view>
        <view class="flex-box-ce tu" style="padding:0 0.24rem;border-bottom:1px solid #f1f1f1">
          <view style="padding: 0.28rem 0;padding-right:0.24rem;border-right:1px solid #f1f1f1">绩效排名</view>
          <view class="flex-1 flex-box-ce flex-center-center">
            <picker onChange="activeItem" value="{{department_index}}" range="{{department_list}}" range-key="text">
              <text class="font-flex-word" style="margin-right:10rpx; padding: 0.28rem 0;display: inline-block;">{{department_list[department_index].text}}</text>
            </picker>
            <text class="iconfont icon-jiantouxia"></text>
          </view>
          <view class="flex-1 flex-box-ce flex-center-center">
            <picker onChange="activeItem2" value="{{levels_index}}" range="{{levels_list}}" range-key="text">
              <text class="font-flex-word" style="margin-right:10rpx; padding: 0.28rem 0;display: inline-block;">{{levels_list[levels_index].text}}</text>
            </picker>
            <text class="iconfont icon-jiantouxia"></text>
          </view>
        </view>
        <view class="flex-box-ce statmentperson" a:for="{{jxUserList}}" catchTap="openDetail" data-item="{{item}}" a:key="{{item.id}}">
          <text style="padding:0 6rpx" class="fontColorX">{{index+1}}</text>
          <img-box id="{{item.id}}" name="{{item.name}}" height="60rpx" width="60rpx" fSize="24rpx" style="margin-top:.08rem;"></img-box>
          <view class="flex-1" style="margin-left:0.2rem">
            <view class="name flex-1" style="font-size:0.32rem;">{{ item.name }}</view>
            <view class="font-flex-word" style="width: 3.8rem;display:inline-block;margin-top:6rpx" a:if="{{item.departments.length > 0}}">
              <text style="font-size:.25rem;" class="fontColorX" a:for="{{item.departments}}" a:for-index="index2" a:for-item="arr">
                {{ arr.dep_name }}<text a:if="{{item.departments.length - index2 > 1}}">,</text>
              </text>
            </view>
          </view>
          <view style="font-size:.26rem;line-height: .8rem;text-align:center;">
            <text>{{ item.point === '' ? '-' : item.point }}</text>/
            <text a:if="{{item.level != ''}}" class="orange">{{ item.level == 'empty' ? '无等级' : item.level }}</text>
            <text a:else>无等级</text>
          </view>
        </view>
      </block>
      <view a:else class="tu">
        <view style="height:400rpx" a:if="{{statementperson.length>0}}">
          <f2 onInit="onInitChart2"></f2>
        </view>
        <no-data a:else content="暂无对应部门"></no-data>
        <view style="padding:0.2rem 0.32rem" a:if="{{statementperson.length>0}}">参与考核部门人数</view>
        <view a:for="{{statementperson}}" class="flex-box-ce" style="padding:0.24rem 0.32rem;border-bottom:1px solid #f1f1f1" onTap="cellDept" data-item="{{item}}">
          <view class="flex-1">
            <view>{{ item.name }}</view>
            <view class="orange" style="font-size:0.27rem;padding-top:6rpx;">
              <text class="iconfont icon-yonghu"></text>
              <text style="font-size:0.27rem;padding-left:6rpx;">{{ item.tak }}人</text>
            </view>
          </view>
          <text class="iconfont icon-jiantouyou"></text>
        </view>
      </view>
      <view style="height:1rem"></view>
    </scroll-view>
  </view>
  <no-data a:if="{{!defaultRuleId}}" content="暂无考核内容"></no-data>
  <view class="box" animation="{{animationInfo}}">
    <select-jx defaultId="{{defaultRuleId}}" tree="true" onConfirm="onSelectItem" onClose="onClose" a:if="{{isShowType}}" />
  </view>
</view>