管灌系统农户端微信小程序(嘉峪关应用)
zuoxiao
2024-06-13 5dc54a59184b305a85aaad31dd4cce01b31a8a2d
pages/waterIntake/waterIntake.wxml
@@ -1,4 +1,3 @@
<!--pages/waterIntake/waterIntake.wxml取水口列表-->
<view class="container">
  <!-- 顶部 Tabs -->
  <view class="tabs">
@@ -13,15 +12,14 @@
  </view>
  <!-- 常用取水口 -->
  <scroll-view class="list-container" wx:if="{{currentTab === 0}}" scroll-y="true" scroll-x="false">
    <block wx:if="{{commonWaterPoints.length > 0}}" wx:for="{{commonWaterPoints}}" wx:key="index">
  <scroll-view class="list-container" wx:if="{{currentTab === 0}}" scroll-y="true" refresher-enabled="true" refresher-threshold="50" bindrefresherrefresh="onPullDownRefresh_common" refresher-triggered="{{isRefreshing_common}}">
    <block wx:for="{{commonWaterPoints}}" wx:key="index">
      <view class="item">
        <view class="item-left">
          <!-- <image class="item-img" src="/images/pipeline.svg" /> -->
          <text>{{item.intakeNum}}</text>
          <image class="item-img" src="{{item.isOnLine ? '/images/wifi_no.svg' : '/images/wifi_off.svg'}}" />
        </view>
        <text wx:if="{{item.isOnLine}}" class="item-button" bind:tap="choseCard" data-item="{{item}}">选择</text>
        <text  class="item-button" bindtap="choseCard" data-item="{{item}}">开阀</text>
      </view>
    </block>
    <view wx:if="{{commonWaterPoints.length === 0}}" class="noMore-View">
@@ -31,29 +29,27 @@
  </scroll-view>
  <!-- 所有取水口 -->
  <view class="all-waterIntake" wx:else>
  <view class="all-waterIntake" wx:if="{{currentTab === 1}}">
    <view class="search-container">
      <input class="search-input" placeholder="请输入取水口编码后点击搜索" bindinput="onInput" />
      <!-- <text class="search-button" >搜索</text> -->
      <t-button class="search-button" theme="primary" size="large" icon="search" shape="square" aria-label="搜索" bindtap="onSearch" style="background-color: #1890FF; border: none;  height: 80rpx;"></t-button>
      <t-button class="search-button" theme="primary" size="large" icon="search" shape="square" aria-label="搜索" bindtap="onSearch" style="background-color: #1890FF; border: none; height: 80rpx;"></t-button>
    </view>
    <view>
      <scroll-view class="list-container" scroll-y="true" scroll-x="false">
        <block wx:if="{{allWaterPoints.length > 0}}" wx:for="{{allWaterPoints}}" wx:key="index">
          <view class="item">
            <view class="item-left">
              <!-- <image class="item-img" src="/images/pipeline.svg" /> -->
              <text>{{item.intakeNum}}</text>
              <image class="item-img" src="{{item.isOnLine ? '/images/wifi_no.svg' : '/images/wifi_off.svg'}}" />
            </view>
            <text wx:if="{{item.isOnLine}}" class="item-button" bind:tap="choseCard" data-item="{{item}}">选择</text>
    <scroll-view class="list-container" scroll-y="true" refresher-enabled="true" refresher-threshold="50" bindrefresherrefresh="onPullDownRefresh_all" refresher-triggered="{{isRefreshing_all}}">
      <block wx:for="{{allWaterPoints}}" wx:key="index">
        <view class="item">
          <view class="item-left">
            <text>{{item.intakeNum}}</text>
            <image class="item-img" src="{{item.isOnLine ? '/images/wifi_no.svg' : '/images/wifi_off.svg'}}" />
          </view>
        </block>
        <view wx:if="{{allWaterPoints.length === 0}}" class="noMore-View">
          <image class="noMore-img" src="/images/no_more.svg" />
          <text class="noMore-text">没有数据</text>
          <text  class="item-button" bindtap="choseCard" data-item="{{item}}">开阀</text>
        </view>
      </scroll-view>
    </view>
      </block>
      <view wx:if="{{allWaterPoints.length === 0}}" class="noMore-View">
        <image class="noMore-img" src="/images/no_more.svg" />
        <text class="noMore-text">没有数据</text>
      </view>
    </scroll-view>
  </view>
</view>
  <t-dialog class="t-dialog" visible="{{showConfirm}}" content="确认打开{{choseItem.intakeNum}}吗?" confirm-btn="{{ { content: '确认', variant: 'base', theme: 'danger' } }}" close-on-overlay-click="false" cancel-btn="取消"  bind:confirm="confirmDialog" bind:cancel="closeDialog" />
</view>