|  |  |  | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 阀控器列表 --> | 
|---|
|  |  |  | <!-- 取水口列表 --> | 
|---|
|  |  |  | <view class="valve-list-container"> | 
|---|
|  |  |  | <view class="section-title">取水口阀控器列表</view> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 加载中 --> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 加载中 | 
|---|
|  |  |  | <view class="loading-container" wx:if="{{loading}}"> | 
|---|
|  |  |  | <view class="loading-icon"></view> | 
|---|
|  |  |  | <view class="loading-text">加载中...</view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> --> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 阀控器列表 --> | 
|---|
|  |  |  | <view class="valve-list" wx:else> | 
|---|
|  |  |  | <block wx:for="{{valveList}}" wx:key="id"> | 
|---|
|  |  |  | <!-- 取水口列表 - 可下拉刷新的scroll-view --> | 
|---|
|  |  |  | <scroll-view | 
|---|
|  |  |  | class="valve-list" | 
|---|
|  |  |  | scroll-y="true" | 
|---|
|  |  |  | refresher-enabled="{{true}}" | 
|---|
|  |  |  | refresher-threshold="50" | 
|---|
|  |  |  | refresher-default-style="black" | 
|---|
|  |  |  | refresher-background="#f2f2f2" | 
|---|
|  |  |  | refresher-triggered="{{refreshing}}" | 
|---|
|  |  |  | bindrefresherrefresh="onRefresh" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <block wx:for="{{waterOutletList}}" wx:key="id"> | 
|---|
|  |  |  | <view class="valve-item"> | 
|---|
|  |  |  | <view class="valve-info"> | 
|---|
|  |  |  | <view class="valve-name">{{item.name}}</view> | 
|---|
|  |  |  | <view class="valve-location">{{item.location}}</view> | 
|---|
|  |  |  | <view class="valve-name"> | 
|---|
|  |  |  | <text>{{item.name}}</text> | 
|---|
|  |  |  | <view class="valve-status-inline {{item.status === 'online' ? 'online' : 'offline'}}"> | 
|---|
|  |  |  | {{item.status === 'online' ? '在线' : '离线'}} | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="valve-status {{item.status === 'online' ? 'online' : 'offline'}}"> | 
|---|
|  |  |  | {{item.status === 'online' ? '在线' : '离线'}} | 
|---|
|  |  |  | <view class="command-status {{item.commandStatus}}"> | 
|---|
|  |  |  | {{item.commandStatus === 'sent' ? '命令已下发' : '命令未下发'}} | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </block> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 空状态 --> | 
|---|
|  |  |  | <view class="empty-state" wx:if="{{!loading && valveList.length === 0}}"> | 
|---|
|  |  |  | <image class="empty-icon" src="/images/empty.svg" mode="aspectFit"></image> | 
|---|
|  |  |  | <view class="empty-text">暂无阀控器数据</view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 空状态 --> | 
|---|
|  |  |  | <view class="empty-state" wx:if="{{waterOutletList.length === 0}}"> | 
|---|
|  |  |  | <image class="empty-icon" src="/images/empty.svg" mode="aspectFit"></image> | 
|---|
|  |  |  | <view class="empty-text">暂无取水口数据</view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </scroll-view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 底部按钮 --> | 
|---|
|  |  |  | <view class="bottom-button"> | 
|---|
|  |  |  | <button class="back-button" hover-class="back-button-hover" bindtap="goBack">返回</button> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </view> | 
|---|