zhuchangtong_old/pages/myProcessNew/index.wxml

<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-sousuo"></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" />
        <view class="iconfont icon-qingchu" wx:if="{{inputVal.length > 0}}" bindtap="clearInput"></view> -->
        <view class="weui-search-bar__input {{!chaShowed ? 'c9' : 'c3'}}" style="width: 160px;">{{inputVal}}</view>
          <view class="iconfont icon-qingchu1"  style="position: absolute;right: 70px;padding: 0 8px;color:rgba(0, 0, 0, 0.25)"  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>

  <!-- {{roleOf132}} {{roleOf41}} -->
  <view class="titlelist1 {{roleOf132 && !managerRoleClassify ? 'role41' : ''}}">
  <mp-tabs 
  tabs="{{tabs}}" 
  activeTab="{{activeTab}}" 
  swiperClass=""
  bindtabclick="onTabClick"
  bindchange="onChange"
  activeClass="activelist"
>
</mp-tabs>
  </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>

  <scroll-view scroll-x style="white-space: nowrap;padding: 10px 12px;background-color: #fff;box-sizing: border-box;border-bottom: 1rpx solid #eee;" wx:if="{{ (activeTab == 0 || activeTab == 1 || activeTab == 2 || activeTab == 3 ) && allYqShow}}">
    <view class="ssTag {{yqActive == 101 ? 'active':''}}" data-id="101" bindtap="changeMenuYq">已逾期</view>
  </scroll-view>
 
  <scroll-view scroll-x wx:if="{{activeTab == 4}}" style="white-space: nowrap;padding: 10px 12px;background-color: #fff;box-sizing: border-box;border-bottom: 1rpx solid #eee;">
    <view class="ssTag {{yqActive == 101 ? 'active':''}}"  wx:if="{{activeTab == 4 && allYqShow}}" data-id="101" bindtap="changeMenuYq">已逾期</view>
    <view class="ssTag {{shactive == 1 ? 'active':''}}"  wx:if="{{activeTab == 4}}" data-id="1" bindtap="changeShenhe">政策审核中</view>
    <view class="ssTag {{shactive == 2 ? 'active':''}}"  wx:if="{{activeTab == 4}}" data-id="2" bindtap="changeShenhe">财务审核中</view>
  </scroll-view>


  <scroll-view scroll-x style="white-space: nowrap;padding: 10px 12px;background-color: #fff;box-sizing: border-box;border-bottom: 1rpx solid #eee;" wx:if="{{activeTab == 5}}">
    <view class="ssTag {{sactive == 1 ? 'active':''}}" data-id="1" bindtap="changeMenu">在职最近维护</view>
    <view class="ssTag {{sactive == 2 ? 'active':''}}" data-id="2" bindtap="changeMenu">在职时长正序</view>
    <view class="ssTag {{sactive == 3 ? 'active':''}}" data-id="3" bindtap="changeMenu">在职时长倒序</view>
    <view class="ssTag {{sactive == 4 ? 'active':''}}" data-id="4" bindtap="changeMenu">约离最近维护</view>
    <view class="ssTag {{sactive == 5 ? 'active':''}}" data-id="5" bindtap="changeMenu">约离时间正序</view>
    <view class="ssTag {{sactive == 6 ? 'active':''}}" data-id="6" bindtap="changeMenu">约离时间倒序 </view>
  </scroll-view>



  <!-- <view class="underreview"  hover-class="hcb" 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"  style="padding:{{underReviewNum > 9 ? '0 4px' :''}};border-radius:{{underReviewNum > 9 ? '12px' :'50%'}}">{{underReviewNum}}</text>
      <i class="iconfont icon-xiayiye"></i>
    </view>
  </view> -->



  <!-- <view class="titlelist">
    <view class="{{navlist == -1? 'activelist':''}} pr"  mark:ind='{{-1}}' bindtap='changeactive'>全部
      <view class="top-circle" wx:if="{{numbers.numNotRead > 0}}"></view>
    </view>
    <view class="{{navlist == 10? 'activelist':''}} pr" hover-class="none" hover-stop-propagation="false" mark:ind='{{10}}' bindtap='changeactive'>待审核
      <view class="top-circle" wx:if="{{numbers.numNotRead10 > 0}}"></view>
    </view>
    <view class="{{navlist == 20? 'activelist':''}} pr" hover-class="none" hover-stop-propagation="false" mark:ind='{{20}}' bindtap='changeactive'>待接待
      <view class="top-circle" wx:if="{{numbers.numNotRead20 > 0}}"></view>
    </view>
    <view class="{{navlist == 25? 'activelist':''}} pr" hover-class="none" hover-stop-propagation="false" mark:ind='{{25}}' bindtap='changeactive'>待面试
    
    <view class="top-circle" wx:if="{{numbers.numNotRead25 > 0}}"></view>

  </view>
    <view class="{{navlist == 30? 'activelist':''}} pr" hover-class="none" hover-stop-propagation="false" mark:ind='{{30}}' bindtap='changeactive'>待入职
    
      <view class="top-circle" wx:if="{{numbers.numNotRead30 > 0}}"></view>
    
    </view>
    <view class="{{navlist == 40? 'activelist':''}} pr" hover-class="none" hover-stop-propagation="false" mark:ind='{{40}}' bindtap="changeactive">跟在职
      <view class="top-circle" wx:if="{{numbers.numNotRead40 > 0}}"></view>
    </view>
    <view class="{{navlist == 999? 'activelist':''}} pr" hover-class="none" hover-stop-propagation="false" mark:ind='{{999}}' bindtap="changeactive">已完成
      <view class="top-circle" wx:if="{{numbers.numNotRead999 > 0}}"></view>
    </view>
  </view> -->
  <view class="main" scroll-y="{{true}}" style="height:calc(100% - 116px)">
    <!-- <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">
      <view wx:for="{{yqBillList}}" wx:key="index" class="subset" hover-class="hcb" hover-stop-propagation="false" mark:id="{{item.id}}" mark:index="{{index}}" 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 : '-'}}</view>
          </view>
        </view>
        <view class="date tr">{{item.updateTimeStr}}{{activeTab == 5 ? '维护' : ''}}
        
          <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>
      </view>
      <view wx:for="{{billList}}" wx:key="index" class="subset" hover-class="hcb" hover-stop-propagation="false" mark:id="{{item.id}}" mark:index="{{index}}" bindtap='toDetail' wx:if="{{!item.isYq}}">
        <!-- <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">{{item.storeJobName ? item.storeJobName : '-'}}</view>
          </view>
        </view>
        <view class="date tr">{{item.updateTimeStr}}{{activeTab == 5 ? '维护' : ''}}
        
          <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 == 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:elif="{{item.status == 30}}">
              <block wx:if="{{shactive == 1}}">
                <text style="color: var(--color-ysd);">政策审核中</text>
              </block>
              <block wx:elif="{{shactive == 2}}">
                <text style="color: var(--color-ysd);">财务审核中</text>
              </block>
              <block wx:else>
              {{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>
            <block wx:else>
              {{item.statusText}}
            </block>
        
        <!-- {{item.isYq}} -->
        </view>
        
        </view>
        <!-- </navigator> -->
      </view>
    </view>
    <view style="padding-bottom: 0px;">
      <view wx:if="{{!hasMoreData && !isLoading}}" class="f12 c9 tc p20">暂无更多数据</view>
    <view wx:else class="f12 c9 tc p20">上滑加载更多</view>
    <!-- <view wx:if="{{!hasMoreData && !isLoading}}" class="f12 c9 tc p20">暂无更多数据</view>
    <view wx:if="{{hasMoreData}}" bindtap="loadMoreData" class="loadMore" hover-class="hcb">
      <view class="" hover-class="none" hover-stop-propagation="false">查看更多</view>
    </view> -->
  </view>
  </view>
</view>
</scroll-view>