更新灌溉计划页面，添加灌溉计划列表刷新标记，优化项目选择器和时间选择器的逻辑；更新样式以提升用户体验，确保在切换标签时只加载必要的数据。

zuoxiao

9 天以前 aec1b6ec73897b5e5f3a85f2985447726a399ed0

 pages/valveList/valveList.wxml

@@ -1,30 +1,79 @@
<!--pages/valveList/valveList.wxml 开关阀记录-->
<view>
  <scroll-view class="list-container" scroll-y="true" scroll-x="false">
    <block wx:if="{{listData.length > 0}}" wx:for="{{listData}}" wx:key="index">
      <view class="list-item" wx:for="{{listData}}" wx:for-item="item" wx:for-index="index">
<view  class="container">
  <!-- 顶部 Tabs -->
  <view class="tabs"> 
   <view class="tab" bindtap="switchTab" data-tab="0" id="tab0">
      虚拟卡
      <view class="indicator" wx:if="{{currentTab === 0}}"></view>
    </view> 
  <view class="tab" bindtap="switchTab" data-tab="1" id="tab1">
      水卡
      <view class="indicator" wx:if="{{currentTab === 1}}"></view>
    </view>
 </view>
  <scroll-view class="list-container" enable-flex="true" wx:if="{{currentTab === 0}}" scroll-y="true" scroll-x="false" refresher-enabled="true" bindrefresherrefresh="onPullVirtualDownRefresh"  refresher-triggered="{{isVirtualRefreshing}}" bindscrolltolower="loadVirtualMore">
    <block wx:if="{{listVirtualData.length > 0}}" wx:for="{{listVirtualData}}" wx:key="index">
      <view class="list-item" >
        <!-- <image class="item-img" src="/images/pipeline.svg" /> -->
        <view class="item-time">
          <text class="item-text">消费金额：</text>
          <view>
            <text class="item-morny">50</text>
            <text class="item-morny">{{item.expense}}</text>
            <text class="item-text">  元</text>
          </view>
        </view>
        <text class="item-text">虚拟卡编号：{{item.intakeNum}}</text>
        <text class="item-text">取水口编号：</text>
        <text class="item-text">开阀时间：</text>
        <text class="item-text">关阀时间：</text>
        <text class="item-text">水卡编号：{{item.cardNum}}</text>
        <text class="item-text">取水口编号：{{item.intakeNum}}</text>
        <text class="item-text">开阀类型：{{item.openType}}</text>
        <text class="item-text">开阀时间：{{item.openTime}}</text>
        <text class="item-text">关阀时间：{{item.closeTime}}</text>
        <view class="item-time">
          <text class="item-text">用水时长：120 分钟</text>
          <text class="item-text">用水量：2 m³</text>
          <text class="item-text">用水时长：{{item.duration}}分钟</text>
          <text class="item-text">用水量：{{item.amount}} m³</text>
        </view>

      </view>
    </block>
    <view wx:if="{{listData.length === 0}}" class="noMore-View">
    <view wx:if="{{listVirtualData.length === 0}}" class="noMore-View">
      <image class="noMore-img" src="/images/no_more.svg" />
      <text class="noMore-text">没有数据</text>
    </view>
    <view wx:if="{{virtualIsLoding}}" class="loading">加载中...</view> <!-- 加载指示器 -->
    <view wx:if="{{ !virtualhasMore && listVirtualData.length > 0}}" class="no-more-data">
      <text>— 已加载全部数据 —</text>
    </view>
  </scroll-view>

  <scroll-view class="list-container" wx:else enable-flex="true" scroll-y="true" scroll-x="false" refresher-enabled="true" bindrefresherrefresh="onPullPhysicalDownRefresh" scroll-x="false" refresher-triggered="{{isPhysicalRefreshing}}" bindscrolltolower="loadPhysicalMore">
    <block wx:if="{{listPhysicalData.length > 0}}" wx:for="{{listPhysicalData}}" wx:key="index">
      <view class="list-item" >
        <!-- <image class="item-img" src="/images/pipeline.svg" /> -->
        <view class="item-time">
          <text class="item-text">消费金额：</text>
          <view>
            <text class="item-morny">{{item.expense}}</text>
            <text class="item-text">  元</text>
          </view>
        </view>
        <text class="item-text">水卡编号：{{item.cardNum}}</text>
        <text class="item-text">取水口编号：{{item.intakeNum}}</text>
        <text class="item-text">开阀类型：{{item.openType}}</text>
        <text class="item-text">开阀时间：{{item.openTime}}</text>
        <text class="item-text">关阀时间：{{item.closeTime}}</text>
        <view class="item-time">
          <text class="item-text">用水时长：{{item.duration}}分钟</text>
          <text class="item-text">用水量：{{item.amount}} m³</text>
        </view>

      </view>
    </block>
    <view wx:if="{{listPhysicalData.length === 0}}" class="noMore-View">
      <image class="noMore-img" src="/images/no_more.svg" />
      <text class="noMore-text">没有数据</text>
    </view>
    <view wx:if="{{physicalIsLoding}}" class="loading">加载中...</view> <!-- 加载指示器 -->
    <view wx:if="{{!physicalHasMore && listPhysicalData.length > 0}}" class="no-more-data">
      <text>— 已加载全部数据 —</text>
    </view>
  </scroll-view>
</view>