<view>
  <view class="header margin-bottom">
    <view class="flex-box flex-v-ce selectItems border-bottom">
      <view data-index="1" class="{{activeIndex == 1? 'active':''}} flex-1" catchTap="activeItem">待领取</view>
      <view data-index="2" class="{{activeIndex == 2? 'active':''}} flex-1" catchTap="activeItem">已领取</view>
    </view>
  </view>
  <view class="main scroll">
    <scroll-view class="scroll" a:if="{{(activeIndex==1)&&list.length>0}}" scroll-y="{{true}}" onScrollToLower="onScrollToLower">
      <view class="li border-bottom"  a:for="{{list}}" catchTap="openDetail" data-item="{{item}}">
        <view class="flex-box li-top">
          <view class="flex-1">{{item.task_name}}</view>
          <text class="fontColorX">{{item.base_point}}</text>
        </view>
        <view class="flex-box li-bottom">
          <text class="flex-1 fontColorX">{{item.end_time}} 截止</text>
          <button type="primary" class="defBtn" data-item="{{item}}" a:if="{{item.status == '1' && userId != item.owner_id}}">领取任务</button>
        </view>
      </view>
      <view class="noDatas" a:if="{{isData}}">没有更多咯</view>
    </scroll-view>
    <scroll-view class="scroll" a:if="{{activeIndex==2&&list.length>0}}" scroll-y="{{true}}" onScrollToLower="onScrollToLower">
      <view class="flex-box li border-bottom" data-index="1" a:for="{{list}}" catchTap="openDetail" data-item="{{item}}">
        <img-box name="{{item.receiver_name}}" imgUrl="{{item.employee_img_url}}" height="80rpx" width="80rpx" fSize="24rpx"></img-box>
        <view class="flex-1 main-right">
          <view class="flex-box flex-v-ce">
            <view class="name flex-1">{{item.receiver_name}}领取{{item.pt_name}}任务</view>
            <view class="red" a:if="{{item.base_point>0}}">+{{item.base_point}} {{item.pt_name}}</view>
            <view class="green" a:else>{{item.base_point}} {{item.pt_name}}</view>
          </view>
          <view class="context" a:if="{{item.task_name}}">{{item.task_name}}</view>
          <view class="flex-box flex-v-ce">
            <view class="date fontColorX flex-1">{{item.expire_time}} 截止</view>
          </view>
        </view>
      </view>
      <view class="noDatas" a:if="{{isData}}">没有更多咯</view>
    </scroll-view>
    <no-data a:if="{{list.length==0}}" content="你来迟了，任务已经被抢光了..."></no-data>
  </view>
</view>