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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
| /**
| * 添加电话表组件
| * 功能:实现电话表的添加功能
| * 后端API:/app/phoneBillFlowInfo/savePhoneBillFlowInfo
| */
| (function (vc) {
| vc.extends({
| data: {
| // 添加电话表信息对象
| addPhoneBillFlowInfo: {
| // 房间名称
| roomName: '',
| // 电话表数据对象
| phoneBillFlow: {
| // 设备编号
| deviceNum: '',
| // 对象ID(房间ID)
| objId: '',
| // 上期度数
| preDegrees: '',
| // 本期度数
| curDegrees: '',
| // 上期读表时间
| preReadingTime: '',
| // 本期读表时间
| curReadingTime: ''
| }
| }
| },
| /**
| * 初始化方法
| * 功能:初始化组件
| */
| _initMethod: function () {
| },
| /**
| * 初始化事件监听
| * 功能:监听组件间的事件通信
| */
| _initEvent: function () {
| // 监听打开添加电话表模态框事件
| vc.on('addPhoneBillFlow', 'openAddPhoneBillFlowModal', function (_param) {
| // 重置表单数据
| $that.clearAddPhoneBillFlowInfo();
| // 设置房间信息
| $that.addPhoneBillFlowInfo.roomName = _param.roomName;
| $that.addPhoneBillFlowInfo.phoneBillFlow.objId = _param.roomId;
| // 打开模态框
| $('#addPhoneBillFlowModal').modal('show');
| });
| },
| methods: {
| /**
| * 保存电话表数据
| * 功能:验证表单数据并调用后端API保存电话表
| */
| _savePhoneBillFlow: function () {
| // 验证设备编号
| if (!$that.addPhoneBillFlowInfo.phoneBillFlow.deviceNum) {
| vc.toast('请输入设备编号');
| return;
| }
| // 验证对象ID
| if (!$that.addPhoneBillFlowInfo.phoneBillFlow.objId) {
| vc.toast('请选择房间');
| return;
| }
| // 验证上期度数
| if (!$that.addPhoneBillFlowInfo.phoneBillFlow.preDegrees) {
| vc.toast('请输入上期度数');
| return;
| }
| // 验证本期度数
| if (!$that.addPhoneBillFlowInfo.phoneBillFlow.curDegrees) {
| vc.toast('请输入本期度数');
| return;
| }
| // 验证上期读表时间
| if (!$that.addPhoneBillFlowInfo.phoneBillFlow.preReadingTime) {
| vc.toast('请选择上期读表时间');
| return;
| }
| // 验证本期读表时间
| if (!$that.addPhoneBillFlowInfo.phoneBillFlow.curReadingTime) {
| vc.toast('请选择本期读表时间');
| return;
| }
| // 设置小区ID
| $that.addPhoneBillFlowInfo.phoneBillFlow.communityId = vc.getCurrentCommunity().communityId;
| // 构建请求参数
| let param = {
| phoneBillFlowInfo: $that.addPhoneBillFlowInfo.phoneBillFlow
| };
| // 发送POST请求保存电话表数据
| vc.http.apiPost('/phoneBillFlowInfo/savePhoneBillFlowInfo',
| JSON.stringify(param),
| function (json, res) {
| // 解析响应数据
| let _json = JSON.parse(json);
| // 检查响应状态
| if (_json.code === 0) {
| // 保存成功,关闭模态框
| $('#addPhoneBillFlowModal').modal('hide');
| // 刷新电话表列表
| vc.emit('phoneMeterManage', 'listPhoneBillFlow', {});
| // 显示成功提示
| vc.toast('添加成功');
| return;
| }
| // 保存失败,显示错误提示
| vc.toast(_json.msg);
| },
| function (errInfo, error) {
| // 错误处理
| console.log('请求失败处理');
| vc.toast('添加失败');
| }
| );
| },
| /**
| * 清空添加电话表表单数据
| * 功能:重置表单为初始状态
| */
| clearAddPhoneBillFlowInfo: function () {
| // 重置电话表数据对象
| $that.addPhoneBillFlowInfo = {
| roomName: '',
| phoneBillFlow: {
| deviceNum: '',
| objId: '',
| preDegrees: '',
| curDegrees: '',
| preReadingTime: '',
| curReadingTime: ''
| }
| };
| }
| }
| });
| })(window.vc);
|
|