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
141
142
143
144
145
146
147
148
149
150
151
152
| var url;
| var electricList;
| var data = {
| "interfaceId": "5501",
| "outId": "10501",
| "reqDateTime": new Date(),
| "tokenAuth": "",
| "data": {
| "deptId": ""
| }
| };
|
| function init() {
| var user = JSON.parse(localStorage.getItem('user'));
| var selectDeptId = JSON.parse(localStorage.getItem('selectDeptId'));
| url = user.url + "/api-phone/v35/gateway";
| data.tokenAuth = user.tokenAuth;
| data.data.deptId = selectDeptId;
| getElectric();
| }
|
| function getElectric() {
| mui.ajax(url, {
| type: "POST",
| dataType: "json",
| crossDomain: true,
| contentType: "application/json;charset=utf-8",
| data: JSON.stringify(data),
| success: function(result) {
| if (result.code == "0000") {
| electricList = result.data;
| renderData();
| } else {
| renderData();
| mui.toast(result.msg);
| console.log(JSON.stringify(result))
| }
| },
| error: function() {
| mui.alert("系统繁忙,请重试！", "提示", ["确定"], function() {}, "div")
| }
| })
| electricList = [{
| "depotId": "18",
| "depotName": "做一几加",
| "depotType": "02",
| "ua": 97,
| "ub": 43,
| "uc": 81,
| "ia": 85,
| "ib": 76,
| "ic": 43,
| "updateTime": "1982-03-19 23:26:43"
| },
| {
| "depotId": "35",
| "depotName": "层能比维",
| "depotType": "01",
| "ua": 71,
| "ub": 60,
| "uc": 45,
| "ia": 22,
| "ib": 42,
| "ic": 12,
| "updateTime": "1980-11-10 20:35:36"
| },
| {
| "depotId": "61",
| "depotName": "从周阶红全",
| "depotType": "02",
| "ua": 88,
| "ub": 94,
| "uc": 77,
| "ia": 33,
| "ib": 83,
| "ic": 67,
| "updateTime": "1972-03-23 06:15:44"
| },
| {
| "depotId": "31",
| "depotName": "火五况斯术应压",
| "depotType": "03",
| "ua": 76,
| "ub": 76,
| "uc": 68,
| "ia": 80,
| "ib": 54,
| "ic": 2,
| "updateTime": "2010-02-02 15:07:12"
| },
| {
| "depotId": "20",
| "depotName": "话美书着具来则",
| "depotType": "01",
| "ua": 96,
| "ub": 5,
| "uc": 83,
| "ia": 74,
| "ib": 49,
| "ic": 37,
| "updateTime": "2007-11-02 05:03:29"
| }
| ]
| }
| //渲染页面
| function renderData() {
| var html = '';
| if (electricList && electricList.length > 0) {
| $.each(electricList, function(index, item) {
| html += '<li><div class="con"><div class="tit"><div class="t1">';
| if (item.depotType == '01') {
| html += '<span class="bg" style="background-image: url(images/d1.png);"></span>';
| }else if (item.depotType == '02') {
| html += '<span class="bg" style="background-image: url(images/d2.png);"></span>'
| }
| if (item.depotType == '03') {
| html += '<span class="bg" style="background-image: url(images/d3.png);"></span>'
| }
| html += '<span>' + item.depotName + '</span></div><span class="time">' + item.updateTime +
| '</span></div>';
| html += '<div class="inner"><div class="info">最近一小时用能: <span>10.0</span>KW-h</div>';
| html += '<div class="txt"><div class="num">' + item.ua +
| ' <span> V</span></div><div class="desc">A相电压</div></div>';
| html += '<div class="txt"><div class="num">' + item.ub +
| ' <span> V</span></div><div class="desc">B相电压</div></div>';
| html += '<div class="txt"><div class="num">' + item.uc +
| ' <span> V</span></div><div class="desc">B相电压</div></div>';
| html += '<div class="txt"><div class="num">' + item.ia +
| ' <span> V</span></div><div class="desc">A相电流</div></div>';
| html += '<div class="txt"><div class="num">' + item.ib +
| ' <span> V</span></div><div class="desc">B相电流</div></div>';
| html += '<div class="txt"><div class="num">' + item.ic +
| ' <span> V</span></div><div class="desc">C相电流</div></div>';
| html += '</div></div></li>'
| })
| } else {
| html +=
| '<li><div class="con myfancy" style="text-align: center;font-size: 20px;color:#dd524d">暂无实时配电信息</div></li>';
| }
| $("#recordList").html(html);
| }
| var slider = mui(".mui-slider");
| slider.slider({
| interval: 3000
| });
|
| mui('.mui-scroll-wrapper').scroll({
| indicators: false, //是否显示滚动条
| deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
| bounce: false, //是否启用回弹
| deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
| });
|
|
