<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: 17px;">
        <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>
<view class="topMenu">
  <view class="onMune  {{currIndex == '0' ? 'active' : ''}}" data-id="0" bindtap="changeMenu">
    <view class="pr dib">
      全部
      <!-- <view class="top-circle"></view> -->
      <view class="menuBorder"></view>
    </view>
  </view>
  <view class="onMune  {{currIndex == '1' ? 'active' : ''}}" data-id="1" bindtap="changeMenu">
    <view class="pr dib">
      待确认
      <view class="menuBorder"></view>
    </view>
  </view>
  <view class="onMune  {{currIndex == '2' ? 'active' : ''}}" data-id="2" bindtap="changeMenu">
    <view class="pr dib">
      已确认
      <view class="menuBorder"></view>
    </view>
  </view>
  <view class="onMune  {{currIndex == '3' ? 'active' : ''}}" data-id="3" bindtap="changeMenu">
    <view class="pr dib">
      已结算
      <view class="menuBorder"></view>
    </view>
  </view>
</view>
<scroll-view class="container" scroll-y enable-back-to-top="true" refresher-enabled bindscrolltolower="onScrollToLower" bindrefresherrefresh="onScrollRefresh" refresher-triggered="{{isTrigger}}" style="height:calc(100vh - 100px)">
  <view class="" hover-class="none" hover-stop-propagation="false">
    <block wx:if="{{recordList != null && recordList.length > 0}}">
      <view class="fsa bgf" hover-class="hcb" style="border-bottom:1px solid #eee;padding:16px 12px;" wx:for="{{recordList}}" wx:for-item="item" wx:for-index="idx" wx:key="idx" data-info="{{item}}" bindtap="goDetail">
        <view class="" hover-class="none" hover-stop-propagation="false">
          <view class="mb4 oelps" style="font-weight:600;max-width:210px" hover-class="none" hover-stop-propagation="false">{{item.title}}</view>
          <view class="f14 c6" hover-class="none" hover-stop-propagation="false">{{item.agencyName}}</view>
        </view>
        <view class="tar display-flex" hover-class="none" hover-stop-propagation="false">
          <view class="vsb" hover-class="none" hover-stop-propagation="false">
            <view class="f14 fw500 ysd-base-color mb4" hover-class="none" hover-stop-propagation="false">{{item.totalSalary + '元'}}</view>
            <view class="f14 c9" hover-class="none" hover-stop-propagation="false">{{item.showTime}}</view>
          </view>
          <icon class="iconfont icon-gengduo1 c9 ml4" type="" size="28" color=""></icon>
        </view>
      </view>
      <view wx:if="{{!hasMoreData && !isLoading}}" class="f12 c9 tc p20">暂无更多数据</view>
      <view wx:else class="f12 c9 tc p20">上滑加载更多</view>
    </block>
    <block wx:if="{{(recordList == null || recordList.length == 0) && !isLoading}}">
      <view style="margin-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>
</scroll-view>