<view>
  <view class="weui-search-bar weui-search-bar_focusing" id="searchBar" style="line-height: 1;background-color: #fff;">
    <form class="weui-search-bar__form flex-1">
      <view class="weui-search-bar__box" catchtap="goSearch" style="background-color: #f5f5f5;border-radius: 99px;">
        <i class="iconfont icon-sousuo11"></i>
        <!-- <input type="text" class="weui-search-bar__input" placeholder-style="color:#999;" placeholder="搜索姓名、手机号" value="{{inputVal}}" focus="{{inputShowed}}" bindinput="inputTyping" bindconfirm="searchKey" confirm-type="search" style="width: 200px;" />
        <view class="iconfont icon-qingchu1" wx:if="{{inputVal.length > 0}}" bindtap="clearInput"></view>
        <view class="search" bindtap="searchKey">搜索</view>-->
        <view class="weui-search-bar__input {{!chaShowed ? 'c9' : 'c3'}}" style="width: 160px;">{{inputVal}}</view>
        <view class="iconfont icon-qingchu1" wx:if="{{chaShowed}}" catchtap="clearInput"></view>
        <view class="search" catchtap="searchKey">搜索</view>
      </view>
      <!-- <label class="weui-search-bar__label" bindtap="showInput">
          <i class="weui-icon-search"></i>
          <span class="weui-search-bar__text">搜索工作</span>
      </label>-->
    </form>
  </view>
</view>

<scroll-view class="container" style="height:calc(100vh - {{navigatorHeight + 6}}px);">
  <view class="titlelist1">
    <mp-tabs tabs="{{tabs}}" activeTab="{{activeTab}}" swiperClass bindtabclick="onTabClick" bindchange="onChange" activeClass="activelist"></mp-tabs>
  </view>

  <!-- <view class="underreview" bindtap='tounderReview'>
    <view class="" hover-class="none" hover-stop-propagation="false">审核中</view>
    <view class="display-flex" hover-class="none" hover-stop-propagation="false">
      <text class="circleNum mr8" wx:if="{{underReviewNum != 0}}">{{underReviewNum}}</text>
      <i class="iconfont icon-gengduo11"></i>
    </view>
  </view>
  <view class="titlelist">
    <view class="{{navlist == -1? 'activelist':''}}" hover-class="none" hover-stop-propagation="false" mark:ind='{{-1}}' bindtap='changeactive'>全部</view>
    <view class="{{navlist == 20? 'activelist':''}}" hover-class="none" hover-stop-propagation="false" mark:ind='{{20}}' bindtap='changeactive'>待面试</view>
    <view class="{{navlist == 30? 'activelist':''}}" hover-class="none" hover-stop-propagation="false" mark:ind='{{30}}' bindtap='changeactive'>待入职</view>
    <view class="{{navlist == 40? 'activelist':''}}" hover-class="none" hover-stop-propagation="false" mark:ind='{{40}}' bindtap="changeactive">在职中</view>
    <view class="{{navlist == 999? 'activelist':''}}" hover-class="none" hover-stop-propagation="false" mark:ind='{{999}}' bindtap="changeactive">已完成</view>
  </view>-->
  <scroll-view class="main" scroll-y="{{true}}" enable-back-to-top="true" refresher-enabled style="height:calc(100% - 40px)" bindrefresherrefresh="onScrollRefresh" bindscrolltolower="onScrollToLower" refresher-triggered="{{isTrigger}}">
    <!-- <view class="weui-search-bar__box">
      <i class="weui-icon-search"></i>
      <input aria-controls="searchResult" type="text" class="weui-search-bar__input" placeholder="搜索姓名/手机号" placeholder-class='placeholder' value="{{inputVal}}" bindinput="searchinput" />
      <view aria-role="button" aria-label="清除" class="weui-icon-clear" wx:if="{{inputVal.length > 0}}" bindtap="clearInput"></view>
    </view>-->
    <view class="mainlist" wx:if="{{billList.length != 0}}">
      <view wx:for="{{billList}}" wx:key="index" class="subset" hover-class="hcb" hover-stop-propagation="false" mark:id="{{item.id}}" mark:item="{{item}}" mark:index="{{index}}" bindtap="toDetail">
        <!-- <navigator class="" target="" url="./bill-detail/bill-detail" hover-class="navigator-hover" open-type="navigate"> -->
        <view class="userinfo">
          <view class="icon pr" wx:if="{{item.tel}}" catchtap="makePhoneCall" data-tel="{{item.tel}}">
            <view class="iconfont icon-shouji" style="color:var(--color-ysd)"></view>
            <!-- <view wx:if="{{item.hasRead == 0}}" class="phone-circle"></view> -->
          </view>
          <view class="icon noTel pr" wx:else>
            <view class="iconfont icon-shouji c9"></view>
          </view>
          <view class="user">
            <text class="username">{{item.userName}}/{{item.sex == 1?'男':'女'}}{{item.age ?'/'+item.age :''}}{{item.nation ?'/'+item.nation:''}}</text>
            <!-- <text class="phone">{{item.tel ? item.tel : ''}}</text> -->
            <view class="clb"></view>
            <view class="usertype fss">
              <view class="oelps" style="max-width:100px" hover-class="none" hover-stop-propagation="false">{{item.storeJobName ? item.storeJobName : '-'}}</view>
              <view class="wsn" hover-class="none" hover-stop-propagation="false">
                {{(item.upAgencyName ? ('@' + item.upAgencyName) : '')}}
              </view>
            </view>
          </view>
        </view>
        <view class="date tr">
          <view class="wsn" hover-class="none" hover-stop-propagation="false">
            {{item.updateTimeStr}}{{activeTab == 5 ? '维护' : ''}}
          </view>
          <view class="mt8 c3">
            <!-- <view wx:if="{{item.hasRead == 0}}" class="phone-circleNew" style="display: inline-block;"></view>
         
            <block wx:if="{{item.status == 40}}">
              在职{{item.entryDays}}天
            </block>
            <block wx:elif="{{item.status == 48}}">
              在职{{item.entryDays}}天/{{item.willLeaveDays}}天后
            </block>
            <block wx:elif="{{item.status == 10 || item.status == 20 || item.status == 25 || item.status == 30 || item.status == 48}}">
              {{item.statusText}}<text wx:if="{{item.isYq}}" style="color:var(--color-f40)">/逾{{item.showTime}}</text>
              <text wx:if="{{!item.isYq}}">/{{item.showTime}}后</text>
            </block>
            <block wx:else>-->
            {{item.statusText}}
            <!-- </block> -->
          </view>
        </view>
        <!-- </navigator> -->
      </view>
      <view wx:if="{{!hasMoreData && !isLoading}}" class="f12 c9 tc p20">暂无更多数据</view>
      <view wx:else class="f12 c9 tc p20">上滑加载更多</view>
    </view>

    <block wx:if="{{(billList == null || billList.length == 0) && !isLoading}}">
      <view style="padding-top:128rpx;">
        <view class="center">
          <icon class="t-icon cccc t-icon-zanwu" style="width:86px;height:86px;margin-bottom:20px;margin-top:30px"></icon>
          <view class="f16 cccc">暂无账单</view>
        </view>
      </view>
    </block>
    <!-- <view wx:if="{{hasMoreData}}" bindtap="loadMoreData" class="loadMore" hover-class="hcb">
      <view class="" hover-class="none" hover-stop-propagation="false">查看更多</view>
    </view>-->
  </scroll-view>
</scroll-view>
