1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
| 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();
| }
| });
|
|
