cdht-app-h5/miniprogram/pages/UpkeepBill/UpkeepBillRecord/UpkeepBillRecord.wxml

<!--pages/vehicleMaintenance/maintainRecord/maintainRecord.wxml-->
<!-- <view class="container"> -->
  <view class="top">
    <view class="search-container">
      <view class="number-plate" catchtap="toSearch">
        <view class="icon">
          <image src="../../../images/icon_search.png" mode=""/>
        </view>
        <input 
          type="text"
          placeholder="搜索车辆或工单号" 
          placeholder-style="color:#949CB5; font-size: 28rpx; font-weight: 400;" 
          value="{{password}}"
          bind:input="changePlateNumberOrOrderNo"/>
      </view>
    </view>
    <view class="tab-container">
      <view class="tabs">
        <van-tabs
          color="#4381FC"
          title-active-color="#4381FC"
          ellipsis="{{false}}" 
          active="{{ active }}" 
          bind:change="tabOnChange">
          <van-tab 
            title-style="font-size:16px"
            wx:for="{{tabList}}" 
            wx:key="index" 
            title="{{item.flowName + '(' + item.count + ')' }}"></van-tab>
        </van-tabs>
      </view>
      <view class="swicth" catchtap="filterShow">
        <image src="../../../images/icon_filter.png" mode=""/>
      </view>
    </view>
    
    <van-popup 
      show="{{ showMoreSearch }}"
      position="top"
      bind:close="filterHide">
      <view class="more-search">
        <!-- <view class="row">
          <view class="label">按时间选择</view>
          <view class="date-content">
            <view class="date" data-key="startDate" catchtap="showDate">
              <input 
                type="text"
                value="{{startDate}}"
                disabled="true" />
            </view>
            <view class="line"></view>
            <view class="date" data-key="endDate" catchtap="showDate">
              <input 
                type="text"
                value="{{endDate}}"
                disabled="true" />
            </view>
          </view>
        </view> -->
        <view class="row">
          <view class="label">按项目选择</view>
          <view class="select-content">
            <view class="project-select">
              <picker bindchange="bindPickerProject" value="{{selectProjectIndex}}" range-key="projectName" range="{{projectOptions}}">
                <view class="picker project-select">
                  {{projectOptions[selectProjectIndex].projectName}}
                </view>
              </picker>
            </view>
          </view>
        </view>
        <view class="row">
          <view class="label">按维修厂选择</view>
          <view class="checkbox-content">
            <view class="item {{item.check ? 'check' : ''}}" wx:for="{{repairShopsOptions}}" wx:key="index" data-index="{{index}}" catch:tap="checkRepairShop" >
              {{item.repairShop_dictText}}
            </view>
          </view>
        </view>
        <view class="row">
          <view class="btn-content">
            <view class="btn" catchtap="restList">重置</view>
            <view class="btn btn-confirm" catchtap="getListByMoreParms">确定</view>
          </view>
        </view>
      </view>
    </van-popup> 
  </view>
  <view class="list">
    <scroll-view class="scroll-view_H" scroll-y="true" bindscrolltolower="lower" style="width: 100%">
      <view class="item" wx:for="{{recordList}}" wx:key="index" data-inf="{{item}}" catchtap="toDetailPage">
        <view class="row">
          <view class="code">{{item.orderNo}}</view>
          <view class="number-plate">
            <view class="status status1" wx:if="{{item.flowStatus == 2 || item.flowStatus == 3 || item.flowStatus == 6}}">{{item.flowStatus_dictText}}</view>
            <view class="status status2" wx:if="{{item.flowStatus == 4 || item.flowStatus == 5 || item.flowStatus == 10 || item.flowStatus == 7}}">{{item.flowStatus_dictText}}</view>
            <view class="status status3" wx:if="{{item.flowStatus == 8 || item.flowStatus == 9}}">{{item.flowStatus_dictText}}</view>
            <view class="val">{{item.plateNumber}}</view>
          </view>
        </view>
        <view class="row">
          <view class="project-name">{{item.projectId_dictText}}</view>
          <view class="time">{{item.predictTime}}</view>
        </view>
      </view>
      <view class="is-last" wx:if="{{isLast && recordList.length > 0}}" style="padding-bottom: 40rpx;">
        <van-divider contentPosition="center">已加载完全部数据</van-divider>
      </view>
      <view class="no-data" wx:if="{{recordList.length == 0}}">
        <van-empty description="无数据" />
      </view>
    </scroll-view>
  </view>
  
  <!-- 日期范围选择 -->
  <van-popup
    show="{{ showDateSelect }}"
    position="bottom"
    custom-style="height: 50%;"
    bind:click-overlay="hideDate"
  >
    <view style="background: #fff;border-radius: 4px 4px 0 0;overflow: hidden;">
      <view class="date-btn-box">
        <view class="btn btn-cancel" bindtap="hideDate">取消</view>
        <view class="title">选择开始结束时间</view>
        <view class="btn btn-confirm" bindtap="changeDate">确定</view>
      </view>
      <view class="date-title">
        <view class="date {{selectDate == 'startDate' ? 'select' : ''}}" data-key="startDate" catchtap="changeSelectDate">
          <input 
            type="text"
            value="{{startDateTmp}}"
            disabled="true"
            bindinput="getPassword" />
          <view class="icon">
            <image src="../../../images/icon_cal.png" mode=""/>
          </view>
        </view>
        <view class="line"></view>
        <view class="date {{selectDate == 'endDate' ? 'select' : ''}}" data-key="endDate" catchtap="changeSelectDate">
          <input 
            type="text"
            value="{{endDateTmp}}"
            disabled="true"
            bindinput="getPassword" />
          <view class="icon">
            <image src="../../../images/icon_cal.png" mode=""/>
          </view>
        </view>
      </view>
      <view class="picker-box">
        <picker-view data-key="dateRang" value="{{dateValue}}" indicator-style="height: 50px;" style="width: 100%; height: 500rpx;" bindchange="selectDate">
          <picker-view-column>
            <view style="line-height: 50px; text-align: center;" wx:for="{{dateList.years}}" wx:key="index">{{item}}年</view>
          </picker-view-column>
          <picker-view-column>
            <view style="line-height: 50px; text-align: center;" wx:for="{{dateList.months}}" wx:key="index">{{item}}月</view>
          </picker-view-column>
          <picker-view-column>
            <view style="line-height: 50px; text-align: center;" wx:for="{{dateList.date}}" wx:key="index">{{item}}日</view>
          </picker-view-column>
        </picker-view>
      </view>
    </view>
  </van-popup>
<!-- </view> -->