管灌系统农户端微信小程序(嘉峪关应用)
pages/irrigationDetail/irrigationDetail.wxml
@@ -8,64 +8,54 @@
      </view>
      <image class="status-icon" src="/images/progress.svg" mode="aspectFit"></image>
    </view>
      <!-- 项目信息 -->
    <view class="project-info">
      <text class="label">项目名称:</text>
      <text class="value">{{projects[0].name}}</text>
    </view>
    <!-- 灌溉时间信息 -->
    <view class="time-info">
      <text class="label">灌溉开始时间:</text>
      <text class="value">{{startTime}}</text>
    </view>
  </view>
  <!-- 项目和轮灌组列表 -->
  <!-- 轮灌组列表 -->
  <scroll-view 
    scroll-y="true" 
    class="project-list"
    class="group-list"
    refresher-enabled="{{true}}" 
    refresher-threshold="50" 
    refresher-triggered="{{isRefreshing}}" 
    bindrefresherrefresh="onPullDownRefresh">
    <view class="scroll-content">
      <block wx:for="{{projects}}" wx:key="id" wx:for-item="project" wx:for-index="projectIndex">
        <!-- 项目信息 -->
        <view class="project-item {{project.expanded ? 'expanded' : 'collapsed'}}">
          <view class="project-header" bindtap="toggleProject" data-index="{{projectIndex}}">
            <image class="toggle-icon {{project.expanded ? 'expanded' : ''}}" src="/images/arrow-down.svg" mode="aspectFit"></image>
            <view class="project-info">
              <view class="project-name">{{project.name}}</view>
              <view class="project-duration">总灌溉时长: {{project.totalDuration || 0}}分钟</view>
            </view>
      <block wx:for="{{projects[0].groups}}" wx:key="id" wx:for-item="group">
        <view class="group-item {{group.status}}" bindtap="navigateToGroupDetail" data-project-name="{{projects[0].name}}" data-group-name="{{group.name}}" data-group-id="{{group.id}}" data-status="{{group.status}}">
          <!-- 轮灌组状态标识 -->
          <view class="group-status-indicator">
            <view class="status-dot"></view>
            <text class="status-text">{{group.statusText}}</text>
          </view>
          
          <!-- 轮灌组列表 -->
          <view class="group-list {{project.expanded ? 'expanded' : 'collapsed'}}">
            <block wx:for="{{project.groups}}" wx:key="id" wx:for-item="group">
              <view class="group-item {{group.status}}" bindtap="navigateToGroupDetail" data-project-name="{{project.name}}" data-group-name="{{group.name}}" data-group-id="{{group.id}}" data-status="{{group.status}}">
                <!-- 轮灌组状态标识 -->
                <view class="group-status-indicator">
                  <view class="status-dot"></view>
                  <text class="status-text">{{group.statusText}}</text>
                </view>
                <!-- 轮灌组信息 -->
                <view class="group-info">
                  <view class="group-name">{{group.name}}</view>
                  <view class="group-time-info">
                    <view class="time-row">
                      <text class="time-label">开始时间:</text>
                      <text class="time-value">{{group.startTime}}</text>
                    </view>
                    <view class="time-row">
                      <text class="time-label">结束时间:</text>
                      <text class="time-value">{{group.endTime}}</text>
                    </view>
                    <view class="time-row">
                      <text class="time-label">灌溉时长:</text>
                      <text class="time-value">{{group.duration}}分钟</text>
                    </view>
                  </view>
                </view>
          <!-- 轮灌组信息 -->
          <view class="group-info">
            <view class="group-name">{{group.name}}</view>
            <view class="group-time-info">
              <view class="time-row">
                <text class="time-label">开始时间:</text>
                <text class="time-value">{{group.startTime}}</text>
              </view>
            </block>
              <view class="time-row">
                <text class="time-label">结束时间:</text>
                <text class="time-value">{{group.endTime}}</text>
              </view>
              <view class="time-row">
                <text class="time-label">灌溉时长:</text>
                <text class="time-value">{{group.duration}}分钟</text>
              </view>
            </view>
          </view>
        </view>
      </block>