<view class="group-detail-container">
|
<!-- 页面标题 -->
|
<view class="page-header">
|
<view class="header-content">
|
<view class="project-info">
|
<view class="project-name">
|
<text class="project-label">所属项目：</text>
|
<text>{{projectName}}</text>
|
</view>
|
<view class="group-name">{{groupName}}</view>
|
</view>
|
</view>
|
</view>
|
|
<!-- 取水口列表 -->
|
<view class="valve-list-container">
|
|
<!-- 加载中
|
<view class="loading-container" wx:if="{{loading}}">
|
<view class="loading-icon"></view>
|
<view class="loading-text">加载中...</view>
|
</view> -->
|
|
<!-- 取水口列表 - 可下拉刷新的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-container">
|
<text class="name-text">{{item.name}}</text>
|
</view>
|
<view class="valve-rtu-addr">
|
<text class="rtu-label">设备地址: </text>
|
<text class="rtu-value">{{item.rtuAddr}}</text>
|
</view>
|
</view>
|
<view class="valve-status-container">
|
<view class="valve-status-inline {{item.status === 'online' ? 'online' : 'offline'}}">
|
{{item.status === 'online' ? '在线' : '离线'}}
|
</view>
|
</view>
|
</view>
|
</block>
|
|
<!-- 空状态 -->
|
<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>
|
