更新SVG图标样式，优化灌溉计划和取水口页面逻辑，添加状态处理和信息提示功能；调整界面样式，提升用户体验。

zuoxiao

2025-04-09 50433e86b718fab0d94ea1410724b29b5f53fa0a

 pages/groupDetail/groupDetail.wxml

@@ -9,40 +9,49 @@
    </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>