YYC
2023-06-19 bbeea3379807b3c7e03f99621aae5c1e2367f69b
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
var url;
var electricList;
var dateTime;
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;
    dateTime = getDate(new Date());
    getElectric();
}
 
//日期格式化yyyy-MM-dd
function getDate(date) {
    var year = date.getFullYear();
    var month, day,hour,minute;
    month = date.getMonth() + 1;
    if (month > 0 && month <= 9) {
        month = "0" + month;
    }
    day = date.getDate()
    if (day > 0 && day <= 9) {
        day = "0" + day
    }
    hour = date.getHours();
    minute = date.getMinutes();
    return year + "-" + month + "-" + day + " "+ hour + ":" + minute
}
 
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();
                // console.log(JSON.stringify(result.data))
            } 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 (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></div>';
            html += '<div class="inner"><div class="info">更新时间: <span style="font-size:15px">' + (item.updateTime == null || item.updateTime == "" ? dateTime : item.updateTime) + '</span></div>';
            html += '<div class="txt"><div class="num">' + (item.ua == null || item.ua == "" ? "0" : item.ua)  +
                ' <span> V</span></div><div class="desc">A相电压</div></div>';
            html += '<div class="txt"><div class="num">' + (item.ub == null || item.ub == "" ? "0" : item.ub) +
                ' <span> V</span></div><div class="desc">B相电压</div></div>';
            html += '<div class="txt"><div class="num">' + (item.uc == null || item.uc == "" ? "0" : item.uc) +
                ' <span> V</span></div><div class="desc">B相电压</div></div>';
            html += '<div class="txt"><div class="num">' + (item.ia == null || item.ib == "" ? "0" : item.ib) +
                ' <span> V</span></div><div class="desc">A相电流</div></div>';
            html += '<div class="txt"><div class="num">' + (item.ib == null || item.ic == "" ? "0" : item.ic) +
                ' <span> V</span></div><div class="desc">B相电流</div></div>';
            html += '<div class="txt"><div class="num">' + (item.ic == null || item.ic == "" ? "0" : item.ic) +
                ' <span> V</span></div><div class="desc">C相电流</div></div>';
            html += '</div></div></li>'
        })
    } else {
        html += '<li><div class="con"><div class="tit"><div class="t1">';
        html += '<span class="bg" style="background-image: url(images/d1.png);"></span>';
        html += '<span>暂无配电数据</span></div></div>';
        html += '<div class="inner"><div class="info">更新时间: <span style="font-size:15px">' + dateTime + '</span></div>';
        html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">A相电压</div></div>';
        html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">B相电压</div></div>';
        html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">B相电压</div></div>';
        html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">A相电流</div></div>';
        html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">B相电流</div></div>';
        html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">C相电流</div></div>';
        html += '</div></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
});