repair_logs_frm.html
4.57 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
<!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" />
<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">
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:'',
bgColor: '#FFFFFF',
textColor: '#000',
textDown: '刷新报修记录列表...',
textUp: '松开刷新...'
}, function(ret, err) {
page = 1;
squence = 0;
getRepairList();
});
getRepairList();
};
function getRepairList() {
//---移除dom中的所有元素
var allDom = $api.domAll('.repair-list');
for (var i = 0; i < allDom.length; i++) {
$api.remove(allDom[i]);
}
api.ajax({
url: HOST + '/iot_api/v1/app/get_issue_list?user_id=' + userId + '&page=' + page + '&limit=' + pageSize ,
method: 'GET',
headers: {
'Content-Type': 'application/json;charset=utf-8',
'token': token
}
}, function(ret, err) {
api.refreshHeaderLoadDone();
if (ret.code == 0) {
if (ret.data.count == 0) {
//展示无数据占位图片
}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: '网络错误'});
}
});
}
</script>
</html>