repair_logs_frm.html
5.28 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>报修记录_frm</title>
<link rel="stylesheet" type="text/css" href="../../css/api.css"/>
<link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
<link rel="stylesheet" type="text/css" href="../../css/repair/repair.css"/>
<link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
<link rel="stylesheet" type="text/css" href="../../css/style.css"/>
<style>
html,
body{
background: #F4F6F9;
}
</style>
</head>
<body>
<div class="repair-panel" id="repair_panel">
<!-- <div class="repair-list">
<div class="info-panel">
<div class="aui-row aui-row-flex top-14">
<div class="aui-col aui-col-span-2 aui-row-flex-start">
<div class="number-id">99</div>
</div>
<div class="aui-col aui-col-span-22 aui-row-flex-start">
<span class="device-id" id="device_id">设备ID：000000000000000</span>
</div>
</div>
<div class="list-line"></div>
<div class="aui-row aui-row-flex">
<div class="aui-col aui-col-span-12 aui-row-flex-start">
<div class="repair-dot"></div>
<div class="repair-cmd"> 报修分类</div>
</div>
<div class="aui-col aui-col-span-12 aui-row-flex-end">
<div class="repair-cmd-value">设置过载电流动作值</div>
</div>
</div>
<div class="aui-row aui-row-flex" style="margin-top:0px;">
<div class="aui-col aui-col-span-12 aui-row-flex-start">
<div class="repair-dot"></div>
<div class="repair-cmd"> 报修状态</div>
</div>
<div class="aui-col aui-col-span-12 aui-row-flex-end">
<div class="repair-status status-commit">已提交</div>
</div>
</div>
<div class="aui-row aui-row-flex">
<div class="aui-col aui-col-span-12 aui-row-flex-start">
<div class="repair-dot"></div>
<div class="repair-cmd"> 报修问题</div>
</div>
<div class="aui-col aui-col-span-12 aui-row-flex-end">
<div class="repair-cmd-value">网络延迟网络延迟网络延迟</div>
</div>
</div>
<div style="height:7px;"></div>
</div>
</div> -->
</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
var token;
var userId;
var page = 1;
var pageSize = 2000;
var squence = 0;
apiready = function(){
api.parseTapmode();
token = $api.getStorage('userToken');
userId = $api.getStorage('userID');
/** 下拉刷新 */
api.setRefreshHeaderInfo({
loadingImg:'../../image/alpha0.png',
bgColor: '#5B7FF8',
textColor: 'rgba(255,255,255,0.5)',
textDown: '刷新报修记录列表...',
textUp: '松开刷新...'
}, function(ret, err) {
page = 1;
squence = 0;
getRepairList();
});
getRepairList();
};
function getRepairList() {
//---移除dom中的所有元素
var allDom = $api.domAll('.repair-list-s');
for (var i = 0; i < allDom.length; i++) {
$api.remove(allDom[i]);
}
$.ajax({
url: HOST + '/iot_api/v1/app/get_issue_list?user_id=' + userId + '&page=' + page + '&limit=' + pageSize ,
type: 'GET',
dataType: 'json',
headers: {
'Content-Type': 'application/json;charset=utf-8',
'token': token
},
complete: function() {
api.refreshHeaderLoadDone();
},
success: function(ret) {
if (ret.code == 0) {
var nullDom = $api.domAll('.no-data');
for (var i = 0; i < nullDom.length; i++) {
$api.remove(nullDom[i]);
}
if (ret.data.count == 0) {
//展示无数据占位图片
noData($api.byId("repair_panel"),5);
}else {
var repairList = ret.data.rows;
for (var i = 0; i < repairList.length; i++) {
squence += 1;
var addRepairListDom = addRepairListHtml(repairList[i],squence);
$api.append($api.byId("repair_panel"), addRepairListDom);
}
}
}else {
api.toast({msg: '网络错误'});
}
},
error: function() {
api.toast({msg: ERR_MSG,duration: 2000,location: 'bottom'});
}
});
}
</script>
</html>