<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>

        <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>
    </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>-->

  <scroll-view class="main" scroll-y="{{true}}" enable-back-to-top="true" refresher-enabled style="height:calc(100%)" bindrefresherrefresh="onScrollRefresh" bindscrolltolower="onScrollToLower" refresher-triggered="{{isTrigger}}">
    <view class="mainlist">
      <view wx:for="{{billList}}" wx:key="index" class="subset" hover-class="hcb" hover-stop-propagation="false" mark:id="{{item.id}}" mark:index="{{index}}" mark:relationId="{{item.relationId}}" bindtap="toDetail">
        <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>
          <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>
            <view class="clb"></view>
            <view class="usertype">{{item.storeJobName ? item.storeJobName + (item.applyUserName ? ('@' + item.applyUserName) : '') : '-' + (item.applyUserName ? ('@' + item.applyUserName) : '')}}</view>
          </view>
        </view>
        <view class="date tr">
          {{item[dateVal]}}
          <view class="mt8 c3">{{item.status}}</view>
        </view>
      </view>
    </view>
    <view wx:if="{{!hasMoreData && !isLoading}}" class="f12 c9 tc p20">暂无更多数据</view>
    <view wx:else class="f12 c9 tc p20">上滑加载更多</view>
  </scroll-view>
</scroll-view>
