<view class="create-irrigation-container">
|
<!-- 计划编号 -->
|
<view class="form-item">
|
<view class="form-label">计划编号</view>
|
<view class="form-input">
|
<input type="text" placeholder="请输入计划编号" value="{{planCode}}" bindinput="onPlanCodeInput" />
|
</view>
|
</view>
|
|
<!-- 灌溉开始时间 -->
|
<view class="form-item" bindtap="showTimePicker">
|
<view class="form-label">灌溉开始时间</view>
|
<view class="form-input time-input">
|
<view class="time-text {{startTime ? '' : 'placeholder'}}">{{startTime || '请选择灌溉开始时间'}}</view>
|
<image class="arrow-icon" src="/images/arrow-right.svg" mode="aspectFit"></image>
|
</view>
|
</view>
|
|
<!-- 项目和轮灌组嵌套列表 -->
|
<view class="list-container">
|
<!-- 项目列表 -->
|
<scroll-view scroll-y="true" class="project-list">
|
<block wx:for="{{projectList}}" wx:key="id">
|
<view class="project-item">
|
<!-- 项目名称 -->
|
<view class="project-header" bindtap="toggleProject" data-index="{{index}}">
|
<view class="project-title">
|
<image class="toggle-icon {{item.expanded ? 'expanded' : ''}}" src="/images/arrow-down.svg" mode="aspectFit"></image>
|
<view class="project-name">{{item.name}}</view>
|
</view>
|
<view class="project-duration">总时长: {{item.totalDuration || 0}}分钟</view>
|
</view>
|
|
<!-- 轮灌组列表 -->
|
<view class="group-list {{item.expanded ? 'expanded' : ''}}">
|
<block wx:for="{{item.groups}}" wx:for-item="group" wx:for-index="groupIndex" wx:key="id">
|
<view class="group-item {{group.selected ? 'selected' : ''}}">
|
<view class="group-info" bindtap="navigateToGroupDetail" data-project-index="{{index}}" data-group-index="{{groupIndex}}">
|
<view class="group-name">{{group.name}}</view>
|
</view>
|
<view class="group-duration">
|
<input
|
class="duration-input"
|
type="number"
|
value="{{group.duration}}"
|
bindinput="onDurationInput"
|
data-project-index="{{index}}"
|
data-group-index="{{groupIndex}}"
|
placeholder="0"
|
catchtap="stopPropagation"
|
/>
|
<text class="duration-unit">分钟</text>
|
</view>
|
</view>
|
</block>
|
</view>
|
</view>
|
</block>
|
</scroll-view>
|
</view>
|
|
<!-- 底部确认按钮 -->
|
<view class="bottom-button">
|
<button class="confirm-button" hover-class="confirm-button-hover" bindtap="onConfirm">确认</button>
|
</view>
|
|
<!-- 时间选择器弹窗 -->
|
<t-date-time-picker
|
title="选择灌溉开始时间"
|
visible="{{timePickerVisible}}"
|
mode="{{['date', 'minute']}}"
|
value="{{pickerValue}}"
|
format="YYYY-MM-DD HH:mm"
|
bindconfirm="onTimePickerConfirm"
|
bindcancel="onTimePickerCancel"
|
/>
|
</view>
|
