const app = getApp();

Page({
  /**
   * 页面的初始数据
   */
  data: {
    projectId: '',
    projectName: '',
    groupId: '',
    groupName: '',
    valveList: [
      // 模拟数据，实际应从API获取
      { id: '1', name: '阀控器1', status: 'online', location: '位置A' },
      { id: '2', name: '阀控器2', status: 'offline', location: '位置B' },
      { id: '3', name: '阀控器3', status: 'online', location: '位置C' },
      { id: '4', name: '阀控器4', status: 'online', location: '位置D' },
      { id: '5', name: '阀控器5', status: 'offline', location: '位置E' }
    ],
    loading: false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    if (options) {
      this.setData({
        projectId: options.projectId || '',
        projectName: options.projectName || '',
        groupId: options.groupId || '',
        groupName: options.groupName || ''
      });
      
      wx.setNavigationBarTitle({
        title: this.data.groupName || '轮灌组详情'
      });
      
      // 获取阀控器列表
      this.fetchValveList();
    }
  },

  /**
   * 获取阀控器列表
   */
  fetchValveList: function () {
    this.setData({ loading: true });
    
    // 这里应该是实际的API请求
    // 模拟API请求延迟
    setTimeout(() => {
      this.setData({ loading: false });
      // 实际数据已在data中初始化，这里只是模拟请求完成
    }, 1000);
    
    // 实际API请求示例
    // wx.request({
    //   url: 'your-api-url',
    //   data: {
    //     projectId: this.data.projectId,
    //     groupId: this.data.groupId
    //   },
    //   success: (res) => {
    //     this.setData({
    //       valveList: res.data,
    //       loading: false
    //     });
    //   },
    //   fail: () => {
    //     this.setData({ loading: false });
    //     wx.showToast({
    //       title: '获取数据失败',
    //       icon: 'none'
    //     });
    //   }
    // });
  },

  /**
   * 返回上一页
   */
  goBack: function () {
    wx.navigateBack();
  }
});