YYC
2023-05-16 9fe35e2394ea32269957328342bba12442986df5
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
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")
        }
    })
}
//渲染页面
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 (index % 3 == 0) {
                html += '<span class="bg" style="background-image: url(images/d1.png);"></span>';
            }
            if (index % 3 == 1) {
                html += '<span class="bg" style="background-image: url(images/d2.png);"></span>'
            }
            if (index % 3 == 2) {
                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
});