|  |  | 
 |  |  |   <view class="page-header"> | 
 |  |  |     <view class="header-content"> | 
 |  |  |       <view class="project-info"> | 
 |  |  |         <view class="project-name">{{projectName}}</view> | 
 |  |  |         <view class="group-name">{{groupName}}</view> | 
 |  |  |         <view class="project-name"> | 
 |  |  |           <text class="project-label">所属项目:</text> | 
 |  |  |           <text>{{projectName}}</text> | 
 |  |  |         </view> | 
 |  |  |  | 
 |  |  |       </view> | 
 |  |  |     </view> | 
 |  |  |   </view> | 
 |  |  | 
 |  |  |       <block wx:for="{{waterOutletList}}" wx:key="id"> | 
 |  |  |         <view class="valve-item"> | 
 |  |  |           <view class="valve-info"> | 
 |  |  |             <view class="valve-name"> | 
 |  |  |               <text>{{item.name}}</text> | 
 |  |  |               <view class="valve-status-inline {{item.status === 'online' ? 'online' : 'offline'}}"> | 
 |  |  |                 {{item.status === 'online' ? '在线' : '离线'}} | 
 |  |  |               </view> | 
 |  |  |             <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="command-status {{item.commandStatus}}"> | 
 |  |  |             {{item.commandStatus === 'sent' ? '命令已下发' : '命令未下发'}} | 
 |  |  |           <view class="valve-status-container"> | 
 |  |  |             <view class="valve-status-inline {{item.status === 'online' ? 'online' : 'offline'}}"> | 
 |  |  |               {{item.status === 'online' ? '在线' : '离线'}} | 
 |  |  |             </view> | 
 |  |  |           </view> | 
 |  |  |         </view> | 
 |  |  |       </block> |